@import url("base.css");

/*-----------------------------------
	レイアウト
-----------------------------------*/
/*-----------------------------------
	共通
-----------------------------------*/
/*コンテンツ*/
#contents{
	width:720px;
}
/*ヘッダー*/
#contents .title_wrapper{
	padding:5px 0 11px;
	width:720px;
	height:100%;
	background:url(../img/base/dot_3.gif) bottom repeat-x;
}
#contents .title_wrapper .title{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	float:left;
}
#contents .title_wrapper .page_back{
	float:right;
}
/*-----------------------------------
	建替・リフォームのご相談
-----------------------------------*/
/*ヘッダー*/
#contents .reform_header{
	width:692px;
	height:113px;
	margin:10px 0 14px;
	padding-top:17px;
	padding-left:28px;
	background:url(../img/reform/index/header_bg.jpg) top left no-repeat;
}
/*前書き*/
#contents .reform_preface{
	padding-bottom:20px;
}
#contents .reform_preface dd{
	background:url(../img/reform/index/perface_bg.jpg) top right no-repeat;
}
#contents .reform_preface ul li{
	line-height:20px;
	padding-bottom:20px;
}
/*リフォーム*/
#contents .subtitle_reform{
	width:698px;
	height:20px;
	padding-top:10px;
	padding-left:22px;
	color:#333333;
	background:url(../img/reform/index/title_reform_bg.gif) top left no-repeat;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}
/*サブカテゴリータイトル*/
#contents .sub_category{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding-bottom:6px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
#contents .sub_reform_wrapper{
	padding-top:8px;
}
#contents .sub_reform_wrapper .subtitle_reform_header{
	padding-bottom:44px;
}
/*リフォームのポイント*/
#contents .sub_reform_wrapper .reform_point_text{
	padding-top:15px;
}
#contents .sub_reform_wrapper .reform_point{
	padding-bottom:55px;
	line-height:20px;
	height:100%;
}
#contents .sub_reform_wrapper .reform_point1{
	padding-right:22px;
	float:left;
}
#contents .sub_reform_wrapper .reform_point1 .details{
	width:191px;
	padding:0px 12px 0px;
	height:66px;
	background-color:#FFE5CC;
	border:solid #FFCC99 5px;
	border-top:none;
}
#contents .sub_reform_wrapper .reform_point2{
	padding-right:22px;
	float:left;
}
#contents .sub_reform_wrapper .reform_point2 .details{
	width:192px;
	padding:0px 12px 0px;
	height:66px;
	background-color:#E8F4D1;
	border:solid #D1E9A3 5px;
	border-top:none;
}
#contents .sub_reform_wrapper .reform_point3{
	float:left;
}
#contents .sub_reform_wrapper .reform_point3 .details{
	width:191px;
	padding:0px 12px 0px;
	height:66px;
	background-color:#CCECF4;
	border:solid #99D9E8 5px;
	border-top:none;
}
/*施工例*/
#contents .sub_reform_wrapper .contst{
	padding-bottom:36px;
}
#contents .sub_reform_wrapper .const_title{
	padding-top:8px;
}
#contents .sub_reform_wrapper .const_box{
	margin-bottom:16px;
	border:solid 1px #E6E6E6;
}
#contents .sub_reform_wrapper .const_box .details{
	width:190px;
	height:175px;
	padding-top:67px;
	padding-left:12px;
	padding-right:16px;
	line-height:20px;
	float:right;
	background:url(../img/reform/index/construction_point_bg.jpg) top left no-repeat;
}
/*建替*/
#contents .subtitle_build{
	width:698px;
	height:20px;
	padding-top:10px;
	padding-left:22px;
	color:#333333;
	background:url(../img/reform/index/title_build_bg.gif) top left no-repeat;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}
#contents .sub_build_wrapper{
	padding-top:4px;
}
#contents .sub_build_wrapper .sub_build_header{
	line-height:20px;
	padding-bottom:12px;
}
/*建替例タイトル*/
#contents .sub_build_wrapper .build_title{
	padding-top:12px;
}
/*建替例*/
/*Case1*/
#contents .sub_build_wrapper .build_example1{
	padding-bottom:31px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
#contents .sub_build_wrapper .build_example1 dl{
	width:718px;
	padding:11px 0 13px;
	border:solid 1px #E6E6E6;
}
#contents .sub_build_wrapper .build_example1 dt{
	width:600px;
	margin:auto;
}
#contents .sub_build_wrapper .build_example1 dd{
	width:590px;
	margin:auto;
	padding-bottom:14px;
	text-align:center;
	border:solid #E5E5E5 5px;
	border-top:none;
}
/*Case2*/
#contents .sub_build_wrapper .build_example2{
	display:inline-block;
	padding-bottom:46px;
}
#contents .sub_build_wrapper ul.build_example2 li{
	margin-right:20px;
	border:solid 5px #DFE7FC;
	line-height:0;
	float:left;
}
/*建替スケジュール*/
#contents .sub_build_wrapper .build_schedule{
	display:inline-block;
	padding-bottom:16px;
}
#contents .sub_build_wrapper .build_schedule li{
	line-height:0;
	float:left;
}