@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#333;
	border:none;
	font-style:normal;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

/*制作用
div#hatama,div#body,div.content,div.kiji,div#footer,#toiawase{border:1px dotted #ccc;} 
#aside{border:1px dotted #000;} */

/*ベース*/
body{text-align:center;background:#fcfcfc;}

a{color:#009;}
a:hover{color:#f00;}

#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:#e6e6e6;
	border-bottom:8px #333 solid;
}
h1{
	height:19px;
	line-height:19px;
	font-size:12px;
	text-align:right;
	font-weight:normal;
	padding-right:10px;
	background:#fff;
	border-bottom:1px solid #999;
}
h1 span.desc{font-size:10px;padding-left:10px;}
#kanban{height:80px;}
#atama form{text-align:right;position:relative;top:-45px;}
#atama form .searchform{margin:0 10px 0 0;}

/*コンテント*/
#content *{font-size:10pt;line-height:1.8em;}

#content h2,#content h2 span.txt{
	font-size:1.1em;
	letter-spacing:0.3em;
	color:#000;
}
h2{
	height:29px;
	margin-bottom:20px;
	padding:0;
}

h2 span.txt{
	display:block;
	padding-top:0.1em;
	padding-left:1em;
	border-bottom:1px solid #666;
	background:#f6f6f6;
}
h3{
	border-bottom:#666 solid 1px;
	border-left:#666 solid 1em;
	height:19px;
	margin-bottom:20px ;
	padding-left:5px;
	color:#000;
}

.coment{margin-bottom:40px;margin-right:10px;}
.coment ul,.coment ol{margin:0 10px 20px 40px;}
.coment p{margin:0 10px 20px 20px;}

.kiji{margin-bottom:40px;}
.kiji,.kiji *{font-size:1em;line-height:20px;}

/*トップページのニュースリスト*/
.coment dl{margin:0 0 1em 20px;border-bottom:1px #666 dotted;}
.coment dl dt.itemTitle a{font-weight:bold;}
.coment dl dt.itemTitle span a{font-weight:normal;}
.coment dl dt.itemTitle .date{font-size:80%;line-height:1em}
.coment dl dd{margin:0 0 0 10px;}

/*トップページのボックスボタンリスト*/
#boxBot dl{
	width:240px;
	height:110px;
	float:left;
	margin:0 10px 10px 0;
	border-right:2px #dedede solid;
	border-bottom:2px #dedede solid;
	line-height:20px;
}
#boxBot dl dt{border-bottom:1px #ccc solid;}
#boxBot dl dt a{display:block;font-weight:bold;color:#dedede;padding-left:10px;background:#333;}
#boxBot dl dt a:hover{color:#fff;}
#boxBot dl dd{padding:0 5px;margin:5px 0 0 0;font-size:0.9em;line-height:18px;}
#boxBot dl dd span.tuduki{display:block;text-align:right;}

/*フッター*/
#footer{background:#dedede;}
#footer address{
	text-align:right;
	padding-right:30px;
	font-size:0.9em;
}
#footer address a{font-size:1em;}


/*-------------------------------------------------
補助レイアウト (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;}

.crL{clear:left;}
.crR{clear:right;}
.crB{clear:both;}

/*キャプション付きオブジェクト*/
#content .capR,#content .capL{
	margin:5px;
	border:1px solid #ccc;
	border-color:#ccc #999 #999 #ccc;
	line-height:12px;
	font-size:9px;
	text-align:center;}
.capR{float:right;margin-right:0;}
.capL{float:left;margin-left:0;}

.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;
}
.pad5{padding:5px;}

.bule{color:#006;}
.red{color:#c00;}
.bold{font-weight:bold;}

.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.ml150{margin-left:150px;}
.ml200{margin-left:200px;}

.mw50{margin-left:25px;margin-right:25px;}
.mw100{margin-left:50px;margin-right:50px;}
.mw150{margin-left:75px;margin-right:75px;}
.mw200{margin-left:100px;margin-right:100px;}
.mw250{margin-left:125px;margin-right:125px;}
.mw300{margin-left:150px;margin-right:150px;}

.sml{font-size:0.7em;}


/*-------------------------------------------------
管理メニュー用 (08.08.5)
-------------------------------------------------*/
ul.kanriMenu{
	margin-bottom:20px;
}
ul.kanriMenu li{
	list-style-position:inside;
	border-bottom:1px #ccc solid;
	font-size:10pt;
	padding-left:1em;
}
p.kanriEdit{
	text-align:right;
	padding-right:2em;
	margin:0;

}


/*-------------------------------------------------
Forms CSS for hnmSkins (08.02.19：デフォルトフォームの設定)
-------------------------------------------------*/
input,textarea,select{
	background: white;
	color: #333;
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}

#loginForm, #searchForm{margin: 10px 0 0 10px;}

form,form *,
.loginForm, .loginForm *,
.searchform, .searchform *,
.commentform, .commentform *,
.mailform, .mailform *{font-size:12px;line-height:1.5em;}
.commentform, .mailform{margin:10px 0 0 0;padding: 10px;}
.formfield{display:block;height:20px;}
.formbutton{
	display:block;
	background: white;
	color: #333;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
}
.formbutton:hover{background:#dedede;}
.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: 170px;
	padding: 2px 0;
	margin: 0 0 2px 20px;
	font-size:12px;
	height:17px;
}
.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;height:80px;margin:0 0 10px 50px;
}
#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;
}

/*============================
テーブル基本フォーマット
==============================*/
table.w120, table .w120{width:120px;}
table.w150, table .w150{width:150px;}
table.w200, table .w200{width:200px;}
table.w300, table .w300{width:300px;}
table.w350, table .w350{width:350px;}
table.w400, table .w400{width:400px;}
table.w450, table .w450{width:450px;}
table.w500, table .w500{width:500px;}
table.w550, table .w550{width:550px;}
table.w600, table .w600{width:600px;}
table.w650, table .w650{width:650px;}

/*============================
問合せフォーム
==============================*/
.toiawaseForm{margin-left:30px;}
.toiawaseForm td,
.toiawaseForm th{padding-top:5px;}
.toiawaseForm .keiSen,
.toiawaseForm .dai{border-bottom:#D4D2CF 1px solid;}
.toiawaseForm .dai{font-weight:bold;text-align:right;padding-right:3px;}

.toiawaseForm h3{margin-top:20px;}

.toiawaseForm input{line-height:1.6em;}
.toiawaseForm input,
.toiawaseForm select,
.toiawaseForm textarea{
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}
.toiawaseForm label input{border:none;}

.formbot{
	background: white;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
	width:100px;
}

/*============================
　アサイドメニュー（カラーチェンジ）
==============================*/
#aside{
	font-size:10pt;
}
#aside dl{
	background:#f6f6f6;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}
#aside dl dt{
	height:50px;
	border-top:1px #ccc solid;
}
#aside dl dt a{
	display:block;
	font-size:10pt;
	padding-top:15px;
	padding-left:5px;
	height:35px;
	background:#f6f6f6;
	line-height:15px;
	font-weight:bold;
	color:#454545;
}
#aside dl dt a span.kage{display:none;}
#aside dl dt a span.desc{
	display:block;
	font-size:8pt;
	line-height:15px;
	color:#565656;
	padding-left:10px;
}

#aside dl dd a{
	display:block;
	font-size:8pt;
	padding:0 0 0 15px;
	line-height:24px;
	font-weight:bold;
	color:#565656;
	background:#efefef;
	border-top:1px solid #cbcbcb;
}

#aside dl dt a:hover,#aside dl dt.ima a{background:#efefef;color:#000;}
#aside dl dd a:hover,#aside dl dd.ima a{color:#000;}

#aside .loginform{
	text-align:center;
	margin:20px 5px 10px 5px;
	font-size:12px;
}

#aside form .loginform{
	text-align:left;
}