@charset "UTF-8";

@import "default.css";
@import "common.css";
@import "qc.css";


/*----------------------------------------------------------------------------
******************************************************************************
CSS for index
******************************************************************************
----------------------------------------------------------------------------*/


.contents{
	width: 800px;
	clear: both;
	margin: 0px;
	padding: 0px 10px;
}

div.mainImg{
	width:800px;
	margin-bottom: 10px;
	position: relative;
}

div.mainImg .box_h2{
	background: url(../images/h2_bg.jpg) 0 0 no-repeat;
	width: 800px;
	height: 44px;
}

div.mainImg .box_h2 h2{
	/*text-indent: -9999px;*/
	font-size: 1px;
	line-height: 0em;
	height: 0px;
	float:left;
}

div.mainImg .box_h2 p.bn{
	float: right;
	width: 200px;
	height: 30px;
	margin: 7px 10px 0 0;
	padding: 0px;
}

div.mainImg .box_h2 p.bn a{
	display: block;
	width: 200px;
	height: 30px;
	background: url(../images/bnr_bn.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

div.mainImg .box_h2 p.bn a:hover{
	background-position: bottom;
}


div.mainImg p.monthimg{
	margin: 5px 0 0 0;
	padding: 0px;
	clear: both;
}


div.mainImg .backlink{
	position: absolute;
	top: 120px;
	left: 535px;
}


*html div.mainImg .backlink{
	position: absolute;
	top: 125px;
	left: 535px;
}

*:first-child+html div.mainImg .backlink{
	position: absolute;
	top: 125px;
	left: 535px;
}

#navi{
width:210px;
float:right;
margin-right:0px;
display:inline;}


#indexBox {
width:570px;
height: 140px;
margin: 10px 0px;
padding: 0px;
text-align: center;
background:#f3eedb;
border:solid 1px #cabf8b;


}

#indexBox ul {
width:560px;
margin:3px 5px;}

#indexBox ul li { float:left;}


#indexBox ul li.indexLi01 { background: url(../images/index_001.jpg) 0 0 no-repeat; margin-right:10px;}
#indexBox ul li.indexLi02 { background: url(../images/index_002.jpg) 0 0 no-repeat; margin-right:10px;}
#indexBox ul li.indexLi03 { background: url(../images/index_003.jpg) 0 0 no-repeat;}

#indexBox ul li a {
display:block;
width:180px;
height:133px;
text-indent:-99999px;}

#indexBox ul li.indexLi01 a:hover { background: url(../images/index_001ov.jpg) 0 0 no-repeat;}
#indexBox ul li.indexLi02 a:hover { background: url(../images/index_002ov.jpg) 0 0 no-repeat;}
#indexBox ul li.indexLi03 a:hover { background: url(../images/index_003ov.jpg) 0 0 no-repeat;}


#indexBox02 {
width:580px;
margin:15px 0 0 0;
padding-top:10px;
padding-bottom:2px;
background: url(../images/index_005.jpg) 100% 0 no-repeat;
}

#indexBox02 h3 {
width:386px;
height:22px;
margin:2px 0 16px 10px;
text-indent:-99999px;
background: url(../images/index_004.jpg) 0 0 no-repeat;
}

#indexBox02 p {
width:385px;
margin:0 0 15px 10px;
line-height:1.4;
font-size:80%;
}

#indexBox3 {
width:578px;
height: 160px;
margin:10px 0 0 0;
background:#e9e2c1;
border:solid 1px #cabf8b;
}

#indexBox3 h4 {
text-indent:-99999px;
background: url(../images/index_006.jpg) 0 0 no-repeat;
}

#indexBox3 h4 a {
display:block;
width:578px;
height:43px;}

#indexBox3 ul {
width:564px;
margin:7px 0 7px 7px;}

#indexBox3 ul li { float:left;}

#indexBox3 ul li.indexLi04 { background: url(../images/index_007.jpg) 0 0 no-repeat; margin-right:8px;}
#indexBox3 ul li.indexLi05 { background: url(../images/index_008.jpg) 0 0 no-repeat; margin-right:8px;}
#indexBox3 ul li.indexLi06 { background: url(../images/index_009.jpg) 0 0 no-repeat; margin-right:8px;}
#indexBox3 ul li.indexLi07 { background: url(../images/index_010.jpg) 0 0 no-repeat;}

#indexBox3 ul li a {
display:block;
width:135px;
height:101px;
text-indent:-99999px;}

#indexBox3 ul li.indexLi04 a:hover { background: url(../images/index_007ov.jpg) 0 0 no-repeat;}
#indexBox3 ul li.indexLi05 a:hover { background: url(../images/index_008ov.jpg) 0 0 no-repeat;}
#indexBox3 ul li.indexLi06 a:hover { background: url(../images/index_009ov.jpg) 0 0 no-repeat;}
#indexBox3 ul li.indexLi07 a:hover { background: url(../images/index_010ov.jpg) 0 0 no-repeat;}

#qctable01 strong {
font-weight: normal;
}


#indexBox4 {
width:578px;
margin:0px 0 0 0;

}


#indexBox4 p.exp_lesson {
	margin: 0 49px;
	text-align: center;
}


#indexBox4 p.exp_lesson a{
	background: url(../images/exp_lesson.jpg) 0 0 no-repeat;
	display: block;
	width: 480px;
	height: 166px;
	text-indent: -9999px;
}

#indexBox4 p.exp_lesson a:hover{
	background-position: bottom;
}




/* backnumber
-------------------------------------------------------------*/

div.mainImg .ttl_backnumber{
	background: url(../images/h2_backnumber.jpg) 0 0 no-repeat;
	width: 800px;
	height: 44px;
}

div.mainImg .ttl_backnumber h2{
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0em;
	height: 0px;
}

div.box_backnumber{
	width:800px;
	margin-bottom: 50px;
}

div.box_backnumber h2{
	border: 1px solid #FF00FF;
	width:800px;
	height: 80px;
	margin-bottom: 20px;
}


div.box_backnumber p{
	margin: 3px 0 40px 10px;
	font-size: 80%;
	color: #735e65;
}

div.box_backnumber img{
	margin-bottom: 0px;
}
.index_left{ float:left;}