<!-- 各ボックス幅固定・２カラム構成 -->

*{
 margin:0;
 padding:0;
}

<!-- 色・フォント・修飾 -->
body{
 background-color:#ffffff;
 background-image:url(dummy.gif);
 color:#666666;
 font-family:"MS UI Gothic" "Osaka";
 font-size:80%;
 text-align:center;
}

h1{
 font-size:8pt;
 font-weight:normal;
 text-align:left;
}

h2{
 font-size:9pt;
 font-weight:normal;
 text-align:right;

}

h3{
 font-size:12pt;
 font-weight:normal;
 color:#000000;
 text-align:center;
 border-width:1px 10px 1px 10px;
 border-style:solid;
 border-color:#666666;
 margin-top:5px;
 padding:10px 0 5px 0;
}

#contena,#main,#contents{
 background:#ffffff;
}

#header,#footer{
 color:#cccccc;
}

<!-- リンク用文字色設定 -->
a:active{
 text-decoration : none;
 color : #aaaaaa;
}

a:hover{
 text-decoration : none;
 color : #8A98F4;
}

a{
 text-decoration : none;
 color : #000000;
}

<!-- コンテンツリンク用枠とり -->
ul{
 margin : 0;
 padding : 0.3em 0;
}

li{
 margin : 2px 0 10px 0;
 list-style: none;
 padding : 1px 1px 1px 3px;
 border-width : 0 0 0 2px;
 border-color : #999999;
 border-style : solid;
<!-- font-size:90%; -->
}

#now{
 border-width : 0 0 1px 3px;
 border-color:#666666;
 border-style : solid;
 font-weight:bold;
<!-- font-size:100%; -->
 color:#000000;
}

#noli{
 margin : 2px 0 10px 0;
 list-style: none;
 text-align:center;
 font-weight:bold;
 color:#666666;
 background:#ffffff;
 padding : 1px;
 border-width : 1px 3px;
 border-color : #666666;
 border-style : solid;
}

#toplin{
 margin : 2px 0 10px 0;
 list-style: none;
 text-align:center;
<!-- font-size:100%; -->
 font-weight:bold;
 color:#18276a;
 background:#ffffff;
 padding : 3px;
 border-width : 1px 5px;
 border-color : #000000;
 border-style : solid;
}



<!-- メイン表示のボックス -->
#mainbox{
 width:480px;
 border:1px solid #412b23;
}

#subbox{
 width:90%;
 margin:15px 5px;
 line-height:130%;
 text-align:left;
}

#kugirisen{
 margin:2px;
 text-align:center;
 width:5px;
 height:5px;
}

h4{
 background:#412b23;
 font-weight:bold;
 color:#b1d497;
 text-align:center;
 padding:2px;
}

h5{
 border-width : 0 0 1px 5px;
 border-color : #666666;
 border-style : solid;
 text-align:left;
 padding:5px 10px;
}

<!-- リンク頁の項目バー着色 -->

.lti{
 border-width : 1px;
 border-color : #eddebc;
 border-style : solid;
 background-color : #ffffff;
 padding-left : 16px;
}
.lcome{
 font-size : 80%;
 color : #666666;
}


<!-- たぶん地球遊戯関連の目次メニュー。もしくは創作小説の目次メニュー。 -->
.ti{
 border : 1px: solid #999999;
 padding : 5px 8px;
}
.tico{
 font-size : 85%;
 background-color : #ffffff;
 padding-left : 3px;
 border-bottom : 1px dotted #aaaaaa;
}

<!-- 目次とメインの段落切り・基本レイアウト -->

#contena{
 width:700px;
 height:100%;
 margin-right:auto;
 margin-left:auto;
 text-align:left;
}

#header{
 width:100%;
 padding-bottom:10px;
 text-align:right;
}

#main{
 width:75%;
 text-align:center;
 overflow:auto;
 float:right;
}

#contents{
 width:20%;
 font-size:90%;
 margin:0 13px 0 2px;
 float:right;
}

#footer{
 width:100%;
 clear:right;
 padding-top:15px;
 text-align:left;
 font-size:90%;
}