*{
   margin: 0;
   padding: 0;
}

body{
   font-size: 70%;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,serif;
   color: #999;
   background-image : url(image/back00.gif);
   background-color: #FFF;
   text-align: center;
   letter-spacing: 3px;
   overflow-y: scroll;
   scrollbar-face-color: #FFF;
   scrollbar-highlight-color: #999;
   scrollbar-shadow-color: #999;
   scrollbar-darkshadow-color: #999;
   scrollbar-arrow-color: #999;
   scrollbar-track-color: #FFF;
}
/*--------------------------------------------------------
リンク
--------------------------------------------------------*/

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

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

A img{
   border-style: none;
}
/*--------------------------------------------------------
基本
--------------------------------------------------------*/

#wrapper{
   width: 600px;/* 全体の幅はここで変更 */
  margin: 10px auto;


}
.container{
background-color : #FFF;
  border: 2px #999 solid;
  margin: 20px 0;
}
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/


#header{
  background-color : #FFF;
  background-image : url(image/back01.gif);
  min-height : 150px;  /* 高さ */
  border: 1px #999 dotted;
  padding :10px;  margin: 10px;
}

#header-main {
   padding: 20px 0px;
}
/*--------------------------------------------------------
メニュー
--------------------------------------------------------*/

#menu{
   font-weight: bold;
   padding: 10px 0;
}
#menu A{
color : #999;
}
/*--------------------------------------------------------
メイン
--------------------------------------------------------*/
.contents{
  background-color : #FFF;
  border: 1px #999 dotted;
  padding :10px;  margin: 10px;
  line-height : 20px;  /* 行間 */
  text-align: left;
  }
/*--------------------------------------------------------
下
--------------------------------------------------------*/

#footer{
  background-image : url(image/back02.gif);
  border: 1px #999 dotted;
  margin: 10px;
}

/*--------------------------------------------------------
リンクページ
--------------------------------------------------------*/

.link01 img{
   margin: 3px;
}

.link01 A img{
   margin: 3px;
}

.link01 dt {
   font-weight: bold;
   margin: 0px 0px 5px;
}

.link01 dd {
   margin: 0px 0px 5px 4em;
}
/*--------------------------------------------------------
見出し、枠、線
--------------------------------------------------------*/

.title{
   color: #eae7ce;
   font-size: 1.5em;
   font-weight: bold;
   margin: 2em 0;
   text-align: right;
}

h1{
   font-size: 1.4em;
   font-weight: bold;
   padding: 1em;
}

h2{
   font-size: 1em;
  background-color : #FFF;
  background-image : url(image/back02.gif);
  border: 1px #999 dotted;
  margin: 10px;
}

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

em{
   font-weight: bold;
}

.pos{
   margin: 5px 0;
   padding: 3px;
   border: 1px solid #999;
   background-color: #fffff3;
}

.ln01{
   border-left: 8px solid #eae7ce;
   margin: 5px 0;
   padding: 3px;
}

.ln02{
   border-left: 8px solid #fed10f;
   margin: 5px 0;
   padding: 3px;
}

.co01{
   color: #eae7ce;
}

.co02{
   color: #fed10f;
}

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

input,textarea{
   font-size: 1em;
   color: #999;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,serif;
   background-color: #fffff3;
   width: 200px;
   margin: 3px 0;
   border: 1px solid #999;
   letter-spacing: 3px;
}

textarea{
   height: 50px;
   width: 400px;
}

.navi{
   margin: 10px 0;
   padding: 3px;
   border: 1px dotted #999;
   text-align: center;
   background-image : url(image/back01.gif);
}

.middle {
   vertical-align: middle;
}
/*--------------------------------------------------------
TOPへの戻りリンク、非表示、回り込み解除
--------------------------------------------------------*/

.pagetop{
 padding :1em 0 0 0;
}


.none{
   display: none;
}

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

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