@charset "utf-8";
/* CSS */

#nav {
	height: 33px;
	text-align: left;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    width: 100%;
}

#nav ul li {
    float: left;
    height: 35px;
    width: 170px;
    text-align: center;
    line-height: 35px;
    position: relative;  /*サブメニューの位置*/
	z-index:100;/*--重ね合わせの順序を指定する.数が大きい方が上.positionが指定されている要素のみ---*/
}

#nav ul li.hover {
    background: #fffccc;
}

#nav ul li a {
	padding:9px 5px 9px;
   	color: #7E0000;
    display: block;
    text-decoration: none;
}

#nav ul li ul {
    border: none;
    display: none;
    overflow: hidden;
    opacity: .9;
    filter: alpha(opacity=90);
}

#nav ul li ul li {
    border: none;
	text-align:left;
	background: #FDFDFD;/*サブメニューの背景の色*/
    border-bottom: 1px dotted gray;
}

#nav ul li ul li.hover {
    background: #ffcccc;
}

#nav ul li ul li a {
    color: #7E0000;
    border-top-width: 0;
}