@charset "UTF-8";
/* CSS Document */


ul.main-menu  {
list-style: none;
margin: 0px;
padding: 0px;
height: 16px; /*ボックスの高さを指定*/
overflow: hidden; /*はみ出した部分を見えなくする*/
}
.main-menu{
width: 520px;
}

.main-menu li{
float: left;
width: 85px; /*inndivi menu width*/
margin: 0px;
padding: 0px;
}
.main-menu li#nav01{
width: 75px; /*esaka width*/
}
.main-menu li#nav02{
width: 83px; /*esaka width*/
}
.main-menu li#nav03{
width: 82px; /*esaka width*/
}
.main-menu li#nav04{
width: 80px; /*esaka width*/
}
.main-menu li#nav05{
width: 70px; /*esaka width*/
}
.main-menu li#nav06{
width: 91px; /*esaka width*/
}

.main-menu li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height: 16px;
	padding-top: 16px;
	background-image: url(pub-images/main-menu.gif);
	background-repeat: no-repeat;
}

/* off */
#nav01 a{ background-position: 0px 0px;}
#nav02 a{ background-position: -75px 0px;}
#nav03 a{ background-position: -158px 0px;}
#nav04 a{ background-position: -240px 0px;}
#nav05 a{ background-position: -320px 0px;}
#nav06 a{ background-position: -390px 0px;}

/* on */
#nav01 a:hover{ background-position: 0px -16px;}
#nav02 a:hover{ background-position: -75px -16px;}
#nav03 a:hover{ background-position: -158px -16px;}
#nav04 a:hover{ background-position: -240px -16px;}
#nav05 a:hover{ background-position: -320px -16px;}
#nav06 a:hover{ background-position: -390px -16px;}