/* Basic code - don't modify */
 
#nav { 
display: block; margin: 0; padding: 0; position: relative;
/*width:950px;*/
/*text-align:center;*/
z-index:4;
height:28px;/*追加*/
border-top:1px solid #9499a4;
border-bottom:1px solid #9499a4;
}

#nav li { 
display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;
 
}

/* 通常時のフォントカラーを指定*/
#nav a {
display: block;
color:#ffffff;
}
 
#nav ul {
display: none; position: absolute; left: 0; margin: 0; padding: 0;
}

* html #nav ul {
line-height: 0;
} /* IE6 "fix" */

#nav ul a {
zoom: 1;
} /* IE6/7 fix */

#nav ul li { 
float: none;
}

#nav ul ul {
top: 0;
}
    

/* プルダウン時に表示されるところ*/
#nav ul { 
width: 135px;
}

#nav ul ul {
left: 135px;
background-color:#F387B7;
}

/* Everything else is theming */
 
#nav {
/*background-color: #30A8C3; height: 24px;*/
}

#nav *:hover {
background-color: none;

}


#nav a {
/*border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; */
line-height: 1;

}


#nav li.hover a {
background-color: #928f9c;/*#5E5A5A*/
}
#nav ul li.hover li a {/*追加(2階層め背景)*/
background-color: #928f9c; /*#5E5A5A*/

}
#nav ul {
/*top: 25px;*/

}

/* 下層の部分*/
#nav ul li a {/*追加*/
/*background-color: #5B8CD6;*/ /*#5E5A5A*/
background-color: #928f9c;/*#5E5A5A*/

padding:6px 5px;
text-align:left;
line-height:150%;
font-size:1.1em;
}
#nav ul a.hover {
background-color: #d1c9e8;/*#30A8C3*/
color:#ffffff;
}
#nav ul a {
border-bottom: 1px solid #686667;
/*border-right: none;*/
/*opacity: 0.9;
filter: alpha(opacity=90);*/
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


#nav ul li.hover li a.hover {/*追加*/
background-color: #d1c9e8;/*#30A8C3*/
}