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

*{
	margin:0px;
	padding:0px;
	font-style:normal;
	text-decoration:none;
	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;
	color:#333;}
	
img{border:none;}
li{list-style:inside disc;}

a{color:#006;}
a:hover{color:#900;}

/*-------------------------------------------------
基本レイアウト
-------------------------------------------------*/
/*センターフロート用ベース*/
body{text-align:center;background:#fcfcfc;font-size:10pt}
#body{margin:0 auto;text-align:left;}

#body{
	width: 820px;
	background:#fff;
	border:1px solid #666;
	border-top:none;
	border-bottom: 4px solid #999;}
#atama {
	background:#efefef;
	padding-bottom:1px;
	background:url(img/kanban.jpg) no-repeat 0 20px;}
#atama #kanban{height:80px;}
#top #atama{background:url(img/tkanban.jpg) no-repeat 0 20px;}
#top #atama #kanban{height:190px;}
#content{
	margin:20px 10px 10px 240px;}
#aside {
	margin:0px 0px 20px 10px ;
	float: left;
	width: 200px;}
#footer{
	clear:both;
	background:#efefef;
	text-align:center;
	margin:20px 0 0 0;}
	
/*960用にする時に使う*/
#body{width: 960px;}
#atama{background:url(img/960/kanban.jpg) no-repeat 0 20px;}
#top #atama{background:url(img/960/tkanban.jpg) no-repeat 0 20px;}

/*コンテント*/
#content,p,li,#content dt,#content dd,form,input,textarea,select,td,th,caption{font-size:10pt;line-height:1.8em;}
p,#content dd,form,table{margin-bottom:1em;}

#content{padding-left:20px;}

h2{font-size:14pt;
	margin:0 0 0 -20px;
	padding:2px 0 2px 5px;
	height:20px;
	border-bottom:1px solid #666;
	color:#000;}
h2.itemTitle{margin-bottom:20px;}
h2.imgTitle{background:none;height:auto;padding:0;}
.catdesc{text-align:right;padding-right:50px;}
h3{font-size:12pt;margin-left:-20px;margin-bottom:10px;}
h4{font-size:11pt;margin-left:-10px;}
#content dt{font-size:10pt;margin-left:-5px;font-weight:bold;}

/*パン屑リスト*/
#panKuz{
	clear:left;
	line-height:30px;
	margin-bottom:20px;
	font-size:10pt;
	text-indent:1em;
	height:30px;
	padding-top:3px;}
	
/*ヘッダーの調整*/
h1{
	height:20px;
	line-height:20px;
	font-size: 10pt;
	background-color:#999;
	color:#fff;
	text-align:right;
	border-bottom:1px solid #333;}
h1 a{
	color:#fff;
	letter-spacing:0.2em;
	margin-right:5px;}
h1 small{
	font-size: 9pt;
	font-weight:normal;
	margin-right:10px;}
	
#atama form{
	text-align:right;
	padding:0 5px 5px 0;}

#atama #kanban{
	text-align:center;}

/*ヘッダー内メニュー*/
#ueNabi dl{}
#ueNabi dt,#ueNabi dd{
	float:left;
	text-align:center;
	border-bottom:1px #666 solid;
}
#ueNabi dt{margin:0;}
#ueNabi dt a,#ueNabi dd a{
	display:block;
	height:18px;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	background:#999;
	border:1px #666 solid;
	border-top-color:#efefef;
	border-left-color:#efefef;
	color:#f6f6f6;
}
#ueNabi dt a:hover,
#ueNabi dd a:hover{
	background:#b9b9b9;
	border:1px #efefef solid;
	border-top-color:#666;
	border-left-color:#666;
	color:#333;
}

.cCnt3 dt,.cCnt3 dd{width:205px;}
.cCnt4 dt,.cCnt4 dd{width:164px;}
.cCnt5 dt{width:135px;}.cCnt5 dd{width:137px;}
.cCnt6 dt{width:112px;}.cCnt6 dd{width:118px;}
.cCnt7 dt{width:99px;}.cCnt7 dd{width:103px;}
.cCnt8 dt{width:84px;}.cCnt8 dd{width:92px;}

/*960用にする時に使う*/
.cCnt3 dt,.cCnt3 dd{width:240px;}
.cCnt4 dt,.cCnt4 dd{width:192px;}
.cCnt5 dt,.cCnt5 dd{width:160px;}
.cCnt6 dt{width:132px;}.cCnt6 dd{width:138px;}
.cCnt7 dt,.cCnt7 dd{width:120px;}
.cCnt8 dt{width:104px;}.cCnt8 dd{width:107px;}

/*アサイド*/
#aside {}
#aside #nabiUe{margin:10px 0 20px 0;}
#aside #nabiSita{margin:20px 0 0 0;}

/*フッター*/
#footer dl{
	border-top:1px #ccc solid;
	padding:2px 0px 3px 0px;}
#footer dt,#footer dd{
	display:inline;
	list-style:none;
	padding:2px 5px 2px 5px;
	border-right:1px #ccc solid;}
#footer dt{
	border-left:1px #ccc solid;}
#footer dt a,#footer dd a{
	font-size:9pt;}
#footer address{
	padding:10px 0 20px 0;
	font-size:12px;}

/*-------------------------------------------------
管理メニュー用 (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;}
#panKuz p.kanriEdit{float:right;}

/*-------------------------------------------------
Forms CSS for hnmSkins (08.02.19：デフォルトフォームの設定)
-------------------------------------------------*/
input,textarea,select{background: white;color: #333;border: 1px solid #868686;border-right-color:#D4D2CF;border-bottom-color:#D4D2CF;}
#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-top-color:#D4D2CF;border-left-color:#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;}

/*============================
マージンの指定
==============================*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mt150{margin-top:150px;}
.mt200{margin-top:200px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.mr150{margin-right:150px;}
.mr200{margin-right:200px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}
.mb200{margin-bottom:200px;}

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

/*============================
幅の指定
==============================*/
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w200{width:200px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}

/*============================
問合せフォーム
==============================*/
.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-right-color:#D4D2CF;border-bottom-color:#D4D2CF;}
.toiawaseForm label input{border:none;}
.formbot{width:100px;background: white;
	border: 1px solid #868686;border-top-color:#D4D2CF;border-left-color:#D4D2CF;}

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

/*文字の調整*/
.bule{color:#006;}
.red{color:#c00;}

.bold{font-weight:bold;}
.sml{font-size:0.8em;}

/*キャプション付きオブジェクト*/
#content .capR,#content .capL{
	margin:5px;
	border:1px solid #ccc;
	border-right-color:#999;
	border-bottom-color:#999;
	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:1px #ccc solid;
	border-bottom-color:#999;
	border-right-color:#999;
	margin:5px;
}