<!--
/****メニューの表示位置の決定****/
DIV#menu{
    position:absolute;/*いじらない*/
    width:0%;/*変更可*/
    z-index:100;/*いじらない*/
    font-size:12px;/*文字の大きさを指定*/
}
/****メインメニュー用スタイル****/
ul.main{
    margin:0px;/*メインメニューの文字揃え*/
    padding:0px;/*メインメニューアイテム余白の設定,あまり大きな値は指定しない方が良い*/
    width:0%;/*変更可*/
    position:relative;/*いじらない*/
    list-style:none;/*いじらない*/
    text-align:center;/*メインメニューの文字揃え*/
}
/*通常時*/
.main li.off{
    position:relative;/*いじらない*/
    float:left;/*いじらない*/
    height:15px;/*ブラウザーで確認しながら調整,px設定でも可*/
    width:35px;/*変更可：サブメニュー展開前のメインの枠幅。ol.subと揃える*/
    overflow:hidden;/*いじらない*/
    border:1px solid #FFFFFF;/*通常時・メインメニューの枠線*/
    background-color:#FFFFFF;/*○*/
}
/*展開時*/
.main li.on{
    float:left;/*いじらない*/
    width:35px;/*サブメニュー展開後のメインの枠幅。offと値を揃えることを推奨*/
    background-color:#FFFFFF;/*サブメニューへ移動したときの色(main a:hoverと同じ値推奨)*/
    border:1px solid #FFFFFF;/*展開時・メインメニューの枠線*/
}
.main>li.on{
overflow:visible;/*いじらない*/
}
/*リンクスタイル*/
.main a{
    display:block;/*いじらない*/
    text-decoration:none;/*リンクの下線を指定します。必要なら値をunderlineに*/
}
.main a:hover{
    background-color:#FFFFFF;/*メインメニューの文字色.main li.onのbackground-colorと同じ値推奨*/
}

/****サブメニュー用スタイル****/
ol.sub{
    margin:0px;/*いじらない*/
    padding:0px;/*いじらない*/
    position:relative;/*いじらない*/
    width:35px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
    border:1px solid #ff4500;/*変更可：サブメニューの枠線,サブメニューの表示位置をずらしたときは欲しい*/
    border-bottom:0px solid #FFFFFF;/*アイテムを区切る枠線になっている。bottom以外に設定するのは推奨しない*/
    background-color:#fffacd;/*サブメニューの背景色*/
    list-style:none;/*いじらない*/
    text-align:center;/*サブメニューの文字揃え*/
}
/*サブメニューの枠の設定*/
.sub a{
    padding:1px 3px 1px 3px;/*サブメニュー枠内余白設定,あまり大きな値にしない(上余白:右余白:下余白:左余白の順)*/
    display:block;/*いじらない*/
    width:80px;/*変更可,サブメニュー幅設定*/
    border-bottom:1px solid #ff4500;/*アイテムを区切る枠線になっている。bottom意外に設定するのは推奨しない*/
}
.sub a:hover{
    background-color:#FFFFFF;/*サブメニューの文字色*/
}
-->