ul#menu {
	position: relative;
	width: 150px;
	height: 355px;
	margin: 0 auto;
	overflow: hidden;
}

*html ul#menu{
	margin:0
}

ul#menu li a {
	width: 150px;
	height: 28px;
	position: absolute;
	overflow: hidden;
	padding: 28px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	left: 0;
}

html>body ul#menu li a{
	height: 0;
}

li#top a{ 
	background: transparent url(/images/menu/main.gif) no-repeat 0 0;
	top:0px;
	}
	
li#setumei a{ 
	background: transparent url(/images/menu/setumei.gif) no-repeat 0 0;
	top:36px;
	}

li#recruit a{ 
	background: transparent url(/images/menu/recruit.gif) no-repeat 0 0;
	top:72px;
	}
	
li#gyoushu a{ 
	background: transparent url(/images/menu/gyoushu.gif) no-repeat 0 0;
	top:108px;
	}
	
li#taiken a{ 
	background: transparent url(/images/menu/taiken.gif) no-repeat 0 0;
	top:144px;
	}

li#q_a a{ 
	background: transparent url(/images/menu/q_a.gif) no-repeat 0 0;
	top:180px;
	}
	
li#qabbs a{ 
	background: transparent url(/images/menu/qabbs.gif) no-repeat 0 0;
	top:216px;
	}	

li#oubo_mail a{ 
	background: transparent url(/images/menu/oubo_mail.gif) no-repeat 0 0;
	top:252px;
	}
	
li#etc a{ 
	background: transparent url(/images/menu/etc.gif) no-repeat 0 0;
	top:288px;
	}
	
li#link a{ 
	background: transparent url(/images/menu/link.gif) no-repeat 0 0;
	top:324px;
	}
	
li#top a:hover, 
li#setumei a:hover, 
li#recruit a:hover, 
li#gyoushu a:hover,
li#taiken a:hover,
li#q_a a:hover,
li#qabbs a:hover,
li#oubo_mail a:hover,
li#etc a:hover,
li#link a:hover{ 
	background-position:0px -28px;
	}