@charset "utf-8";
#navi {
	height: 38px;
	width: 900px;
}

#navi ul {
	float: left;
}
#navi ul .navi-left {
	background-image: url(../images/navi-left.jpg);
	height: 38px;
	width: 54px;
}
#navi ul .navi-right {
	background-image: url(../images/navi-right.jpg);
	height: 38px;
	width: 49px;
}

#navi li {
	float: left;
	list-style-type: none;
}
#navi li a {
	background-image: url(../images/navi.png);
	height: 38px;
	display: block;
	font-size: 2px;
	text-indent: -9999px;
}


/* ---------- gnav ---------- }*/
div#gnav {
position: absolute;
top: 82px;
width: 800px;
margin-right: auto;
margin-left: auto;
left: 0px;
}

#navi .navi01 a {
	background-position: -54px 0px;
	width: 87px;
}
#navi .navi02 a {
	background-position: -141px 0px;
	width: 119px;
}
#navi .navi03 a {
	background-position: -260px 0px;
	width: 97px;
}
#navi .navi04 a {
	background-position: -357px 0px;
	width: 86px;
}
#navi .navi05 a {
	background-position: -443px 0px;
	width: 108px;
}
#navi .navi06 a {
	background-position: -551px 0px;
	width: 86px;
}
#navi .navi07 a {
	background-position: -637px 0px;
	width: 110px;
}
#navi .navi08 a {
	background-position: -747px 0px;
	width: 104px;
}

#navi .navi01 a:hover {
	background-position: -54px -38px;
	width: 87px;
}
#navi .navi02 a:hover {
	background-position: -141px -38px;
	width: 119px;
}
#navi .navi03 a:hover {
	background-position: -260px -38px;
	width: 97px;
}
#navi .navi04 a:hover {
	background-position: -357px -38px;
	width: 86px;
}
#navi .navi05 a:hover {
	background-position: -443px -38px;
	width: 108px;
}
#navi .navi06 a:hover {
	background-position: -551px -38px;
	width: 86px;
}
#navi .navi07 a:hover {
	background-position: -637px -38px;
	width: 110px;
}
#navi .navi08 a:hover {
	background-position: -747px -38px;
	width: 104px;
}