*{
   margin: 0;
   padding: 0;
}

body{
   font-size: 70%;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,serif;
   color: #000;
   background-color: #FFF;
   text-align: center;
   margin: 20px;
   overflow-y: scroll;
   scrollbar-face-color: #FFF;
   scrollbar-highlight-color: #000;
   scrollbar-shadow-color: #000;
   scrollbar-darkshadow-color: #000;
   scrollbar-arrow-color: #000;
   scrollbar-track-color: #FFF;
}
/*--------------------------------------------------------
リンク
--------------------------------------------------------*/

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

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

A img{
   border-style: none;
}
/*--------------------------------------------------------
TOPへの戻りリンク
--------------------------------------------------------*/

.pagetop{
   margin: 20px 0;
}
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
   margin: 0px auto;
}
/*--------------------------------------------------------
メニュー＆index
--------------------------------------------------------*/

#index{
   font-weight: bold;
   padding: 10px 0;
   margin: 0 auto;
   width: 330px;/* 1列のメニューの数x110 */
}

#menu{
   font-weight: bold;
   padding: 10px 0;
   margin: 0 auto;
   width: 770px;/* 1列のメニューの数x110 */
}
/* ↑ 1列に5個なら550 3列3行なら330 */

.box1,.box2,.box3,.box4,.box5,.box6,.box7,.box8,.box9{
   width: 100px;
   height: 100px;
   text-align: center;
   font-weight: bold;
   line-height: 100px;
   float: left;
   margin: 5px;
}

.box1 A,.box2 A,.box3,.box4,.box5,.box6,.box7,.box8,.box9{
   font-size: 100%;
}

.box1{
   background: url(image/01.gif) no-repeat;
}

.box2{
   background: url(image/02.gif) no-repeat;
}

.box3{
   background: url(image/03.gif) no-repeat;
}

.box4{
   background: url(image/04.gif) no-repeat;
}

.box5{
   background: url(image/05.gif) no-repeat;
}

.box6{
   background: url(image/06.gif) no-repeat;
}

.box7{
   background: url(image/07.gif) no-repeat;
}

.box8{
   background: url(image/08.gif) no-repeat;
}

.box9{
   background: url(image/09.gif) no-repeat;
}
/*--------------------------------------------------------
メイン
--------------------------------------------------------*/

#contents{
   width: 600px;
   text-align: left;
   margin: 0 auto;
   padding: 0 30px;
   line-height: 20px;
}

#contents p{
   background-image: url(image/line01.gif);
   margin-bottom: 20px;
}

#contents A{
   color: #e8b7b2;
}
/*--------------------------------------------------------
下
--------------------------------------------------------*/

#footer{
   width: 600px;
   text-align: right;
   padding: 0 30px;
   margin: 20px auto;
}
/*--------------------------------------------------------
見出し、枠、線
--------------------------------------------------------*/

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

h2{
   font-size: 1.1em;
   font-weight: bold;
   background-color: #ccc;
   margin-bottom: 20px;
   margin: 2em 0;
}

#contents h2 A{
   color: #000;
}

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

em{
   font-weight: bold;
   background-color: #f9e773;
}

.pos{
   color: #ccc;
   margin: 5px 0;
   padding: 3px;
   border: 3px solid #ccc;
}

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

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

.co01{
   color: #edc4cb;
}

.co02{
   color: #999;
}

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

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

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

.navi{
   margin: 10px 0;
   padding: 3px;
   border: 1px solid #ccc;
   text-align: center;
}

.middle {
   vertical-align: middle;
}

.title{
   color: #999;
   font-size: 1.5em;
   font-weight: bold;
   margin: 2em 0;
   text-align: right;
}
/*--------------------------------------------------------
非表示、回り込み解除
--------------------------------------------------------*/

.none{
   display: none;
}

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

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