ul.main{font-size:12px;}

ul.main{text-align:center;}
ol.sub{text-align:left;}
ul.sub-2{text-align:left;}

.main a{text-decoration:none;}
.main{background-color:;}
.main li{background-color:#ffffff;}
.main a:hover{background-color:#ffe8e8;}
.main li.on{background-color:#ffe8e8;}

.sub{background-color:#ffe8e8;}
.sub li{background-color:#ffe8e8;}
.sub a:hover{background-color:#ffffff;}
.sub li.on2{background-color:#ffffff;}

.main a:link{color:#0000ff}
.main a:visited{color:#000000;}
.main a:hover{color:#ff0000;}


.sub a:link{color:#333333}
.sub a:visited{color:#333333;}
.sub a:hover{color:#333333;}


ul.main{width:798px;}

.main li.off{
    height:40px;
    width:133px;
}
.main li.on{
    width:133px;
}
.main a{padding:0px;}
.main li.off{
    border:0px solid #993300;
}
.main li.on{
    border:0px solid #993300;
    border-bottom:0px;
}
.main a{
    border-bottom:1px solid #993300;
}
ol.sub{
    left:0;
    top:0;
    width:133px;
}
ol.sub li.off2{
    width:133px;
    height:25px;
}
ol.sub li.on2{
    width:133px;
    height:25px;
}

.sub li.off2,.sub li.on2{
    border-bottom:0px solid #993300;
}
.sub a{
    padding:6px 1px;/*あまり大きな値にしない*/
    width:127px;/*削除不可*/
    height:24px;/*削除不可*/
}


ul.sub-2{
    left:100%;/*100%を推奨だが、上手くいかなければ微調整*/
    top:-20px;/*ブラウザーで見ながら微調整*/
    width:120px;/*値の変更可能*/
}

DIV#menu{
    top:-12px;
    _top:0px;
    left:-40px;
    _left:-40px;
    width:100%;
    position:fixed;
    position:absolute;
    z-index:1;
}

.main *{margin:0px;padding:0px;display:block;}
/*.main *{margin:0px;padding:0px;list-style:none;display:block;}*/
ul.main{position:relative;}
ol.sub{list-style-position: inside; }
ol.sub{list-style-image: url(images/bullet27-2.gif); }
ul.main li.off{position:relative;float:left;overflow:hidden;}
ul.main li.on{float:left;overflow:hidden;}
ul.main>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}