@charset "shift_jis";

/* 共通CSS読み込み  */
@import url("common.css");


/* ================================================
topのみ */

div.main{
	width:978px;
}

/* ======================== キャッチコピー */


/* ======================== 学校ボタン */


#midasi img{
        width:100%;
	height:auto;
	margin-top:10px;
}


.toptext{
        width:95%;
	height:auto;
	margin:0 auto;
	color:#696969;
}


#group{
        width:100%;
	height:auto;
	padding-left:25px;
}

.school li img{
        width:300px;
	height:300px;
	float:left;
	margin-top:15px;
	margin-right:15px;
}


div.main #shbg{
	background:url(../img/top/schoolsbg.jpg) no-repeat center bottom;
	padding-left:29px;
	margin-left:1px;
}
div.main .schools{
	width:920px;
	height:300px;
}
div.main .schools li{
	width:232px;
	height:300px;
	display:inline;
	float:left;
	background:url(../img/top/schools.jpg) no-repeat 0 0;
}
div.main .schools li#technoauto{
	background-position:0 0;
}
div.main .schools li#driving{
	background-position:-232px 0;
}
div.main .schools li#tennis{
	background-position:-464px 0;
}
div.main .schools li#golf{
	background-position:-696px 0;
	width:224px;
}
div.main .schools li dl{
	position:relative;
	width:224px;
}
div.main .schools li dt a{
	width:224px;
	height:260px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
div.main .schools li#tennis dt, div.main .schools li#golf dt{
	height:39px;
}
div.main .schools dt a, div.main .schools dd p, div.main .schools li#tennis dt, div.main .schools li#golf dt{
	text-indent:-9999px;
	/* \*/overflow:hidden;/* */
}
div.main .schools li dd ul{
	margin-left:12px;
	height:41px;
}
div.main .schools li#golf dd ul{
	margin-left:9px;
}
div.main .schools li dd ul li{
	display:inline;
	float:left;
	height:41px;
	background:transparent;
}
div.main .schools li#tennis dd ul li{width:68px;}
div.main .schools li#tennis dd ul li#tennis02{width:64px;}
div.main .schools li#golf dd ul li{width:103px;}
div.main .schools li dd ul li a{
	display:block;
	width:100%;
	height:100%;
	background:transparent;
	text-indent:-9999px;
	/* \*/overflow:hidden;/* */
}
div.main .schools li dd ul li a:hover{
	border:0px;
}
div.main .schools li#tennis dd ul li a:hover{background:url(../img/top/tennisbtn.jpg) no-repeat;}
div.main .schools li#golf dd ul li a:hover{background:url(../img/top/golfbtn.jpg) no-repeat;}

div.main .schools li#tennis dd ul li#tennis01 a:hover{background-position:0 0;}
div.main .schools li#tennis dd ul li#tennis02 a:hover{background-position:-68px 0;}
div.main .schools li#tennis dd ul li#tennis03 a:hover{background-position:-132px 0;}
div.main .schools li#golf dd ul li#golf01 a:hover{background-position:0 0}
div.main .schools li#golf dd ul li#golf02 a:hover{background-position:-103px 0;}