@charset "EUC-JP";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-style:normal;
	font-family: "ＭＳゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-decoration:none;
	color:#333;
	border:none;
}

/*制作用
div#hatama,div#body,div.content,div.kiji,div#footer,#toiawase{border:1px dotted #ccc;} 
body{background:url('images/grid.gif')}
#aside{border:1px dotted #000;} */

/*ベース*/
body{
	text-align:center;
	background:#fcfcfc;
}

a{color:#009;}
a:hover{color:#f00;}
div#body{
	text-align:left;
	width:800px;
	margin:0px auto;
	border-right:1px #ccc solid;
	border-left:1px #ccc solid;
	background:#fff;
}

/*レイアウト*/
#atama{height:100px;width:800px;overflow:hidden;}
#aside {float:left;width:220px;}
#content{margin:0 5px 0 225px;padding:60px 10px 0 50px;}
#footer{clear:both;width:800px;height:80px;padding-top:10px;}

/*ヘッド*/
#atama{
	background:url('img/kanban.jpg') no-repeat #fff -10px 20px;
	border-bottom:8px #333 solid;
}
#atama h1{
	height:20px;
	font-size:12px;
	line-height:20px;
	text-align:right;
	font-weight:normal;
	padding-right:10px;
}
#atama h1 span.desc{
	font-size:10px;
	padding-left:10px;
}
#atama #kanban{
	width:575px;
	height:70px;
	float:left;
}
#atama form{
	width:210px;
	height:70px;
	margin-left:580px;
	text-align:right;
}
#atama form .searchform{margin:35px 0 0 0;}


/*コンテント*/
#content *{font-size:10pt;}
#content .coment{margin-bottom:40px;line-height:1.8em;}
#content .coment *{line-height:1.8em;}

#content h2{
	height:30px;
	margin-bottom:10px;
}
#content h2 span.txt{
	height:30px;
	font-size:12pt;
	font-weight:bold;
	color:#000;
	letter-spacing:0.3em;
	display:block;
	background:url("img/h2bk.gif") no-repeat;
	padding: 2px 0 0 10px;
}
#content .coment .honbun{margin:0 0 1em 20px;}
#content .coment dl{margin:0 0 1em 20px;border-bottom:1px #666 dotted;}

#content .coment dl dt.itemTitle a{font-weight:bold;}
#content .coment dl dt.itemTitle span a{font-weight:normal;}
#content .coment dl dt.itemTitle .date{font-size:80%;line-height:1em}
#content .coment dl dd{margin:0 0 0 10px;}

#content ul,#content ol{margin:0 0 1em 40px;}
#content p{margin:0 0 1em 20px;}

/*コメント*/
#toiawase{}

/*フッター*/
#footer{background:#dedede;}
#footer *{font-size:10pt;}
#footer address{
	text-align:right;
	padding-right:30px;
	font-size:90%;
}
#footer address a{font-size:100%;}


/*-------------------------------------------------
補助レイアウト (08.02.19)
-------------------------------------------------*/
.leftbox{float:left;}
.rightbox{float:right;}

.leftbox img,img.leftbox{margin-right:10px;}
.rightbox img,img.rightbox{margin-left:10px;}

.txtL{text-align:left;}
.txtR{text-align:right;}
.txtC{text-align:center;}

.txtT{vertical-align:top;}
.txtM{vertical-align:middle;}
.txtB{vertical-align:bottom;}

.txtSb{vertical-align:sub;}
.txtSp{vertical-align:super;}

.crL{clear:left;}
.crR{clear:right;}
.crB{clear:both;}

.waku{border:1px #900 dotted;}
.wakuro{
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	margin:5px;
}
.gyo1{margin-bottom:20px;}
.dai{margin-right:10px;}
.red{color:#c00;}

b,strong{font-weight:bold;}

/*-------------------------------------------------
hnm Forms CSS  (08.03.21)
-------------------------------------------------*/
form.hnmform,form.hnmform *{
	font-size:12px;
	line-height:1.5em;
	margin:10px 0 0 0;
}
.hnmform .formfield{
	display:block;
	background: white;
	color: #333;
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
	height:20px;
	width: 400px;
	margin:0 0 10px 30px;
}
.hnmform select.select{margin:0 0 0 30px;}
.hnmform textarea.formfield{height:80px;}
.hnmform .formbutton{
	display:block;
	margin-left: 200px;
	width: 100px;
	height: 22px;
	background: white;
	color: #333;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
}

/*-------------------------------------------------
Forms CSS for hnmSkins (08.02.19)
-------------------------------------------------*/
.loginForm, .searchform, .commentform, .mailform,.loginForm *, .searchform *, .commentform *, .mailform *{font-size:12px;line-height:1.5em;}
#loginForm, #searchForm{margin: 10px 0 0 10px;}
.commentform, .mailform{margin:10px 0 0 0;padding: 10px;}
.formfield{
	display:block;
	background: white;
	color: #333;
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
	height:20px;
}
.formbutton{
	display:block;
	background: white;
	color: #333;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
}
.searchform .formfield{
	width: 135px;
	margin: 11px 0 0 10px;
	display:inline;
}
.searchform .formbutton{
	width: 50px;
	margin: 10px 0 0 5px;
	display:inline;
	height:21px;
}
.loginform .formfield{
	width: 185px;
	padding: 2px 0;
	margin: 0 0 2px 20px;
	font-size:14px;
}
.loginform .formbutton{width: 60px;margin:5px 0 0 60px;}
#loginForm dt{margin-bottom:10px;}
#nucleus_lf_shared{margin-left:20px;}
dl#loginForm div.loginform a{display:inline;margin:0;padding:0;}

.commentform,.mailform{margin-left:10px;}
#nucleus_cf_body,.mailform textarea{
width: 400px;margin:0 0 10px 50px;height:80px;
}
#nucleus_cf_name,#nucleus_cf_mail,#nucleus_cf_email,
#nucleus_mmf_frommail{
width: 400px;
margin:0 0 10px 50px;
}
#nucleus_cf_remember{margin-left: 50px;}
.commentform .formbutton,.mailform .formbutton{
width: 100px;height: 22px;margin-left: 200px;
}
