#navi{
	margin:0 auto;
	width:800px;
	height:49px;
	background:url("../../images/cf/navi_bg.jpg") repeat-x;
}

#navi ul{
	text-align:left;
	height:49px;
	overflow:hidden;
	list-style-type:none;
}

#navi li{
	float:left;
	height:49px;
	line-height:49px;
}

#navi li a {
	display:block;
	height:49px;
	line-height:49px;
	text-indent:-9999px;
	text-decoration: none;
}

#navi li.top a				{width:117px;	background:url("../../images/cf/navi.jpg") no-repeat 0 0;}
#navi li.top a:hover		{				background:url("../../images/cf/navi.jpg") no-repeat 0 -49px;}

#navi li.system a			{width:112px;	background:url("../../images/cf/navi.jpg") no-repeat -117px 0;}
#navi li.system a:hover		{				background:url("../../images/cf/navi.jpg") no-repeat -117px -49px;}

#navi li.ladies	a			{width:113px;	background:url("../../images/cf/navi.jpg") no-repeat -230px 0;}
#navi li.ladies a:hover		{				background:url("../../images/cf/navi.jpg") no-repeat -230px -49px;}

#navi li.schedule a			{width:113px;	background:url("../../images/cf/navi.jpg") no-repeat -343px 0;}
#navi li.schedule a:hover	{				background:url("../../images/cf/navi.jpg") no-repeat -343px -49px;}

#navi li.event a			{width:113px;	background:url("../../images/cf/navi.jpg") no-repeat -456px 0;}
#navi li.event a:hover		{				background:url("../../images/cf/navi.jpg") no-repeat -456px -49px;}

#navi li.costume a			{width:113px;	background:url("../../images/cf/navi.jpg") no-repeat -569px 0;}
#navi li.costume a:hover	{				background:url("../../images/cf/navi.jpg") no-repeat -569px -49px;}

#navi li.form a				{width:112px;	background:url("../../images/cf/navi.jpg") no-repeat -681px 0;}
#navi li.form a:hover		{				background:url("../../images/cf/navi.jpg") no-repeat -681px -49px;}