@charset "shift_jis";

/* TOP
---------------------------------------------*/
.top {
	background: url(../img/bg_top.jpg) 17px top no-repeat;}

#main #box01 {
	position: relative;
	width: 841px;
	height: 606px;
	background: url(../img/bg_topbox.jpg) 2px 51px no-repeat;}

/* forIE6 */
*html .top { background: url(../img/bg_top.jpg) 15px top no-repeat;}

/* NAVIGATION01
---------------------------------------------*/

#navi01 li {
	float: left;
	text-indent: -9999px;}

#navi01 li a {
	position: absolute;
	top: 23px;
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 204px;
	padding-top: 204px;
	background-image: url(../img/topnavi01.jpg);
	}

.nav01 a {left: 20px;width: 205px;background-position: 0 0;}
.nav02 a {left: 225px;width: 205px;background-position: -205px 0;}
.nav03 a {left: 430px;width: 205px;background-position: -410px 0;}
.nav04 a {left: 635px;width: 197px;background-position: -615px 0;}

.nav01 a:hover {background-position: 0 -204px;}
.nav02 a:hover {background-position: -205px -204px;}
.nav03 a:hover {background-position: -410px -204px;}
.nav04 a:hover {background-position: -615px -204px;}

/* forIE6 */
*html #navi01 li a { top: 22px;}

/* NAVIGATION02
---------------------------------------------*/

#navi02 li {
	float: left;
	text-indent: -9999px;}

#navi02 li a {
	position: absolute;
	top: 342px;
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 191px;
	padding-top: 191px;
	background-image: url(../img/topnavi02.jpg);
	}

.nav05 a {left: 20px;width: 205px;background-position: 0 0;}
.nav06 a {left: 225px;width: 205px;background-position: -205px 0;}
.nav07 a {left: 430px;width: 205px;background-position: -410px 0;}
.nav08 a {left: 635px;width: 197px;background-position: -615px 0;}

.nav05 a:hover {background-position: 0 -191px;}
.nav06 a:hover {background-position: -205px -191px;}
.nav07 a:hover {background-position: -410px -191px;}
.nav08 a:hover {background-position: -615px -191px;}