/****全体位置の決定****/
DIV#menu{
    position:absolute;/*△*/
    width:100%;/*○*/
    z-index:100;/*△*/
    font-size:14px;/*△*/
}
/****メインメニュー用スタイル****/
ul.main{
    margin:0px;/*△*/
    padding:0px;/*△*/
    width:100%;/*○*/
    position:relative;/*×*/
    list-style:none;/*△*/
    text-align:center;/*○*/
}
/*通常時*/
.main li.off{
    position:relative;/*×*/
    float:left;/*×*/
    height:1.5em;/*○*/
    width:176px;/*○*/
    overflow:hidden;/*×*/
    border:3px solid #000;/*○*/
    border-right: 2px solid #fff;
    background-color:#000;/*○*/
}
/*展開時*/
.main li.on{
    float:left;/*×*/
    overflow:hidden;/*×*/
    width:177px;/*○*/
    background-color:#000;/*○*/
    border:1px solid #C0C0C0;/*○*/
}
.main >li.on{
	overflow:visible;/*×*/
}
/*リンクスタイル*/
.main a{
    display:block;/*△*/
    text-decoration:none;/*○*/
}
.main a:hover{
    background-color:#000;/*○*/
}

/****サブメニュー用スタイル****/
ol.sub{
    margin:0px;/*△*/
    padding:0px;/*△*/
    position:relative;/*×*/
    left:0.5em;/*○*/
    top:0.5em;/*○*/
    width:160px;/*○*/
    border:1px solid green;/*○*/
    border-bottom:0px solid green;/*○*/
    background-color:silver;/*○*/
    list-style:none;/*△*/
    text-align:left;/*○*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{
    padding:2px 0px 2px 5px;/*○*/
    display:block;/*△*/
    width:155px;/*○*/
    border-bottom:1px solid green;/*○*/
}
.sub a:hover{
    background-color:#C0C0C0;/*○*/
    text-color:#FFF;
}
/****2段階目サブメニューを展開する****/
/*通常時*/
.sub li.off2{
    position:relative;/*×*/
    width:100px;/*○*/
    height:18px;/*○*/
    overflow:hidden;/*×*/
    border-bottom:1px solid #993300;/*○*/
}
/*展開時　背景色は.sub a:hoverと同じにすると良い*/
.sub li.on2{
    width:100px;/*○*/
    height:18px;/*○*/
    overflow:hidden;/*×*/
    background-color:#FFFFFF;/*○*/
    border-bottom:1px solid #993300;/*○*/
}
.sub>li.on2{
overflow:visible;/*×*/
}
/****2段階目サブメニュー用スタイル****/
ul.sub-2{
    margin:0px;/*△*/
    padding:0px;/*△*/
    position:relative;/*×*/
    left:160px;/*○*/
    top:-20px;/*○*/
    width:160px;/*○*/
    border:1px solid #993300;/*○*/
    border-bottom:0px solid #993300;/*○*/
    list-style:none;/*△*/
}
.sub-2 a{
    padding:2px;/*○*/
    display:block;/*△*/
    width:155px;/*○*/
    height:18px;/*○*/
    background-color:#ccCCff;/*○*/
    border-bottom:1px solid #993300;/*○*/
}
.sub-2 a:hover{
    background-color:#ECFFFF;/*○*/
}