ul#navigation {
	position: relative;
	width: 750px;
	margin: 0;
	height: 34px;
	list-style: none;
	overflow: hidden;
}

ul#navigation li a {
	height: 34px;
	position: absolute;
	overflow: hidden;
	padding: 34px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	top: 0;
	width: 102px;
}
html>body ul#navigation li a{
	height: 0;
}

li#top a{ 
	background: transparent url(images/menu/top.gif) no-repeat 0 0;
	left: 0px;
	}
	
li#system a{ 
	background: transparent url(images/menu/system.gif) no-repeat 0 0;
	left: 102px;
	}
	
li#ladies a{ 
	background: transparent url(images/menu/ladies.gif) no-repeat 0 0;
	left: 204px;
	}
li#schedule a{ 
	background: transparent url(images/menu/schedule.gif) no-repeat 0 0;
	left: 306px;
	}

li#blog a{ 
	background: transparent url(images/menu/blog.gif) no-repeat 0 0;
	left: 408px;
	}

li#recruit a{ 
	background: transparent url(images/menu/recruit.gif) no-repeat 0 0;
	left: 510px;
	}

li#hotel a{ 
	background: transparent url(images/menu/hotel.gif) no-repeat 0 0;
	left: 612px;
	}

li#link a{ 
	background: transparent url(images/menu/link2.gif) no-repeat 0 0;
	left: 662px;
	}
	
li#mail a{ 
	background: transparent url(images/menu/mail2.gif) no-repeat 0 0;
	left: 712px;
	}
	
li#top a:hover, 
li#system a:hover, 
li#ladies a:hover, 
li#recruit a:hover,
li#hotel a:hover,
li#schedule a:hover,
li#blog a:hover,
li#link a:hover,
li#mail a:hover{ 
	background-position: 0px -34px;
	}

li#top2, 
li#system2, 
li#ladies2, 
li#recruit2,
li#blog2,
li#link2,
li#mail2{ 
	background-position: 0px -34px;
	}
	
	

#navi2{
		
}

#navi2 ul{
	list-style-type:none;
}

#navi2 li{
	display:inline;
	padding:6px;
	margin-left:1px;
	border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}