@charset "utf-8";


/*-----------------------------------------------
 __header
-----------------------------------------------*/

li.navi_01{
	width	:61px;
	height	:50px;
	background	:url("../img/header01.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}
li.navi_01 a{
	width	:61px;
	height	:50px;
	display	:block;
}

li.navi_02{
	width	:73px;
	height	:50px;
	background	:url("../img/header02b.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}

li.navi_02 a{
	width	:73px;
	height	:50px;
	display	:block;
	background	:url("../img/header02.gif") no-repeat top left;
}

li.navi_03{
	width	:80px;
	height	:50px;
	background	:url("../img/header03b.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}

li.navi_03 a{
	width	:80px;
	height	:50px;
	background	:url("../img/header03.gif") no-repeat top left;
	display	:block;
}

li.navi_04{
	width	:81px;
	height	:50px;
	background	:url("../img/header04b.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}

li.navi_04 a{
	width	:81px;
	height	:50px;
	background	:url("../img/header04.gif") no-repeat top left;
	display	:block;
}

li.navi_05{
	width	:80px;
	height	:50px;
	background	:url("../img/header05b.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}
li.navi_05 a{
	width	:80px;
	height	:50px;
	background	:url("../img/header05.gif") no-repeat top left;
	display	:block;
}

li.navi_06{
	width	:72px;
	height	:50px;
	background	:url("../img/header06b.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}
li.navi_06 a{
	width	:72px;
	height	:50px;
	background	:url("../img/header06.gif") no-repeat top left;
	display	:block;
}

li.navi_07{
	width	:81px;
	height	:50px;
	background	:url("../img/header07b.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}
li.navi_07 a{
	width	:81px;
	height	:50px;
	background	:url("../img/header07.gif") no-repeat top left;
	display	:block;
}

li.navi_08{
	width	:80px;
	height	:50px;
	background	:url("../img/header08b.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}
li.navi_08 a{
	width	:80px;
	height	:50px;
	background	:url("../img/header08.gif") no-repeat top left;
	display	:block;
}

li.navi_09{
	width	:81px;
	height	:50px;
	background	:url("../img/header09b.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}
li.navi_09 a{
	width	:81px;
	height	:50px;
	background	:url("../img/header09.gif") no-repeat top left;
	display	:block;
}

li.navi_10{
	width	:81px;
	height	:50px;
	background	:url("../img/header10b.gif") no-repeat top left;
	text-indent	:-9999px;
	float		:left;
}
li.navi_10 a{
	width	:81px;
	height	:50px;
	background	:url("../img/header10.gif") no-repeat top left;
	display	:block;
}


li.navi_01 a:hover{
	background	:url("../img/header01b.gif") no-repeat top left;
}

li.navi_02 a:hover{
	background	:url("../img/header02b.gif") no-repeat top left;
}


li.navi_03 a:hover{
	background	:url("../img/header03b.gif") no-repeat top left;
}

li.navi_04 a:hover{
	background	:url("../img/header04b.gif") no-repeat top left;
}

li.navi_05 a:hover{
	background	:url("../img/header05b.gif") no-repeat top left;
}

li.navi_06 a:hover{
	background	:url("../img/header06b.gif") no-repeat top left;
}

li.navi_07 a:hover{
	background	:url("../img/header07b.gif") no-repeat top left;
}

li.navi_08 a:hover{
	background	:url("../img/header08b.gif") no-repeat top left;
}

li.navi_09 a:hover{
	background	:url("../img/header09b.gif") no-repeat top left;
}

li.navi_10 a:hover{
	background	:url("../img/header10b.gif") no-repeat top left;
}

/*-----------------------------------------------
 __school
-----------------------------------------------*/


ul.sub_navi_s{
	float	:left;
	margin-top	:55px;
}

ul.sub_navi_s li {
	display:inline;
	list-style-type:none;
}

ul.sub_navi_s li a {
	width	:68px;
	height	:75px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}


ul.sub_navi_s li.sub_s00 a {
	background	:url("../img/school/sub_navi.gif") no-repeat 0px 0px;
}

ul.sub_navi_s li.sub_s00 a:hover {
	background	:url("../img/school/sub_navi.gif") no-repeat 0px -92px;
}

ul.sub_navi_s li.sub_s01 a {
	background	:url("../img/school/sub_navi.gif") no-repeat -68px 1px;
}

ul.sub_navi_s li.sub_s01 a:hover {
	background	:url("../img/school/sub_navi.gif") no-repeat -68px -91px;
}

ul.sub_navi_s li.sub_s02 a {
	background	:url("../img/school/sub_navi.gif") no-repeat -136px 2px;
}

ul.sub_navi_s li.sub_s02 a:hover {
	background	:url("../img/school/sub_navi.gif") no-repeat -136px -91px;
}

ul.sub_navi_s li.sub_s03 a {
	background	:url("../img/school/sub_navi.gif") no-repeat -203px 2px;
}

ul.sub_navi_s li.sub_s03 a:hover {
	background	:url("../img/school/sub_navi.gif") no-repeat -203px -91px;
}

ul.sub_navi_s li.sub_s04 a {
	background	:url("../img/school/sub_navi.gif") no-repeat -271px 2px;
}

ul.sub_navi_s li.sub_s04 a:hover {
	background	:url("../img/school/sub_navi.gif") no-repeat -271px -91px;
}

ul.sub_navi_s li.sub_s05 a {
	background	:url("../img/school/sub_navi.gif") no-repeat -339px 2px;
}

ul.sub_navi_s li.sub_s05 a:hover {
	background	:url("../img/school/sub_navi.gif") no-repeat -339px -91px;
}

ul.sub_navi_s li.sub_s06 a {
	background	:url("../img/school/sub_navi.gif") no-repeat -407px 2px;
}

ul.sub_navi_s li.sub_s06 a:hover {
	background	:url("../img/school/sub_navi.gif") no-repeat -407px -91px;
}

ul.sub_navi_s li.sub_s07 a {
	background	:url("../img/school/sub_navi.gif") no-repeat -475px 2px;
}

ul.sub_navi_s li.sub_s07 a:hover {
	background	:url("../img/school/sub_navi.gif") no-repeat -475px -89px;
}

li.sub_s00b,
li.sub_s01b,
li.sub_s02b,
li.sub_s03b,
li.sub_s04b,
li.sub_s05b,
li.sub_s06b,
li.sub_s07b{
	width	:68px;
	height	:75px;
	text-indent	:-9999px;
	float	:left;
}

li.sub_s00b{
	background	:url("../img/school/sub00b.gif");
}

li.sub_s01b{
	background	:url("../img/school/sub01b.gif");
}

li.sub_s02b{
	background	:url("../img/school/sub03b.gif");
}

li.sub_s03b{
	background	:url("../img/school/sub04b.gif");
}

li.sub_s04b{
	background	:url("../img/school/sub02b.gif");
}

li.sub_s05b{
	background	:url("../img/school/sub05b.gif");
}

li.sub_s06b{
	background	:url("../img/school/sub06b.gif");
}

li.sub_s07b{
	background	:url("../img/school/sub07b.gif");
}


/*-----------------------------------------------
 __lesson
-----------------------------------------------*/


ul.sub_navi_l{
	float	:left;
	margin	:55px 0 10px 0;
}

ul.sub_navi_l li {
	display:inline;
	list-style-type:none;
}

ul.sub_navi_l li a {
	width	:69px;
	height	:75px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

ul.sub_navi_l li.sub_l01 a {
	background	:url("../img/lesson/sub_navi.gif") no-repeat 0px 0px;
}

ul.sub_navi_l li.sub_l01 a:hover {
	background	:url("../img/lesson/sub_navi.gif") no-repeat 0px -92px;
}

ul.sub_navi_l li.sub_l02 a {
	background	:url("../img/lesson/sub_navi.gif") no-repeat -71px 0px;
}

ul.sub_navi_l li.sub_l02 a:hover {
	background	:url("../img/lesson/sub_navi.gif") no-repeat -71px -92px;
}

li.sub_l01b,
li.sub_l02b{
	width	:69px;
	height	:75px;
	text-indent	:-9999px;
	float	:left;
}

li.sub_l01b{
	background	:url("../img/lesson/sub01b.gif");
}

li.sub_l02b{
	background	:url("../img/lesson/sub02b.gif");
}