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

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

/*===============
サイズ調整：デフォルトは（w800:左メニュー:3カラム)
===============*/
body{text-align:center;}
#body{
	margin:0px auto;
	width:800px;
	border:solid 1px #666;
	border-width:0 1px;
	text-align:left;
}
#header{margin:0 0 5px 0;}
#naka{padding:10px;}
#footer{clear:both;padding:10px;text-align:center;}
#footer .fot{border-top:1px solid #999;padding:20px 0 5px;}

/*headerのサイズ調整*/
h1{
	height:19px;
	line-height:19px;
	border-bottom:1px solid #999;
	text-align:right;
	padding-right:5px;
}
#mark,#kanban{
	float:left;
	width:210px;
	height:50px;
/*	line-height:60px;*/
	vertical-align:middle;
	text-align:center;
	margin-bottom:5px;
}
#kanban{float:right;width:585px;}
#top #kanban,#top #mark{height:210px;}
#nabi{clear:both;height:24px;}

/*nakaのサイズ調整*/
#main{float:right;width:570px;}
#pankz{}
#content{
	padding:30px 10px 10px;
	float:left;
	width:420px;
}
#bside{
	float:right;
	width:112px;
	padding:20px 0 50px 7px;
	border-left:1px solid #ccc;
}
#aside{float:left;width:200px;}


/*===============
800:グローバルナビ調整
===============*/
#nabi dl.catc1 dt,
#nabi dl.catc1 dd{width:400px;}
#nabi dl.catc2 dt{width:268px;}
#nabi dl.catc2 dd{width:266px;}
#nabi dl.catc3 dt,
#nabi dl.catc3 dd{width:200px;}
#nabi dl.catc4 dt,
#nabi dl.catc4 dd{width:160px;}
#nabi dl.catc5 dt{width:135px;}
#nabi dl.catc5 dd{width:133px;}
#nabi dl.catc6 dt{width:116px;}
#nabi dl.catc6 dd{width:114px;}
#nabi dl.catc7 dt,
#nabi dl.catc7 dd{width:100px;}
#nabi dl.catc8 dt{width:96px;}
#nabi dl.catc8 dd{width:88px;}
#nabi dl.catc9 dt,
#nabi dl.catc9 dd{width:80px;}

/*===============
文字サイズ
===============*/
h1{font-size:100%;}
h2,h3{font-size:114%;}
h4,h5{font-size:107%;}
h6{}
dt{font-size:107%;}

/*===============
文字カラー
===============*/
body{color:#3c1d0a;}/*文字色*/

a{color:#009;}/*リンク色*/
a:hover{color:#f00;}

h2 a,h3 a,h4 a,h5 a,h6 a{color:#333;}
h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#565656;}

dt a,dd a{color:#565656;}
dt a:hover,dd a:hover{color:#333;}

/*===============
背景設定
===============*/
body{background:#d6d6d6;}/*背景色*/
#body{background:#fff;}

#header{background:none;}
#naka{}
#aside{background:#efefef;}
#main{}
#content{}
#bside{}
#footer{}

h1{background:#fff;}
#mark{background:#f3f3f3}
#kanban{background:#f3f3f3}
#nabi{}

/*===============
960:サイズ調整：ワイド（w960:左メニュー:3カラム)
===============*/
#body{width:960px;}

#mark{width:210px;}
#kanban{width:745px;}

#main{width:720px;}
#content{width:540px;}
#bside{width:152px;}
#aside{width:200px;}


/*===============
960:グローバルナビ調整：ワイド
===============*/

#nabi dl.catc1 dt,
#nabi dl.catc1 dd{width:480px;}
#nabi dl.catc2 dt,
#nabi dl.catc2 dd{width:320px;}
#nabi dl.catc3 dt,
#nabi dl.catc3 dd{width:240px;}
#nabi dl.catc4 dt,
#nabi dl.catc4 dd{width:192px;}
#nabi dl.catc5 dt,
#nabi dl.catc5 dd{width:160px;}
#nabi dl.catc6 dt{width:138px;}
#nabi dl.catc6 dd{width:137px;}
#nabi dl.catc7 dt,
#nabi dl.catc7 dd{width:120px;}
#nabi dl.catc8 dt{width:112px;}
#nabi dl.catc8 dd{width:106px;}
#nabi dl.catc9 dt,
#nabi dl.catc9 dd{width:96px;}
#nabi dl.catc10 dt{width:90px;}
#nabi dl.catc10 dd{width:87px;}