
/****スタイル全体位置の決定****/
DIV#menu{
    
     width:100%;
   position:absolute;/*△*/
    z-index:140;/*△*/
    font-size:14px;/*△*/
}
/****メインメニュー用スタイル****/
ul.main{
     
    margin-top:-10px; margin-left:2px;
    padding:1px;
    width:140px;
    position:relative;
    list-style:none;
}
/*通常時*/
.main li.off{
    position:relative;
    width:140px;
    height:25px;
    overflow:hidden;
    border:1px solid #993300;
}
/*展開時*/
.main li.on{
    width:140px;/*○*/
    height:25px;/*○*/
    overflow:hidden;/*×*/
    background-color:#FFFFD5;/*○*/
    border:1px solid #993300;/*○*/
}
.main>li.on{
overflow:visible;/*×*/
}
/*リンクスタイル*/
.main a{
    display:block;
    text-decoration:none;/*○*/
    padding:2px;
}
.main a:hover{
    background-color:#FFFFD5;/*○*/
}

/****サブメニュー用スタイル****/
ol.sub{
    margin:10px;/*△*/
    padding:1px;/*△*/
    position:relative;/*×*/
    left:130px;/*○*/
    top:-32px;/*○*/
    width:160px;/*○*/
    border:1px solid #993300;/*○*/
    border-bottom:0px solid #993300;/*○*/
    background-color:#FFCCCC;/*○*/
    list-style:none;/*△*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{
    padding:2px;/*○*/
    display:block;/*△*/
    width:160px;/*○*/
    border-bottom:1px solid #993300;/*○*/
}
.sub a:hover{
    background-color:#FFFFEC;/*○*/
}

/****スタイル全体位置の決定****/
DIV2#menu{
   
     width:100%;
   position:absolute;/*△*/
    z-index:140;/*△*/
    font-size:14px;/*△*/
}
/****メインメニュー用スタイル****/
ul.main{
     text-align:left;font-weight: bold; font-size:14px;
    margin-top:-10px; margin-left:2px;
    padding:1px;
    width:140px;
    position:relative;
    list-style:none;
}
/*通常時*/
.main li.off{
    position:relative;
    width:140px;
    height:25px;
    overflow:hidden;
    border:1px solid #993300;
}
/*展開時*/
.main li.on{
    width:140px;/*○*/
    height:25px;/*○*/
    overflow:hidden;/*×*/
    background-color:#FFFFD5;/*○*/
    border:1px solid #993300;/*○*/
}
.main>li.on{
overflow:visible;/*×*/
}
/*リンクスタイル*/
.main a{
    display:block;
    text-decoration:none;/*○*/
    padding:2px;
}
.main a:hover{
    background-color:#FFFFD5;/*○*/
}

/****サブメニュー用スタイル****/
ol.sub{
    margin:10px;/*△*/
    padding:1px;/*△*/
    position:relative;/*×*/
    left:130px;/*○*/
    top:-28px;/*○*/
    width:160px;/*○*/
    border:1px solid #993300;/*○*/
    border-bottom:0px solid #993300;/*○*/
    background-color:#FFCCCC;/*○*/
    list-style:none;/*△*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{
    padding:2px;/*○*/
    display:block;/*△*/
    width:160px;/*○*/
    border-bottom:1px solid #993300;/*○*/
}
.sub a:hover{
    background-color:#FFFFEC;/*○*/
}

