/*
ul#navi {

}

ul#navi li{
	float:left;
 }

ul#navi li a{ 
	display:block;
	width: 120px;
	height: 35px;
	}

ul#navi li a:hover{
	
	}

*/

ul#navi {
	position: relative;
	width: 120px;
	height: 252px;
	margin: 0 auto;
	overflow: hidden;

}

* html ul#navi{
	margin:0 16px;
}

ul#navi li a {
	width: 120px;
	height: 36px;
	position: absolute;
	overflow: hidden;
	text-indent: -100em;
	left:0px;
}
/*
html>body ul#navi li a{
	height: 0;
}
*/
li#home a{ 
	background: transparent url(/images/menu/home.gif) no-repeat 0 0;
	top:0px;
	}
	
li#event a{ 
	background: transparent url(/images/menu/event.gif) no-repeat 0 0;
	top:36px;
	}
	
li#info a{ 
	background: transparent url(/images/menu/info.gif) no-repeat 0 0;
	top:72px;
	}

li#mappage a{ 
	background: transparent url(/images/menu/map.gif) no-repeat 0 0;
	top:108px;
	}
	
li#photopage a{ 
	background: transparent url(/images/menu/photo.gif) no-repeat 0 0;
	top:144px;
	}
	
li#link a{ 
	background: transparent url(/images/menu/link.gif) no-repeat 0 0;
	top:180px;
	}
li#meibo a{ 
	background: transparent url(/images/menu/meibo.gif) no-repeat 0 0;
	top:216px;
	}


	
li#home a:hover{ 
	background: transparent url(/images/menu/home2.gif) no-repeat 0 0;
	} 
li#event a:hover{ 
	background: transparent url(/images/menu/event2.gif) no-repeat 0 0;
	} 
li#info a:hover{ 
	background: transparent url(/images/menu/info2.gif) no-repeat 0 0;
	}
li#mappage a:hover{ 
	background: transparent url(/images/menu/map2.gif) no-repeat 0 0;
	} 
li#photopage a:hover{ 
	background: transparent url(/images/menu/photo2.gif) no-repeat 0 0;
	}
li#link a:hover{ 
	background: transparent url(/images/menu/link2.gif) no-repeat 0 0;
	}
li#meibo a:hover{ 
	background: transparent url(/images/menu/meibo2.gif) no-repeat 0 0;
	}