@charset "shift_JIS";
/*** 基本設定 ***/
* {
margin: 0;
padding: 0;
}
html{
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#b0b9b9;/* 線色 */
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#b0b9b9;/* 線色 */
scrollbar-shadow-color:#b0b9b9;/* 線色 */
scrollbar-darkshadow-color:#ffffff;
overflow-y: scroll;
}
body {
font-size: 12px;
font-family:Verdana, Arial, sans-serif;
background-color: #ffffff;
line-height: 170%;
text-align: center;
color: #808880;
background-image: url(../img/back.gif);
}
/* 画像 */
img {
border: 0;
}
/* リンク */
a:link{
color:#88aada;/* 薄色 */
}
a:visited{
color:#447799;/* 濃色 */
}
a:active{
color:#667777;/* 中間色 */
}
a:hover{
color:#667777;/* 中間色 */
}

/* 文字飾り */
span.line{
border-bottom:1px dotted #cccccc;
}
span.siro{
color:#f3f3f3;
}
span.em{
font-weight:bold;
}
span.small{
font-size:10px;
}

/*** ページの整形 ***/
#page {
text-align: left;
background-color:#ffffff;
margin:0 auto auto auto;
padding:0;
width: 600px;
border-right: 1px solid #b0b9b9;/* 線色 */
border-left:1px solid #b0b9b9;/* 線色 */
}

/*** メイン ***/
#main {
background-color: #ffffff;
width: 425px;
margin-top: 5px;
margin-left: 5px;
padding: 0;
float: right;
}
.box{
width:420px;
text-align:center;
border: 1px solid #b0b9b9;/* 線色 */
margin: 0 auto 5px auto;
background-color:#ffffff;
}

h2 {
text-align:left;
margin: 5px;
font-size: 14px;
color: #93a093;/* 見出し色 */
border-bottom: 1px dashed #b0b9b9;/* 線色 */
letter-spacing:0.1em;
padding:4px 4px 1px 45px;
background-image : url(../img/icon.gif);
background-repeat : no-repeat;
background-position:12px 50%;
}
#main p{
text-align:left;
margin: 5px 10px 15px 20px;
}
/* クラス：main のリスト */
ul.main{
text-align:left;
list-style: none;
margin: 0 10px 5px 36px;
padding: 0;
}
ul.main li{
list-style: none;
margin: 0 20px 0 0;
padding: 0;
list-style-type: square;
}

/*** メニュー ***/
#menu{
background-color:#ffffff;
width: 165px;
float: right;
margin-top: 5px;
}
#menu h3 {
padding: 7px 5px 5px 10px;
font-size: 14px;
color: #608070;/* 見出し色 */
border:1px solid #b0b9b9;/* 線色 */
background-color:#ffffff;
background-image : url(../img/title.gif);
background-repeat : repeat-x;
}

/* クラス：menu のリスト */
ul.menu{
font-weight:bold;
}
ul.menu li{
list-style:none;
line-height:170%;
border:1px solid #b0b9b9;/* 線色 */
margin:1px 0;
padding:5px 0px 5px 30px;
background-image : url(../img/arrow.gif);
background-repeat : no-repeat;
background-position:13px 50%;
}
ul.menu li.top{
background-image : url(../img/arrow_top.gif);
}

/*** フッター ***/
#foot {
background-color: #ffffff;
border-top: 1px solid #b0b9b9;/* 線色 */
padding: 2px 10px 2px 0;
text-align: right;
clear:both;
}

/****** top専用 ******/
/*** ヘッド ***/
#head{
width: 100%;
height:120px;
background-color: #ffffff;
background-image: url(../img/top.jpg);
border-bottom: 1px solid #b0b9b9;/* 線色 */
}
#head h1 {
font-size: 15px;
vertical-align:top;
padding: 95px 5px 3px 20px;
}

textarea{
font-size: 12px;
border:1px solid #b0b9b9;/* 線色 */
color: #808880;
}

/* ＩＤ：menu のリスト */
#menu dl{
padding:20px 0 0 10px;
}
#menu dl dt{
font-weight:bold;
}