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



/* Reset CSS */
html{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal;}
ul,ol{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym { border:0;font-variant:normal;}
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{ *font-size:100%;}
legend{ color:#000000;}

/* ReStyled */
html{ margin:0; padding:0;}
body{ 
	margin:0 auto; padding:0 0 0 0; color:#000000;
	background:url(img/bg_body.jpg) repeat-x center top;
	font-size:13px;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', sans-serif;
	line-height:1.8;
	*font-size:small;
	*font:x-small;
	text-align:left;
	min-width:980px;
}
select,input,button,textarea{font:93% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

h1{ font-size:123.1%}
h2{ font-size:116%;}
h3{ font-size:108%;}
h4,h5,h6{ font-size:100%;}
table{}
th,td{ vertical-align:top;}
img{ border:none;}
caption{ font-size:85%;}
strong{ font-weight:bold; color:#000000;}

body,div,table,h1,h2,h3,h4,h5,h6,p{ margin:10px 0 0 0;}

#CC{ width:900px; margin:0 auto; padding:0 0; text-align:left; color:#000000; background:#FFFFFF; font-size:93%;}
#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{ margin-bottom:0;}
.hc_title h1{ font-size:93%; font-weight:normal; margin-bottom:0; line-height:1.0;}
.hc_title h1 a{ color:#000000;}
.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{ display:block; margin:0; padding:0; width:1px; height:1px; visibility:hidden; 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;}


/*cleaerFix*/
/* for modern brouser */
.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.clearfix {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
        height: 1%;
}
.clearfix {
        display: block;
}
/* End hide from IE-mac */
html>/**/body .clearfix { display /*\**/: block\9 }


