/****全体位置の決定****/
DIV#navigation{
    position:absolute;/*△*/
    width:100%;/*○*/
    z-index:100;/*△*/
    font-size:16px;/*△*/
}
/****メインメニュー用スタイル****/
ul.main{
    margin:0px;/*△*/
    padding:0px;/*△*/
    width:100%;/*○*/
    position:relative;/*×*/
    list-style:none;/*△*/
    text-align:center;/*○*/
}
/*通常時*/
.main li.off{
    position:relative;/*×*/
    float:left;/*×*/
    height: 37px;/*○*/
    width:127px;/*○*/
    overflow:hidden;/*×*/
    border-bottom: 2px solid #CCCCCC;/*○*/
    background-color:#0000ff;/*○*/
    
}
/*展開時*/
.main li.on{
    float:left;/*×*/
    overflow:hidden;/*×*/
    width:128px;/*○*/
    background-color:#f5f5dc;/*○プルダウンの白色*/
    border:1px solid #696969;/*○プルダウンの枠色*/
    
}
.main>li.on{
overflow:visible;/*×*/
}


/*リンクスタイル*/

.main a {
    display: block;
    width: 100%;
    padding: 8px 0 6px 0;
    color: #FFFFFF;
    background-color: #0000ff;/*○リンクの青色*/
    background-image: url(list_bg.png);
    background-position: right top;
    text-decoration: none;
    text-align: center;
}
.main a:hover { 
    background-position: left top; 
}



.main a{
    display:block;/*△*/
    text-decoration:none;/*○*/
}
.main a:hover{
    background-color:#00ffff;/*○リンクの空色*/
}

/****サブメニュー用スタイル****/
ol.sub{
    margin:0px;/*△*/
    padding:0px;/*△*/
    position:relative;/*×*/
    left:0.5em;/*○*/
    top:0.1em;/*○*/
    width:120px;/*○*/
    border:1px solid #696969;/*○*/
    border-bottom:0px solid #696969;/*○*/
    background-color:#0000ff;/*○*/
    list-style:none;/*△*/
    text-align:left;/*○*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{
    padding:2px 0px 2px 0px;/*○*/
    display:block;/*△*/
    width:115px;/*○*/
    border-bottom:1px solid #696969;/*○*/
}
.sub a:hover{
    background-color:#00ffff;/*○プルダウン空色*/
}