/* サンプリエールの選択
---------------------------------------------------- */
.sp_s {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 70px;
}

.sp_s ul{
	position: relative;
	width: 750px;
	height: 70px;
	background: url(../../../../img/sp_select.png) no-repeat;
	margin: 0;
	padding: 0;
}

.sp_s li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}

.sp_s a{
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
}

.sp_s li, .sp_s a{
	height: 70px;
	display: block;
}

.sp_s01{ left: 0; width: 375px; }
.sp_s02{ left: 375px; width: 375px; }


.sp_s01 a:hover, .sp_s01 a:visited:hover{ background: transparent url(../../../../img/sp_select.png) 0 -70px no-repeat; }
.sp_s02 a:hover, .sp_s02 a:visited:hover{ background: transparent url(../../../../img/sp_select.png) -375px -70px no-repeat; }



.sp_s01 a#ima{ background: transparent url(../../../../img/sp_select.png) 0 -70px no-repeat; }
.sp_s02 a#ima{ background: transparent url(../../../../img/sp_select.png) -375px -70px no-repeat; }






/* トップページ
---------------------------------------------------- */

.cont h3{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
.cont h3 a{
	display: block;
	width: 155px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../../../../img/sp_logo.png);
}
.cont h3 a:hover{
	background: transparent url(../../../../img/sp_logo.png) 0 -50px no-repeat;
}







/* ナビゲーション
---------------------------------------------------- */
#navi{
	clear: both;
	margin: 0;
	padding: 0 11px 15px 9px;
	background: url(../../../../img/body_bg.png);
	background-repeat: repeat-y;
}

#navi ul{
	position: relative;
	width: 729px;
	height: 40px;
	background: url(../../../../img/isp_navi.png) no-repeat;
	margin: 0;
	padding: 0;
}

#navi li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}

#navi a{
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
}

#navi li, #navi a{
	height: 40px;
	display: block;
}

#navi01{ left: 19px; width: 115px; }
#navi02{ left: 165px; width: 65px; }
#navi03{ left: 260px; width: 55px; }
#navi04{ left: 345px; width: 65px; }
#navi05{ left: 442px; width: 85px; }
#navi06{ left: 555px; width: 55px; }
#navi07{ left: 640px; width: 65px; }



#navi01 a:hover, #navi01 a:visited:hover{ background: transparent url(../../../../img/isp_navi.png) -19px -40px no-repeat; }
#navi02 a:hover, #navi02 a:visited:hover{ background: transparent url(../../../../img/isp_navi.png) -165px -40px no-repeat; }
#navi03 a:hover, #navi03 a:visited:hover{ background: transparent url(../../../../img/isp_navi.png) -260px -40px no-repeat; }
#navi04 a:hover, #navi04 a:visited:hover{ background: transparent url(../../../../img/isp_navi.png) -345px -40px no-repeat; }
#navi05 a:hover, #navi05 a:visited:hover{ background: transparent url(../../../../img/isp_navi.png) -442px -40px no-repeat; }
#navi06 a:hover, #navi06 a:visited:hover{ background: transparent url(../../../../img/isp_navi.png) -555px -40px no-repeat; }
#navi07 a:hover, #navi07 a:visited:hover{ background: transparent url(../../../../img/isp_navi.png) -640px -40px no-repeat; }



#navi01 a#now{ background: transparent url(../../../../img/isp_navi.png) -19px -80px no-repeat; }
#navi02 a#now{ background: transparent url(../../../../img/isp_navi.png) -165px -80px no-repeat; }
#navi03 a#now{ background: transparent url(../../../../img/isp_navi.png) -260px -80px no-repeat; }
#navi04 a#now{ background: transparent url(../../../../img/isp_navi.png) -345px -80px no-repeat; }
#navi05 a#now{ background: transparent url(../../../../img/isp_navi.png) -442px -80px no-repeat; }
#navi06 a#now{ background: transparent url(../../../../img/isp_navi.png) -555px -80px no-repeat; }
#navi07 a#now{ background: transparent url(../../../../img/isp_navi.png) -640px -80px no-repeat; }