@charset "UTF-8";
/*
長崎材木店リフォーム事業部
共通CSS
Builed 2009/12/14 SF
*/

/* Tag define  */
p,div,table,h1,h2,h3,h4,h5,h6{ margin:0.5em 0 0 0;}
ul,ol{ margin-top:0.5em; margin-bottom:0.5em;}
a{}
a:hover{}
img{ border:none;}
h1{ font-size:130%;}
h2{ font-size:120%;}
h3{ font-size:110%;}
h4{ font-size:100%;}
table{}
th,td{ vertical-align:top;}
hr{ display:block; height:1px; overflow:hidden; border-style:solid none none none; border-color:#a8a8a8;}

/* Block Define */
body{ margin:0; padding:0; text-align:center; background:url(img/bg_body.jpg) repeat-x center top;}
#CC{ width:900px; margin:0 auto; padding:0 0; text-align:left; color:#000000; background:#FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", sans-serif;}
#CC{ font-size:12px; line-height:1.7; letter-spacing:1px;}
* html #CC { font-size:12px; line-height:1.6;} /* IE */
*:first-child+html #CC { font-size:12px; line-height:1.6;} /* IE */
head~/* */body #CC { font-size:12px; line-height:1.6;} /* IE */
html:not(:target) #CC { font-size:12px; line-height:1.7; letter-spacing:1px;} /* not IE */
	
#HC{ margin:0; padding:0; background:url(img/bg_body.jpg) repeat-x center top; border-bottom:solid 2px #FFFFFF;}
#GM{ margin:0; padding:0;}
#BL{ margin:0; padding:5px 15px; clear:both}
#MB{ margin:0; padding:0px 15px 10px 15px;} /*870px*/
	#MC{ margin:0; padding:0; width:640px; float:right;}
		#MMC{ margin:0; padding:0; width:410px; float:left}
		#MSC{ margin:0; padding:0; width:210px; float:right;}
	#SC{ margin:0; padding:0; width:210px; float:left;}
#FC{ margin:0; padding:0; clear:both; border-top:solid 1px #a8a8a8; text-align:center;}

/* Block Boxhack */
div#GM:after{ content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}  
div#GM { zoom: 100%;}

div#MB:after{ content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}  
div#MB { zoom: 100%;}

/* HC */
.hc_title{}
.hc_text{ }
.hc_text_inner{ margin:0; padding:0; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.hc_text_navi a{ display:block; margin:0; padding:0; height:185px; background:url(img/com_h00.gif) no-repeat 0 0;}
.hc_text_navi a span{ display:block; margin:0; padding:0; width:1px; height:1px; overflow:hidden; visibility:hidden;}

/* SC,MSC */
.block-title{ background:url(img/com_sc_title01.gif) no-repeat 0 center; padding-left:15px; margin-bottom:5px; }
ul.blick-list-menu{ margin:0; padding-left:0; list-style:none;}
ul.blick-list-menu li{ border-bottom:dotted 1px #a8a8a8;}
ul.blick-list-menu li a{ display:block; padding:8px 5px 5px 30px; background:url(img/com_sc_menu01.gif) no-repeat 0 0; color:#000000; text-decoration:none;}
ul.blick-list-menu li a:hover,ul.blick-list-menu li a.active{ background-image:url(img/com_sc_menu01_active.gif); color:#FFFFFF;}

ul.blick-list-banner{ margin-left:0; padding-left:0; list-style:none;}
ul.blick-list-banner li{ margin-bottom:5px;}

.block-sub-title{ background:url(img/com_sc_title02.gif) no-repeat 0 center; padding-left:15px; border-bottom:solid 1px #a8a8a8; }
ul.block-sub-list{ margin-left:0; padding-left:0; list-style:none;}
ul.block-sub-list li{ margin-bottom:5px; border-bottom:dotted 1px #a8a8a8;}
ul.block-sub-list li a{ color:#000000; text-decoration:underline;}
ul.block-sub-list-arrow{ margin-left:0; padding-left:0; list-style:none;}
ul.block-sub-list-arrow li{ margin-bottom:5px; padding-left:20px; border-bottom:dotted 1px #a8a8a8; background:url(img/com_sc_list02.gif) no-repeat left center;}

ul.sub{ margin-left:15px; display:none;}
ul.sub li a{ background:none; padding:2px 0 2px 15px; text-decoration:none;}
ul.sub li a:hover,ul.sub li a.active{ background:none; color:#000000;}
ul.sub li a.active{ font-weight:bold; background:url(img/com_sc_active_sq.gif) no-repeat right center;}


/* class Define */
.blockClear{ clear:both; margin:0; padding:0; height:1px; overflow:hidden; visibility:hidden; content:".";}
.safety{ height:1px; visibility:hidden; display:block; overflow:hidden;}
.tCenter{ text-align:center;}
.tRight{ text-align:right;}
.fit{ margin:0; padding:0; line-height:100%;}
.iLeft{ margin:0 1.0em 1.0em 0; float:left;}
.iRight{ margin:0 0 1.0em 1.0em; float:right;}
.fLeft{ float:left;}
.fRight{ float:right;}
.caption{ font-size:0.85em;}
.attention{ color:#FF0000;}
.none{ display:none;}
.clear{ clear:both;}
.ub{ color:#FFFFFF; background:#FF0000; font-weight:bold; font-size:85%;}


/* GM */
ul.gm{ margin:0; padding:0; width:900px; list-style:none;}
.gm li{ display:block; width:151px; height:60px; margin:0; padding:0; float:left;}
.gm li.gm06{ width:145px;}

.gm li a{ display:block; margin:0; padding:0; height:60px; background:url(img/com_gm_01.gif) no-repeat 0 0;}
.gm li a:hover,.gm li a.active{ background-image:url(img/com_gm_02.gif);}
.gm li a span{ display:block; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.gm li.gm01 a{ background-position:0px 0px;}
.gm li.gm02 a{ background-position:-151px 0px;}
.gm li.gm03 a{ background-position:-302px 0px;}
.gm li.gm04 a{ background-position:-453px 0px;}
.gm li.gm05 a{ background-position:-604px 0px;}
.gm li.gm06 a{ background-position:-755px 0px;}

/*table*/
.fitTable td{ margin:0; padding:0;}
.fitTable td img{ margin:0; padding:0; display:block;}