@charset "utf-8";
/* CSS Document */


/* style.css */

#box-onaka{
	width:950px;
	margin:0px auto;
	padding:0px;
	font-size: 12px;
	line-height: 1.4;
	text-align:left;
	}

/* box01 */

#box-onaka01{
	width:950px;
	height:398px;
	margin-bottom:10px;
	background:url(../images/bg-box01.jpg) left top no-repeat;
	position:static;
	}

#box-onaka01 p{
	width:315px;
	float:left;
	position:relative;
	top:250px;
	left:10px;
	}
	
#box-onaka01 dl{
	width:280px;
	float:left;
	position:relative;
	top:10px;
	left:345px;
	}

#box-onaka01 dl dt{ float:left;padding-bottom:10px;}
#box-onaka01 dl dd{ float:left;}

#btn-oubo a{
	width:280px;
	height:310px;
	background:url(../images/btn-oubo.gif) left top no-repeat;
	display:block;
	}

#btn-buy a{
	width:280px;
	height:54px;
	background:url(../images/btn-buy.gif) left top no-repeat;
	display:block;
	}


#btn-buyafter a{
	width:280px;
	height:370px;
	background:url(../images/btn-buyafter.gif) left top no-repeat;
	display:block;
	}

#btn-oubo a:hover,#btn-buy a:hover,#btn-buyafter a:hover{ background-position: center bottom; }
#btn-oubo span,#btn-buy span,#btn-buyafter span{ display:none; }


/* box02 */

#box-onaka02{
	width:950px;
	min-height: 240px;  
	height: auto !important;  
	height: 240px;  
	margin-bottom:10px;
	background:url(../images/bg-box02.gif) left top no-repeat;
	position:static;
	}
	
#box-onaka02 p.txt-left{
	width:240px;
	float:left;
	color:#0C99F8;
	position:relative;
	top:48px;
	left:20px;
	}
	
#box-onaka02 p.txt-right{
	width:240px;
	float:left;
	color:#66cc00;
	position:relative;
	top:48px;
	left:78px;
	}	
	
#box-onaka02 ul{
	width:181px;
	float:left;
	}

#box-onaka02 li,#box-onaka02 li a{
	width:181px;
	height:51px;
	margin-bottom:5px;
	background-position: center top;
	display: block;
	}


#box-onaka02 ul.left{
	position:relative;
	top:50px;
	left:35px;
	}


#box-onaka02 ul.right{
	position:relative;
	top:50px;
	left:93px;
	}

#box-onaka02 li.taiken-01 a{ background:url(../images/btn-taiken01.gif) no-repeat; }
#box-onaka02 li.taiken-02 a{ background:url(../images/btn-taiken02.gif) no-repeat; }
#box-onaka02 li.taiken-03 a{ background:url(../images/btn-taiken03.gif) no-repeat; }
#box-onaka02 li.taiken-04 a{ background:url(../images/btn-taiken04.gif) no-repeat; }

#box-onaka02 li.taiken-05 a{ background:url(../images/btn-taiken05.gif) no-repeat; }


#box-onaka02 li a:hover{ background-position: center bottom; }

#box-onaka02 span{ display:none; }

#box-onaka02 .box-onaka02-bnr {
	position:relative;
	top:0;
	left:80px;
}



/* box-qa */

#box-qa{
	width:950px;
	margin-bottom:10px;
	position:static;
	}

#box-qa h1{
	height:55px;
	padding:10px 0px 0px 40px;
	background:url(../images/tit-h1.gif) left top no-repeat;
	font-size:16px;
	}

#box-qa dl{
	height:133px;
	margin-bottom:10px;
}

#box-qa dl dt{
	width:800px;
	position:relative;
	top:22px;
	left:120px;
	font-weight:bold;
	}

#box-qa dl dd{
	width:750px;
	line-height:1.5;
	position:relative;
	top:55px;
	left:120px;
	}

#box-qa dl.q1{ background:url(../images/bg-q01.gif) left top no-repeat; }
#box-qa dl.q2{ background:url(../images/bg-q02.gif) left top no-repeat; }
#box-qa dl.q3{ background:url(../images/bg-q03.gif) left top no-repeat; }

/* box-oubo */

#box-oubo {
	text-align:center;
	float:left;
	margin-right:10px;
	}

#btn-oubo-bottom a{
	width:401px;
	height:108px;
	margin:5px 0px;
	background:url(../images/btn-oubo-btm.gif) left top no-repeat;
	display:block;
	text-align:center;
	}

#btn-oubo-bottom a:hover{ background-position: center bottom; }
#btn-oubo-bottom span{ display:none; }
#box-oubo p.txt-red{ color:#F00;}

/* box-buybtm */

#box-btn-btm {
	width:100%;
	margin:0px 68px;
	text-align:center;
	}

#btn-buybtm a{
	width:401px;
	height:108px;
	margin:5px 201px;
	_margin:5px 100px;
/*	margin:5px 0px;*/
	float:left;
	background:url(../images/btn-buy-btm.gif) left top no-repeat;
	display:block;
	text-align:center;
	}

#btn-buybtm a:hover{ background-position: center bottom; }
#btn-buybtm span{ display:none; }



/* box-monitor */

#box-monitor{
	width:950px;
	margin-bottom:10px;
	position:static;
	}

#box-monitor h1{
	height:55px;
	margin:0px;
	padding:10px 0px 0px 40px;
	background:url(../images/tit-h1.gif) left top no-repeat;
	font-size:16px;
	}

#bg-tbl{
	margin:0px;
	border:1px dotted #6CF;
	/*background:url(../images/bg-tbl-monitor.gif) left top no-repeat;*/
	}
	
#box-monitor table{
	width:948px;
	border-top:1px dotted #6CF;
	background-color:#FFE;
}
*html #box-monitor table{width:950px;}
#box-monitor table.no-bd{border-top:none;}
#box-monitor table.bg-blu{background-color:#F4FDFF;}

#box-monitor table th img{ border:1px solid #ccc; }

#box-monitor table th{
	width:52px;
	padding-left:6px;
	padding-top:5px;
	vertical-align:top;
	border-left:1px dotted #6CF;
	}
#box-monitor table th.no-bd{ border-left:none;}
*html #box-monitor table th{width:58px;}
#box-monitor table td.td-blog{
	width:168px;
	padding-top:5px;
	padding-right:6px;
	padding-bottom:5px;
	vertical-align:top;
	padding-left:5px;
	}
*html #box-monitor table td{width:178px;}
#box-monitor table p.btn-more{ padding-top:5px;text-align:right;}

#box-monitor li{
	padding-left: 10px;
	padding-bottom: 2px;
	background: url(../images/ico-list02y.gif) no-repeat;
	background-position: left 2px;
}

.mag-btm10{ margin-bottom:10px; }

/*default*/

html, body, 
h1, h2, h3, h4, h5, h6,
p, div, blockquote, address,
ul, ol, li, dl, dt, dd,
table, th, td {
	font-family: font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	color: #555;
	margin: 0px;
	padding: 0px;
}

ol, ul, li {
	list-style-type: none;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}
a img  {
	border:0;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
	position: relative;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
