
#nav, #nav ul{
margin:0;
padding:0;
width: 180px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
z-index: 1000;
}

#nav a{
display:block;
padding:0px;
width: 100%;
height: 100%;
color: transparent;
text-decoration:none;
}

#nav li#li_railroad a:hover{background: url(../images/navi_hover.gif) -11px -82px no-repeat;}
#nav li#li_access a:hover{background: url(../images/navi_hover.gif) -11px -122px no-repeat;}
#nav li#li_guide a:hover{background: url(../images/navi_hover.gif) -11px -162px no-repeat;}
#nav li#li_tocotoco a:hover{background: url(../images/navi_hover.gif) -11px -202px no-repeat;}
#nav li#li_photo a:hover{background: url(../images/navi_hover.gif) -11px -242px no-repeat;}
#nav li#li_event a:hover{background: url(../images/navi_hover.gif) -11px -282px no-repeat;}
#nav li#li_inquery a:hover{background: url(../images/navi_hover.gif) -11px -322px no-repeat;}
#nav li#li_en a:hover{background: url(../images/navi_hover.gif) -11px -362px no-repeat;}

#nav li#li_railroad ul a:hover{background: none;}
#nav li#li_guide ul a:hover{background: none;}

#nav ul li a:hover{
	background-color: #eeeeee;
}

#nav li{
float:left;
position:relative;
text-indent: -9999px;
width: 180px;
height: 40px;
}

#nav ul {
position:absolute;
display:none;
top: 0;
left: 180px;
font-size: 12px;
z-index: 1000;
background-color: #e5e5e5;
}
#nav ul li {
	margin: 0;
	padding: 0;
	line-height: 3.5em;
	text-indent: 10px;
	border-bottom: dotted 1px #CCCCCC;
	}

#nav li ul a{
width:100%;
height: 100%;
float:left;
color: #425e7e;
}
#nav li ul li a:hover{
	background-color: #eeeeee;
	}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}