@charset"Shift_JIS";
/*文字エンコードの設定（削除不可）*/


/* 全体設定 */
*{
line-height:18px;
font-family:verdana,ms ui gothic;
scrollbar-arrow-color:#999;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#999;
scrollbar-darkshadow-color:#fff;
margin:0;
}

html{
width:100%;
height:100%;
background:#fff;
color:#000;
overflow:auto;
overflow-x:hidden;
display:block;
}


body,td{
color:#000;
font-size:11px;
text-align:left;
text-valign:top;
margin:0;
display:block;
}


/* リンク */
a:link,a:visited,a:active{
color:#999;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:none;
}



/* 見出し */
h1{
font-size:24px;
line-height:30px;
color:#999;
}
h2{
color:#333;
font-size:12px;
background-image:url(h2.gif);
background-repeat:repat;
margin:20px -20px;
padding:2px 5px;
}
h3{
font-size:12px;
color:#666;
border-top:solid #666 1px;
border-bottom:solid #666 1px;
margin:20px -10px 5px -10px;
padding:1px 3px;
}
h4{
font-size:12px;
color:#666;
border-left:solid #ccc 8px;
margin:10px -10px;
padding-left:4px;
}



/* メニュー */
.menu{
width:250px;
height:100%;
background-image:url(h2.gif);
background-repeat:repeat;
margin:0 auto;
}

#head
{
width:182px;
height:100px;
background:#fff;
text-align:center;
border-left:dashed #999 1px;
border-right:dashed #999 1px;
padding:0;
margin:0 auto;
}
#head h1{
color:#666;
line-height:100px;
}


#menu{
width:182px;
height:100%;
background:#fff;
text-align:center;
border-left:dashed #999 1px;
border-right:dashed #999 1px;
padding:0;
margin:0 auto;
}
#menu ul {
width:180px;
height:auto;
text-align:center;
border-top:dashed #999 1px;
list-style-type:none;
margin:0;
padding:0;
}
#menu li {
width:180px;
border-bottom:dashed #999 1px;
margin:0;
padding:0;
float:left;
}

#menu li a{
font-size:9px;
text-decoration:none;
padding:5px 0;
float:left;
}
#menu li a:link,#menu li a:visited,#menu li a:active{
width:180px;
color:#999;
}
#menu li a:hover{
width:180px;
background:#eee;
}

#right{
font-size:9px;
color:#999;
background:#fff;
}
#right a{
text-decoration:underline;
}


/* ページ余白指定 */
#main{
margin:60px;
text-align:left;
vertical-align:top;
}



/*リスト*/
ol{
list-style-position:outside;
}
ol li{
margin:10px 20px;
padding:0; 
}
ul{
list-style-position:outside;
}
ul li{
margin:10px 20px;
}
dl{
margin:10px 20px;}
dt{
color:#999;
font-weight:bold;
text-decoration:underline;
list-style-position:outside;
}
dd{
margin:0 20px;
}



/* テキストエリア */
textarea{
width:300px;
height:80px;
color:#666;
font-size:11px;
line-height:15px;
border-style:solid;
border-color:#999;
border-width:1px 0;
padding:3px 5px;
}



/* 装飾box */
.box1{
padding:3px 5px;
margin:5px 10px;
border:1px solid #999;
background:#fff;
}
.box2{
padding:3px 5px;
margin:5px 10px;
border:1px solid #999;
background:#ccc;}

/* 引用 */
blockquote{
padding:5px;
margin:5px 20px;
color:#333;
background-image:url(h2.gif);
background-repeat:repeat;
}




/* 画像のボーダー0 */
img{border:none;}



/* メインコンテンツ */
#no li{
margin:0 0 0 10px;
}
#no ol{
margin:0 0 0 30px;
}
#no ul{
margin:0 0 0 30px;
list-style-type:square;
}
#no a{
text-decoration:none;
padding:0 3px;
} 



/* メールフォーム */
td.mail{
width:80px;
text-align:right;
color:#666;
padding:5px;
float:left;
}

input.name{
width:150px;
height:16px;
color:#333;
font-size:11px;
line-height:15px;
border-style:solid;
border-color:#999;
border-width:0 0 1px 0;
}
input.adress{
width:150px;
height:16px;
color:#333;
font-size:11px;
line-height:15px;
border-style:solid;
border-color:#999;
border-width:0 0 1px 0;
}

input.url{
width:200px;
height:16px;
color:#333;
font-size:11px;
line-height:15px;
border-style:solid;
border-color:#999;
border-width:0 0 1px 0;
}

textarea.mes{
width:300px;
height:80px;
color:#333;
font-size:11px;
line-height:15px;
border:solid #999 1px;
padding:3px;
}

td.push{
text-align:center;
}

input.mf{
width:50px;
height:20px;
font-size:11px;
background:#fff;
color:#999;
border:solid #999 1px;
text-align:center;
text-valign:middle;
padding:0;
}




/* リンクページ */
dl.link{
width:400px;
padding:3px 0 0 0;
}
dl.link dt{
float:left;
margin:-3px 5px 0 0;
}
dl.link2{
width:400px;
padding:3px 0 0 0;
}
dl.link2 dt{
float:left;
margin:0 5px 0 0;
}