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

div#con{
	text-align:left;
	margin:auto;
	}

div#wrap{
	border:0;
	font-size:100%;
	width:570px;
	height:auto;
	padding:5px;
	margin:0 auto;
    text-align:left;
	}
h2{
	width:570px;
	height:25px;
	color:#fff;
	background:url(../images/topic_title.gif) 0 0 no-repeat;
	text-indent:2em;
	font-size:100%;
	line-height:25px;
	}
table{
	text-align:left;
	}

div.article{
	font-size:100%;
	width:560px;
	clear:both;
	height:auto;
	margin-top:10px;
	}
	
/*-- construction list --*/	

div.construction_list{
	width:276px;
	height:auto;
	margin:0;
	padding:2px 2px;
	float:left;
	}

img.list_img{
	width:240px;
	height:auto;
	background-color:#FFF;
	border:1px #999 solid;
	padding:3px;
	margin:5px 10px;
	}

div.list_dt{
	width:135px;
	height:auto;
	float:right;
	font-size:80%;
	display:block;
	padding:3px;
	}

div.list_dt ul{
	float:right;
	width:140px;
	height:auto;
	list-style:none;
	}
h3.title_const_select{
	clear:both;
	width:560px;
	height:22px;
	line-height:22px;
	background:#F60;
	color:#fff;
	text-indent:1em;
	font-size:100%;
	}

h4.catch{
	width:270px;
	height:22px;
	line-height:22px;
	padding:0;
	font-size:100%;
	font-weight:bold;
	color:#009;
	margin-top:5px;
	clear:both;
	border-top:1px solid #F30;
	border-bottom:1px solid #F30;
	background:#FFD;
	}

p.list_capsion{
	padding-top:3px;
	height:auto;
	clear:both;
	}

p.link_detail{
	font-size:80%;
	width:100px;
	height:20px;
	margin:3px;
	float:right;
	display:block;
	}

	
/*-- constraction detail --*/

h3.dt_catch{
	background-color:#009;
	color:white;
	width:560px;
	height:22px;
	line-height:22px;
	font-size:100%;
	margin-top:5px;
	margin-bottom:5px;
	text-indent:1em;
	}

img.dt_top{
	width:316px;
	height:auto;
	border: 1px solid #999;
	padding:5px;
	margin-top:5px;
	float:left;
	clear:left;
	}
ul.construction_point{
	float:right;
	width:210px;
	height:auto;
	padding:3px;
	margin:5px;
	list-style:none;
	border:2px #F60 solid;
	background:#FFD;
	font-size:80%;
	clear:right;
	}

ul.construction_point li{
	margin:5px;
	}

img.dt_point{
	width:240px;
	margin:5px;
	border: 1px solid #999;
	clear:left;
	float:left;
	padding:5px;
	}

p.plan{
	float:right;
	width:216px;
	height:auto;
	margin:5px;
	background:#eee;
	clear:right;
	}

img.plan{
	width:216px;
}

div.closeup{
	width:270px;
	height:auto;
	float:right;
	margin:5px;
	font-size:80%;
	background:#ffd;
	border:solid #F60 2px;
	padding:5px;
	}

h4.carpenter{
	margin-bottom:5px;
	width:120px;
	height:30px;
	}
h4.before{
	width:275px;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
	height:30px;
	}

div.ba_before{
	width:560px;
	height:30px;
	line-height:30px;
}

div.article_detail_photo{
	width:275px;
	height:auto;
	float:left;
	}

div.dt_sample{
	width:280px;
	height:auto;
	vertical-align:top;
	float:left;
}

div.dt_explain{
	float:left;
	width:280px;
	height:auto;
	margin-top:3px;
	font-size:80%;
	padding:2px 0;
	}

p.dt_title{
	font-weight:bold;
	height:auto;
	}
	
p.dt_caption{
	height:auto;
	padding:2px 0;
	}
	
img.dt_img{
	width:240px;
	height:auto;
	background-color:#FFF;
	border:1px #999 solid;
	margin:5px;
	padding:5px;
	}
	
div.link_back{
	width:560px;
	height:25px;
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
	}

p.link_next{
	float:right;
	padding:5px;
	}