/*--------------------------------------------------------------------------------

 Contents of this page are ,"inner common". 

 --------------------------------------------------------------------------------*/
 @charset"UTF-8"
*{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	margin:0;
	padding:0;
}

/*--------------------------------------------------------------------------------
 title
 --------------------------------------------------------------------------------*/
/*
===== item =====
*/
#main .title_item {
	width: 500px;
	background: url(../images/common/item.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 27px;
	margin: 0 0 15px;
}
/*
===== method =====
*/
#main .title_method {
	width: 500px;
	background: url(../images/common/method_title.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 27px;
	margin: 0 0 15px;
}
/*
===== example =====
*/
#main .title_example {
	background: url(../images/common/example.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 20px 0 15px;
	height: 27px;
	width: 500px;
	clear:both;
}
#main .title_example1 {
	background: url(../images/common/example.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 0 0 15px;
	height: 27px;
	width: 500px;
}

#main .title_example2 {
	background: url(../images/common/example.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 27px;
	width: 500px;
}

/*
===== example page tab =====
*/
#main .ul_expage_tab {
	margin:10px 0 0;
	height:1em;
	display:block;
}
	.ul_expage_tab{
		zoom:1;/*for IE 5.5-7*/
		 overflow:hidden;/*Dw*/
	}
	.ul_expage_tab:after {/*for modern browser*/
		content:".";
		display: block;
		height:0;
		clear:both;
		visibility:hidden;
	}
#main .ul_expage_tab li{
	line-height:1em;
	float:left;
}
#main .ul_expage_tab li.li_expage_tab1{
	margin:0 0 0 5px;
}
#main .ul_expage_tab li a:hover{
	color:#09F;
	text-decoration:underline;
}
#main .ul_expage_tab li p{
	color: #1e6fbc;
	text-decoration:underline;
}
/*===========================*/
#example {
	background: url(../images/common/dot_exbg_3_1.gif) repeat-y left top;
	width: 500px;
}
#example .img_ex01 {
	float: left;
}
#example .img_ex02 {
	padding:0 0 5px;
}
#example .box_ex01 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left bottom;
	width: 240px;
	margin: 15px 0 0;
	padding: 0 0 15px 0;
	float: left;
}
	.box_ex01{
		zoom:1;/*for IE 5.5-7*/
		 overflow:hidden;/*Dw*/
	}
	.box_ex01:after {/*for modern browser*/
		content:".";
		display: block;
		height:0;
		clear:both;
		visibility:hidden;
	}
#example .box_ex02 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left bottom;
	margin: 15px 0 0;
	padding: 0 0 15px 20px;
	width: 240px;
	float: left;
}
#example .box_ex03 {
	margin: 73px 0 0 8px;
	width:94px;
	float: left;
}
#example .box_ex04 {
	margin: 55px 0 0 8px;
	width:94px;
	float: left;
}
/*
===== roof_about =====
*/
#main .title_about_roof {
	text-indent: -10000px;
	margin: 20px 0 15px;
	background: url(../images/roof/r_about.gif) no-repeat 0 0;
	height: 27px;
	width: 500px;
}
/*
===== roof_about =====
*/
/*--------------------------------------------------------------------------------
 title_sab
 --------------------------------------------------------------------------------*/
 #main .item_features {
	background: url(../images/common/features.gif) no-repeat left bottom;
	text-indent: -10000px;
	display: block;
	padding: 20px 0 0;
	margin-bottom: 5px;
	height: 25px;
	width: 500px;
	clear: both;
}
#main .item_means {
	background: url(../images/common/means.gif) no-repeat left bottom;
	text-indent: -10000px;
	display: block;
	padding: 15px 0 0;
	height: 25px;
	width: 500px;
	clear: both;
}
/*--------------------------------------------------------------------------------
 title  end
 --------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------
 inner common
 --------------------------------------------------------------------------------*/
/*
===== inner top page / img =====
*/
#main .img01 {
	margin: 0 10px 0 0;
}
#main .img02 {
	margin: 0 0 0 110px;
}

/*
===== inner top page / caption =====
*/
#main .box_caption_main {
	width: 500px;
}
#main .box_caption_img {
	float:right;
	width: 210px;
}
	.box_caption_img{
		zoom:1;/*for IE 5.5-7*/
		 overflow:hidden;/*Dw*/
	}
	.box_caption_img:after {/*for modern browser*/
		content:".";
		display: block;
		height:0;
		clear:both;
		visibility:hidden;
	}


#main .box_caption {
	float: left;
	width: 287px;
}
#main .box_caption1 {
	float: left;
	width: 500px;
}
#main .box_caption2 {
	float: left;
}
#main .box_caption4 {
	float: left;
	width: 298px;
	margin: 0 0 10px;
}
#main .box_caption41 {
	width: 500px;
}
	.box_caption41{
		zoom:1;/*for IE 5.5-7*/
		 overflow:hidden;/*Dw*/
	}
	.box_caption41:after {/*for modern browser*/
		content:".";
		display: block;
		height:0;
		clear:both;
		visibility:hidden;
	}
#main .box_about1 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left top;
	margin: 10px 0 0;
	padding: 10px 0 0;
}
	.box_about1{
		zoom:1;/*for IE 5.5-7*/
		 overflow:hidden;/*Dw*/
	}
	.box_about1:after {/*for modern browser*/
		content:".";
		display: block;
		height:0;
		clear:both;
		visibility:hidden;
	}
#main .box_about2 {
	margin: 20px 0 0;
}
	.box_about2{
		zoom:1;/*for IE 5.5-7*/
		 overflow:hidden;/*Dw*/
	}
	.box_about2:after {/*for modern browser*/
		content:".";
		display: block;
		height:0;
		clear:both;
		visibility:hidden;
	}



#main .caption01 {
	line-height: 1.4em;
	letter-spacing: 1px;
	padding: 0 10px 0 0;
	width: 277px;
}
#main .caption02 {
	line-height: 1.4em;
	letter-spacing: 1px;
	margin: 10px 0 0;
	padding: 0 10px 0 0;
}
#main .caption03 {
	line-height: 1.4em;
	letter-spacing: 1px;
	padding:0 10px 0 0;
	width: 490px;
}
#main .caption04 {
	line-height: 1.4em;
	letter-spacing: 1px;
	padding: 0 10px 0 0;
}
#main .caption_time {
	background: url(../images/common/about01.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 32px;
	width: 110px;
}
#main .caption_strengthen {
	text-indent: -10000px;
	height: 32px;
	background: url(../images/roof/r_strengthen.gif) no-repeat 0 0;
}
#main .caption_shape {
	text-indent: -10000px;
	height: 32px;
	width: 76px;
	background: url(../images/roof/r_about02.gif) no-repeat 0 0;
}
#main .caption_method {
	background: url(../images/common/about03.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 32px;
	width: 123px;
}#main .caption_method1 {
	text-indent: -10000px;
	height: 32px;
	width: 130px;
	background: url(../images/wall/about02.gif) no-repeat 0 0;
}


/*--------------------------------------------------------------------------------
 detaile
 --------------------------------------------------------------------------------*/
#main .detaile1,
#pop_main .detaile1 {
	color: #1e6fbc;
	letter-spacing: 1px;
	clear: both;
	padding: 5px 0 0;
}
#pop_main .detaile_pop {
	color: #1e6fbc;
	letter-spacing: 1px;
	padding: 5px 0 0;
	margin:10px 0 ;
	width:305px;
	float:right;
}
#main .detaile1 a,
#pop_main .detaile1 a,
#pop_main .detaile_pop a {
	color: #1e6fbc;
	text-decoration: none;
	padding: 0 0 0 14px;
	background: url(../images/common/detaile_out.gif) no-repeat left;
}
#main .detaile1 a:hover,
#pop_main .detaile1 a:hover,
#pop_main .detaile_pop a:hover {
	background: url(../images/common/detaile_ovr.gif) no-repeat left;
	color: #f90;
	text-decoration: none;
	padding: 0 0 0 14px;
}
#main .detaile2 {
	color: #1e6fbc;
	letter-spacing: 1px;
	margin: 5px 0 0;
}
#main .detaile2 a {
	color: #1e6fbc;
	text-decoration: none;
	padding: 0 0 0 14px;
	background: url(../images/common/detaile_out.gif) no-repeat left;
}
#main .detaile2 a:hover {
	background: url(../images/common/detaile_ovr.gif) no-repeat left;
	color: #f90;
	text-decoration: none;
	padding: 0 0 0 14px;
}
/*
===== close btn =====
*/
#box_close{
	display:block;
	clear:both;
}
#close1 {
	height: 12px;
	margin: 0 auto;
	width: 52px;
}
#close1 a {
	background: url(../images/common/expop_close_out.gif) no-repeat left top;
	display: block;
	text-indent: -10000px;
	width: 52px;
	height: 12px;
}
#close1 a:hover {
	background: url(../images/common/expop_close_ovr.gif) no-repeat left top;
	display: block;
	text-indent: -10000px;
}
/*--------------------------------------------------------------------------------
 example top
 --------------------------------------------------------------------------------*/
/*
===== name =====
*/
.p_extp_name{
	border-bottom:#666 solid 1px;
	font-size:125%;
	line-height:1em;
	font-weight:700;
	padding:0 0 4px;
	width:94px;
}
/*
===== place =====
*/
.p_extp_place{
	font-size:83%;
	line-height:1em;
	margin:5px 0 0;
}