@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;
}

img{border:none;}

/*センターフロート用ベース*/
body{
	text-align:center;
	background:#fcfcfc;
	font-family: sans-serif;
	color:#333;
}
#body{
	margin:0 auto;
	text-align:left;
}

/*基本レイアウト*/
#body{
	width: 820px;
	border-right:1px solid #666;
	border-left:1px solid #666;
	background:#fff;
	border-bottom: 4px solid #999;
}

#body{width: 960px;}/*960用にする時に使う*/

#atama {
	background:#efefef;
	padding-bottom:1px;
}
#content{
	margin:20px 10px 10px 240px;
}
#aside {
	margin:0px 0px 20px 10px ;
	float: left;
	width: 200px;
}
#footer{
	clear:left;
	background:#efefef;
	text-align:center;
	margin:20px 0 0 0;
}

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

#atama{background:url(img/960/kanban.jpg) no-repeat 0 20px;}
#top #atama{background:url(img/960/tkanban.jpg) no-repeat 0 20px;}

/*ヘッダーの調整*/
#atama h1{
	text-align:right;
	background-color:#999;
	border-bottom:1px solid #333;
	height:20px;
	line-height:20px;
	font-size: 10pt;
	color:#fff;
}
#atama h1 a{
	color:#fff;
	letter-spacing:0.2em;
	margin-right:5px;
}
#atama 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{}

#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;}


/*パン屑リスト*/
#panKuz{
	clear:left;
	line-height:30px;
	margin-bottom:20px;
	font-size:10pt;
	text-indent:1em;
	height:30px;
	padding-top:3px;
}

/*アサイド*/
#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;
	border-top:2px solid #999;
	font-size:12px;
}

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

#content{padding-left:20px;}

#content h2{
	margin:0 0 0 -20px;
	padding-left:5px;
	font-size:14pt;
	height:20px;
	border-bottom:1px solid #666;
	color:#000;
}

#content h2.itemTitle{
	margin:0 0 20px -20px;
}
#content .catdesc{
	text-align:right;
	padding-right:50px;
}

#content h3,#content h4,#content dt{
	font-weight:bold;
	margin:0 0 0 -10px;
}

/*-------------------------------------------------
管理メニュー用 (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-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;
}
/*-------------------------------------------------
補助レイアウト (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;
}
.red{
	color:#c00;
}
.bold{
	font-weight:bold;
}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.ml150{margin-left:150px;}
.ml200{margin-left:200px;}

/*============================
アイテムリスト
==============================*/
#news{
	margin:40px 20px 0 20px;
	border-top:2px #666 solid;
	padding-top:20px;
}
#news .hnmi02{
}
#news .hnmi02 h3{
	font-size:10pt;
	border-left:14px solid #c00;
	border-bottom:1px solid #666;
	height:18px;
	margin-bottom:10px;
}
#news .hnmi02 h3 a{
	color:#333;
	margin-left:5px;
}
#news .hnmi02 h3 a:hover{
	color:#900;
}
#news .hnmi02 h3 small{
	font-weight:normal;
	margin-left:5px;
}
#news .hnmi02 p{
	margin:0 40px 0 0;
}



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

/*============================
問合せフォーム
==============================*/
.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;
}

.formbot:hover{
	background: #fcc;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}