#navi {
	width:147px;
	height:836px;
	background:url(../images/common/menu.gif) no-repeat;
	margin:0 0 20 0px;
}
#navi ul {
	padding:0px;
	margin:0px;
}
#navi li {
height:31px;
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#navi li a {
	width:147px;
	height:31px;
	display:block;
	text-indent:-9900em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#navi li.navi01 a {
	background:url(../images/common/menu.gif) no-repeat 0px 0px;
}
#navi li.navi02 a {
	background:url(../images/common/menu.gif) no-repeat 0px -31px;
}
#navi li.navi03 a {
	background:url(../images/common/menu.gif) no-repeat 0px -62px;
}
#navi li.navi04 a {
	background:url(../images/common/menu.gif) no-repeat 0px -93px;
}
#navi li.navi05 a {
	background:url(../images/common/menu.gif) no-repeat 0px -124px;
}
#navi li.navi06{
	text-indent:-9900em;
}
#navi li.navi07 a {
	background:url(../images/common/menu.gif) no-repeat 0px -186px;
}
#navi li.navi08 a {
	background:url(../images/common/menu.gif) no-repeat 0px -217px;
}
#navi li.navi09 a {
	background:url(../images/common/menu.gif) no-repeat 0px -248px;
}
#navi li.navi10 a {
	background:url(../images/common/menu.gif) no-repeat 0px -279px;
}
#navi li.navi11{
	text-indent:-9900em;
}
#navi li.navi12 a {
	background:url(../images/common/menu.gif) no-repeat 0px -341px;
}
#navi li.navi13 a {
	background:url(../images/common/menu.gif) no-repeat 0px -372px;
}
#navi li.navi14 a {
	background:url(../images/common/menu.gif) no-repeat 0px -403px;
}
#navi li.navi15{
	text-indent:-9900em;
}
#navi li.navi16 a {
	background:url(../images/common/menu.gif) no-repeat 0px -465px;
}
#navi li.navi17 a {
	background:url(../images/common/menu.gif) no-repeat 0px -496px;
}
#navi li.navi18 a {
	background:url(../images/common/menu.gif) no-repeat 0px -527px;
}
#navi li.navi19 a {
	background:url(../images/common/menu.gif) no-repeat 0px -558px;
}
#navi li.navi20{
	text-indent:-9900em;
}
#navi li.navi21 a {
	background:url(../images/common/menu.gif) no-repeat 0px -620px;
}
#navi li.navi22 a {
	background:url(../images/common/menu.gif) no-repeat 0px -651px;
}
#navi li.navi23{
	text-indent:-9900em;
}
#navi li.navi24 a {
	background:url(../images/common/menu.gif) no-repeat 0px -713px;
}
#navi li.navi25 a {
	background:url(../images/common/menu.gif) no-repeat 0px -744px;
}
#navi li.navi26 a {
	background:url(../images/common/menu.gif) no-repeat 0px -775px;
}
#navi li.navi27 a {
	background:url(../images/common/menu.gif) no-repeat 0px -806px;
}




/*------hover*/

#navi li.navi01 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px 0px;
}
#navi li.navi02 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -31px;
}
#navi li.navi03 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -62px;
}
#navi li.navi04 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -93px;
}
#navi li.navi05 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -124px;
}

#navi li.navi07 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -186px;
}
#navi li.navi08 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -217px;
}
#navi li.navi09 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -248px;
}
#navi li.navi10 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -279px;
}

#navi li.navi12 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -341px;
}
#navi li.navi13 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -372px;
}
#navi li.navi14 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -403px;
}

#navi li.navi16 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -465px;
}
#navi li.navi17 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -496px;
}
#navi li.navi18 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -527px;
}
#navi li.navi19 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -558px;
}

#navi li.navi21 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -620px;
}
#navi li.navi22 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -651px;
}

#navi li.navi24 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -713px;
}
#navi li.navi25 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -744px;
}
#navi li.navi26 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -775px;
}
#navi li.navi27 a:hover {
	background:url(../images/common/menu.gif) no-repeat -147px -806px;
}