body{
   font-size: 70%;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,sans-serif;
   color: #8c8673;
   background-color: #FFF;
   scrollbar-face-color: #FFF;
   scrollbar-highlight-color: #8C8673;
   scrollbar-shadow-color: #8C8673;
   scrollbar-darkshadow-color: #8C8673;
   scrollbar-arrow-color: #8C8673;
   scrollbar-track-color: #FFF;
   letter-spacing: 3px;
}
/*--------------------------------------------------------
リンク
--------------------------------------------------------*/

A{
   color: #a6c8c8;
   text-decoration: none;
}

A:HOVER{
   color: #eeb752;/* マウスが上に乗った時の文字色 */
}

A img{
   border-style: none;
}
/*--------------------------------------------------------
メニューフレーム
--------------------------------------------------------*/

#menupage{
   background: url(image/back03.gif) #c8dddd repeat-y fixed  100% 100%;/* 背景 */
   margin-left: 10px;
   margin-right: 25px;
   text-align: right;/* 文字右揃え */
}

#menupage A{
   color: #8c8673;
}
/*--------------------------------------------------------
メニュー
--------------------------------------------------------*/

#menu ul{
   margin: 0;
   padding: 0;
   list-style: none;
   float: right;
}

#menu li{
   font-size: 2.5em;
   font-family: Verdana,Osaka,sans-serif;
   font-weight: bold;
   color: #FFF;/* 文字色 */
   letter-spacing: 3px;
}

#menu a{
   font-family: Verdana,Osaka,sans-serif;
   font-weight: bold;
   color: #8c8673;/* リンク文字色 */
}

#menu a:hover{
   font-weight: bold;
   color: #FFF;/* マウスが上に乗った時の文字色 */
}
/*--------------------------------------------------------
サブフレーム
--------------------------------------------------------*/

#subpage{
   color: #FFF;
   background: url(image/back04.gif) #c8dddd repeat-y fixed;/* 背景 */
   margin-left: 25px;
   text-align: right;/* 文字右揃え */
}

#subpage A{
   color: #FFF;
}

#subpage .h{
   color: #8c8673;
   font-weight: bold;
   border-top: 1px dashed #FFF;
   border-bottom: 1px dashed #FFF;
   margin: 10px 0;
   width: 100%;
}
/*--------------------------------------------------------
リンクページ
--------------------------------------------------------*/

.link01 img{
   margin: 3px;
}

.link01 A img{
   margin: 3px;
}

.link200 dt {
   font-weight: bold;
   width: 210px;
   padding: 5px 0 10px 0;
   margin: 0;
   float: left;
   clear: both;
}

.link200 dd {
   float: left;
   padding: 8px 0 10px 0;
   margin: 0;
   background: none;
}
/*--------------------------------------------------------
見出し、枠、線
--------------------------------------------------------*/

.h{
   font-weight: bold;
   border-bottom: 3px double #8C8673;
   margin: 1em 0;
   width: 80%;
}

h1{
   font-size: 1.4em;
   color: #8C8673;/* 文字色 */
   font-weight: bold;
   margin: 1em 0;
}

h2{
   font-size: 1.2em;
   font-weight: bold;
   margin: 1em 0;
}

h3{
   font-size: 1em;
   font-weight: bold;
   margin: 1em 0;
}

em{
   font-weight: bold;
}

input,textarea{
   font-size: 1em;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,sans-serif;
   color: #FFF;/* 文字色 */
   background-color: #8c8673;/* 背景色 */
   width: 400px;
   margin: 10px 0;
   border: 1px dashed #FFF;
   letter-spacing: 3px;
}

textarea{
   height: 50px;
}

#menupage textarea{
   width: 100%;
}

dt {
   padding: 0 10px 10px 0;
   width: 150px;/*(※)*/
   float: left;
   clear: both;
}

dd {
   background-color: #c8dddd;
   margin-bottom: 10px;
   margin-left: 160px;/*(※)より少なくならないように*/
   width: 300px;
}

.pos{
   margin: 5px 0;
   padding: 3px;
   background-color: #eae7ce;
   border: 1px solid #8c8673;
}

.ln01{
   border-bottom: 3px dotted #c8dddd;
   margin: 5px 0;
   padding: 3px;
}

.ln02{
   border-bottom: 3px dotted #8c8673;
   margin: 5px 0;
   padding: 3px;
}

.co01{
   color: #91bbbb;
}

.co02{
   color: #FFF;
   background-color: #c8dddd;
}

.txt{
   color: #8c8673;
   margin: 1em;
   padding: 0 0 0 1em;
   border-left: 1px dotted #8c8673;
}

.navi{
   margin: 10px 0;
   padding: 3px;
   border: 1px dotted #8c8673;
   text-align: center;
}

.title{
   color: #eae7ce;
   font-size: 2em;
   font-weight: bold;
   margin: 0 0 1em 0;
}

.middle {
   vertical-align: middle;
}
/*--------------------------------------------------------
回り込み解除
--------------------------------------------------------*/

.clearfix:after{
   content: "";
   display: block;
   clear: both;
}

.clearfix{
   overflow: hidden;
   zoom: 1;
   
   
}