.navi {
	height: 280px;
	background:url(../img/menu.gif) no-repeat;
	margin: 320px 15px 0px 15px;
	width: 630px;
	
	}

.navi ul {
	padding:0px 0 0 0px;
}

.navi li {
	display:inline;
	list-style-type:none;
}

.navi li a {
	height: 140px;
	display: block;
	float: left;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}

.navi_hiddun { text-indent: -9877em; }

.navi_hiddun a { text-indent: -9877em; }

/*------off*/
.navi li.navi01 a {
	background:url(../img/menu.gif) no-repeat -0px 0px;
	width:210px
}
.navi li.navi02 a {
	background:url(../img/menu.gif) no-repeat -210px 0px;
	width:210px;
}
.navi li.navi03 a {
	background:url(../img/menu.gif) no-repeat -420px 0px;
	width:210px;
}
.navi li.navi04 a {
	background:url(../img/menu.gif) no-repeat -0px 140px;
	width:210px;
}
.navi li.navi05 a {
	background:url(../img/menu.gif) no-repeat -210px -140px;
	width:210px;
}
.navi li.navi06 a {
	background:url(../img/menu.gif) no-repeat -420px -140px;
	width:210px;
}
.navi li.navi07 a {
	background:url(../img/menu.gif) no-repeat -420px -140px;
	width:210px;
}
.navi li.navi01 a:hover {
	background:url(../img/menu.gif) no-repeat 0px -270px;
}
.navi li.navi02 a:hover {
	background:url(../img/menu.gif) no-repeat -210px -270px;
}
.navi li.navi03 a:hover {
	background:url(../img/menu.gif) no-repeat -420px -270px;
}
.navi li.navi04 a:hover {
	background:url(../img/menu.gif) no-repeat -0px -410px;
}
.navi li.navi05 a:hover {
	background:url(../img/menu.gif) no-repeat -210px -410px;
}
.navi li.navi06 a:hover {
	background:url(../img/menu.gif) no-repeat -420px -410px;
}
.navi li.navi07 a:hover {
	background:url(../img/menu.gif) no-repeat -420px -410px;
}

#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }