/* navi */
#navi {
	height:		40px;
	background:	url(../images/menu_all_bg.gif) no-repeat;
	margin:		0;
}
#navi ul {
	margin:		0;
	padding:	0;
}
#navi li {
	display:	inline;
	list-style-type:none;
}
#navi li a {
	height:		40px;
	display:	block;
	float:		left;
	text-indent:	-9877em;
	text-decoration:none;
	overflow:	hidden;
}
/*------off*/
#navi li.navi1 a {
	background:	url(../images/menu_all.gif) no-repeat 0px 0px;
	width:		161px;
}
#navi li.navi2 a {
	background:	url(../images/menu_all.gif) no-repeat -161px 0px;
	width:		156px;
}
#navi li.navi3 a {
	background:	url(../images/menu_all.gif) no-repeat -317px 0px;
	width:		156px;
}
#navi li.navi4 a {
	background:	url(../images/menu_all.gif) no-repeat -473px 0px;
	width:		156px;
}
#navi li.navi5 a {
	background:	url(../images/menu_all.gif) no-repeat -630px 0px;
	width:		161px;
}

/*------hover*/
#navi li.navi1 a:hover {
	background:	url(../images/menu_all.gif) no-repeat 0px -40px;
}
#navi li.navi2 a:hover {
	background:	url(../images/menu_all.gif) no-repeat -161px -40px;
}
#navi li.navi3 a:hover {
	background:	url(../images/menu_all.gif) no-repeat -317px -40px;
}
#navi li.navi4 a:hover {
	background:	url(../images/menu_all.gif) no-repeat -473px -40px;
}
#navi li.navi5 a:hover {
	background:	url(../images/menu_all.gif) no-repeat -630px -40px;
}

/*------on*/
#navi li.navi1_current a {
	background:	url(../images/menu_all.gif) no-repeat 0px -80px;
	width:		161px;
}
#navi li.navi2_current a {
	background:	url(../images/menu_all.gif) no-repeat -161px -80px;
	width:		156px;
}
#navi li.navi3_current a {
	background:	url(../images/menu_all.gif) no-repeat -317px -80px;
	width:		156px;
}
#navi li.navi4_current a {
	background:	url(../images/menu_all.gif) no-repeat -473px -80px;
	width:		156px;
}
#navi li.navi5_current a {
	background:	url(../images/menu_all.gif) no-repeat -630px -80px;
	width:		161px;
}

/*------on a*/
#navi li.navi1_current a:hover {
	background:	url(../images/menu_all.gif) no-repeat 0px -120px;
	width:		161px;
}
#navi li.navi2_current a:hover {
	background:	url(../images/menu_all.gif) no-repeat -161px -120px;
	width:		156px;
}
#navi li.navi3_current a:hover {
	background:	url(../images/menu_all.gif) no-repeat -317px -120px;
	width:		156px;
}
#navi li.navi4_current a:hover {
	background:	url(../images/menu_all.gif) no-repeat -473px -120px;
	width:		156px;
}
#navi li.navi5_current a:hover {
	background:	url(../images/menu_all.gif) no-repeat -630px -120px;
	width:		161px;
}