﻿/* レイアウトの設定*/
body{
    background-color: #ffe6e6;
    background-image: url("image/back.gif");
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: left bottom;
    text-align:center;
    margin:10px;
    padding:0px;
}
/* ヘッダーの設定*/
#head{
    width:800px;
    height:300px;
    background-color:#fbbaba;

}
/* ラッパーの設定*/
#wrap{
    position:relative;
    width:800px;
    background-color:#FFFFCC;

}
/* 左側の設定*/
#left{
    width:200px;
    height:460px;
    float:left;
    background-color:#FFAC99;
}
/* 右側の設定*/
#right{
    text-align:left;
    width:600px;
    height:560px;
    float:right;
    background-color:#CCCCFF;
}
/* フッターの設定*/
#foot{
    text-align:left;
    position:relative;
    width:800px;
    height:100px;
    background-color:#000000;
    clear:both;
}

DIV#menu{
    position:relative;
    z-index:100;
    font-size:14px;
}
/****メインメニュー用スタイル****/
ul.main{
    margin:10px;/*△*/
    padding:0px;/*△*/
    width:100px;/*○*/
    position:relative;10 20
    list-style:none;/*△*/
}
/*通常時*/
.main li.off{
    position:relative;/*×*/
    width:100px;/*○*/
    height:18px;/*○*/
    overflow:hidden;/*×*/
    border:1px solid #993300;/*○*/
}
/*展開時*/
.main li.on{
    width:100px;/*○*/
    height:18px;/*○*/
    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:0px;/*△*/
    padding:0px;/*△*/
    position:relative;/*×*/
    left:100px;/*○*/
    top:-20px;/*○*/
    width:120px;/*○*/
    border:1px solid #993300;/*○*/
    border-bottom:0px solid #993300;/*○*/
    background-color:#FFCCCC;/*○*/
    list-style:none;/*△*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{
    padding:2px;/*○*/
    display:block;/*△*/
    width:116px;/*○*/
    border-bottom:1px solid #993300;/*○*/
}
.sub a:hover{
    background-color:#FFFFEC;/*○*/
}

