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

@import url("css/hnm_nucleus.css");

*{
	margin:0px;
	padding:0px;
	color: #333
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}

img{border:none;}

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

/*ベース*/
body{
	font-style:normal;
	text-decoration:none;
	text-align:center;
	background:#f6f6f6;
}

a:link, a:visited {
	color: #1D3565;
	text-decoration: none;
}

a:hover {
	color: #c00;
}

#body{
	text-align:left;
	width:960px;
	margin:10px auto 0 auto;
	background:#fff;
}

/*レイアウト*/
#atama{
	height:70px;
	width:960px;
	overflow:hidden;
}
#aside {
	float:left;
	width:200px;
	margin:10px 0 0 0;
}

#content{
	float:left;
	margin:10px 5px 10px 40px;
	padding:0;
	width:700px;
}
#footer{
	clear:both;
	width:960px;
	height:40px;
	padding-top:10px;
}

/*ヘッド*/
#atama{
	background:#e6e6e6;
	border-bottom:4px #333 solid;
}

#kanban{
	height:70px;
}
#logomark{
	width:210px;
	height:70px;
	background:#999;
	float:left;
}
h1{
	font-size:12px;
	height:15px;
	font-weight:normal;
	background:#efefef;
	text-align:right;
	padding:0 10px;
}
#ueNabi{
	margin:30px 10px 0 0;
	float:right;
}
#ueNabi div{
	float:left;
	width:120px;
	height:25px;
}
#ueNabi div a{
	display:block;
	height:23px;
	border:1px solid #f6f6f6;
	margin:0;
}


#panKuz{
	margin:0;
	font-size:10pt;
	height:20px;
	padding:10px 0 0 80px;
}

.kanriEdit a{
	display:block;
	float:right;
	width:300px;
	text-align:right;
	margin:0 30px 0 0;

}

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

h2{
	font-size:12pt;
	color:#000;
	border:#666 solid 1px;
	border-width:0 0 1px 1em;
	height:19px;
	margin:0 0 20px -10px;
	padding:0 0 0 5px;
	clear:right;
}

h2.itemTitle{
	letter-spacing:0.3em;
	margin:0 0 20px -10px;
	border-width:0 0 1px 0;
	background:#f6f6f6;
	padding:5px 0 0 1em;
}

h3{
	font-size:10pt;
	border:#666 solid 1px;
	border-width:0 0 1px 1em;
	height:19px;
	margin:0 0 20px -10px;
	padding:0 0 0 5px;
	color:#000;
	clear:right;
}

#content ul,#content ol{
	margin:0 0 0 20px;
	list-style-position:outside;
	line-height:20px;
}

#content p,#content dl{margin:0 0 20px 0;}

#content dt,#content  dt a{font-weight:bold;}
#content dt span,#content dt span a{font-weight:normal;}
#content dt .date{font-size:0.8em;line-height:20px;}
#content dd{margin:0 0 0 10px;}


#bodyue{margin:0 0 20px 0;clear:right;}
#bodysita{margin:20px 0;}

#tnmtMenu{
	height:20px;
	margin:0 0 10px 0;
	float:right;
}
#tnmtMenu a{
	text-align:center;
	display:block;
	color:#333;
	width:100px;
	height:20px;
	float:left;
	border:1px solid #ccc;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
}

#tnmtMenu a:hover{
	color:#000;
	background:#fdeff2;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}

.ibody{
	margin:0 0 0 5px;
	padding:0;
	font-size:10pt;
	line-height:20px;
}
.ibody h3{margin:0;}
.ibody p{margin:0;
	border-bottom:1px solid #666;
	background:#efefef;
}
dl.ibody{margin:0 0 0 20px;}
.ibody dt{border-bottom:1px dotted #666;}

/*フッター*/
#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 img,img.leftbox{margin-right:10px;}
.rightbox img,img.rightbox{margin-left:10px;}

/*キャプション付きオブジェクト*/
#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;}

.pad5{padding:5px;}

.bold{font-weight:bold;}

.sml{font-size:0.7em;}
.small{font-size:0.8em;
	font-style:normal;
	font-weight:normal;
	margin-left:5px;
}

a.linkBut{
	color:#333;
	margin:0 auto;
	display:block;
	width:140px;
	height:20px;
	font-size:12pt;
	line-height:1.2em;
	border:1px solid #ccc;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
}
a.linkBut:hover{
	background:#fdeff2;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}

/*-------------------------------------------------
管理メニュー用 (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;
}


/*-------------------------------------------------
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:20px;
}
.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;
}

/*-------------------------------------------------
tnmForm (10.05.07：トーナメントフォームの設定)
-------------------------------------------------*/
#tnmForm table{
	width:500px;
	margin:0 0 50px 80px;
}
#tnmForm th{
	text-align:left;
	width:220px;
	margin:3px 0 2px 0;
	padding-left:10px;
	border-bottom:1px solid #D4D2CF;
}
#tnmForm input,#tnmForm textarea,#tnmForm select{
	width:280px;
	margin:5px 0 0 0;
}
#tnmForm .btn th,#tnmForm .btn td{
	padding-top:10px;
	text-align:center;
	border:none;
}
#tnmForm .btn input,#tnmForm #hnm input{
	width:100px;
	height:20px;
	font-size:12pt;
	line-height:1.2em;
	letter-spacing:0.5em;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
}
#tnmForm .btn input:hover,#tnmForm #hnm input:hover{
	background:#fdeff2;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}

/*============================
問合せフォーム
==============================*/
.toiawaseForm{margin-left:80px;width:600px;}
.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;width:150px;}
.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;}
input.formbot{width:100px;
	background: white;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
	margin:20px 0;}
input.formbot:hover{
	background:#fdeff2;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}
	
/*============================
　アサイドメニュー（カラーチェンジ）
==============================*/
#asideSearch{
	margin:0 0 15px -5px;
}
#aside dl{
	margin:10px 0 0 5px;
	background:#f6f6f6;
	border:1px #ccc solid;
	border-width:0 1px 1px 1px;
}
#aside dt,#aside dd{border-top:1px #ccc solid;}
#aside dl a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	height:18px;
	font-size:10pt;
	background:#f6f6f6;
	color:#454545;
	padding:6px 0 0 4px;
	border:1px solid #f6f6f6;
}
#aside dl a:hover{
	border-color:#787878 #fff #fff #787878;
}

#aside dl .ima a{
	border:1px solid #efefef;
	background:#efefef;
	color:#000;
}
#aside dl .ima a:hover{
	border-color:#cbcbcb #fff #fff #cbcbcb;
}

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

.ml250{margin-left:250px;}
.ml300{margin-left:300px;}
.ml350{margin-left:350px;}
.ml400{margin-left:400px;}