/*

-----------------------------------------------

navigation


----------------------------------------------- */
dl,dd,ul,li {padding:0; margin:0;}
#nav {
width: 100%;
padding:0;
margin:0;
z-index:1;
}
#nav {
width: 100%;
padding:0;
margin:0;
z-index:1;
}
#bana {z-index:0; }
#nav ul {
list-style-type: none;
background-color:#000;
}
#nav ul li {
	float: left;
	position:relative;
	z-index:2;
}
#nav ul li a{
width: 107px;
height: 25px;
display: block;
background: url(img/navi02.gif);
text-indent:-99999px;

}

#nav ul li.off  {
height:25px;
overflow:hidden;
}	
#nav ul li.on {
overflow:visible;
}	
#nav ul > li.on {
overflow:visible;
}	
#nav ul li ul {
width:107px;
clear: both;
}			  
#nav ul li.on ul {
display: block;
position:absolute;
top:25px;
list-style-type: none;
}							  
#nav ul li.on ul li a {
color:#c4c3c4;
text-indent:0;
font-size:12px;

/* -- プルダウンメニューの色をここで指定 -- */

background-position: top;
display: block;
border: 1px solid #000;

text-align:center;
text-decoration:none;
width:107px;
height:20px;
padding-top:5px;
letter-spacing:2px;
background:#192A41;
}

#nav ul li.on ul li a.long {
 width:165px;
 }

#nav ul li.on ul li a:hover {
color: #FFFFFF;
background-position: bottom;
background-color:#2b0b08;
}
/* -- カラーバリエーション -- */

#nav ul li.on ul li a.red {
background: #660000;}
#nav ul li.on ul li a.green {
background: #006600;}
/*

-----------------------------------------------

navigation_backgroundimage

----------------------------------------------- */

#nav_1.off a {
background-position:0% 0%;
}			  
#nav_1.on a {
background-position:0px -25px;
}				  
#nav_2.off a {
background-position:-107px 0px;
}			  
#nav_2.on a {
background-position:-107px -25px;
}
#nav_3.off a {
background-position:-214px 0px;
}			  
#nav_3.on a {
background-position:-214px -25px;
}
#nav_4.off a {
background-position:-321px 0px;
}			  
#nav_4.on a {
background-position:-321px -25px;
}
#nav_5.off a {
background-position:-428px 0px;
}			  
#nav_5.on a {
background-position:-428px -25px;
}
#nav_6.off a {
background-position:-535px 0px;
}			  
#nav_6.on a {
background-position:-535px -25px;
}
#nav_7.off a {
background-position:-642px 0px;
}			  
#nav_7.on a {
background-position:-642px -25px;
}