@charset "utf-8";
/* ---------------------- */
/*　productフォルダ用CSS　*/
/* ---------------------- */

/* ------ 商品一覧トップ ------ */

#widecontent .product {
	margin-bottom: 30px;
	text-align: left;
}

#widecontent .product ul {
	border: 1px solid #CDCDCD;
	background: #E6E6E6;
	padding: 9px;
	padding-left: 0px;
	height: 30px;
	margin-top: 20px;
}

#widecontent .product li {
	list-style: none;
	padding-left: 9px;
	display: block;
	float: left;
}

#concrete_index {
	border-left: 1px solid #673853;
	margin-top: 25px;
}

#concrete_index div {
	padding: 12px 0px 5px 15px;
	border-top: 1px dashed #673853;
}

#concrete_life {
	border-left: 1px solid #4F7852;
	margin-top: 25px;
}

#concrete_life div {
	padding: 12px 0px 5px 15px;
	border-top: 1px dashed #4F7852;
}

#concrete_spec {
	border-left: 1px solid #975B16;
	margin-top: 25px;
}

#concrete_spec div {
	padding: 12px 0px 5px 15px;
	border-top: 1px dashed #975B16
}

#concrete_index img.leftphoto,
#concrete_life img.leftphoto,
#concrete_spec img.leftphoto { padding: 0px; }

#concrete_index img.title,
#concrete_life img.title,
#concrete_spec img.title { padding: 0px 0px 5px 10px; margin: 0px; }


.rcworks {
	background: #F3F4F4;
	border: 1px solid #C7C8CA;
	padding: 12px;
	margin-bottom: 25px;
}

.rcworks img.photo {
	float: left;
	margin-left: 13px;
}

.rcworks .title { margin-bottom: 15px; }




/* ------ ここから商品一覧 ------ */

#navi h3.concrete,
#navi h3.wooden,
#navi h3.reform {
	display: block;
	width: 181px;
	height: 26px;
	text-indent: -5000px;
	margin-top: 15px;
}

h3.concrete { background: url(../product/images/navi_concrete.gif) no-repeat; }
h3.wooden { background: url(../product/images/navi_wooden.gif) no-repeat; }
h3.reform { background: url(../product/images/navi_reform.gif) no-repeat; }

ul.concrete {
	border: 1px solid #0D2B69;
	border-top: none;
	padding: 8px;
	height: 79px;
	background: url(../product/images/bg_navi_concrete.jpg) 1px 1px no-repeat;
	width: 163px;
}

ul.wooden {
	border: 1px solid #67443B;
	border-top: none;
	padding: 8px;
	width: 163px;
}

ul.reform {
	border: 1px solid #FFAE01;
	border-top: none;
	padding: 8px;
	width: 163px;
}

ul.concrete li,
ul.wooden li,
ul.reform li {
	list-style: none;
	background: url(../images/navi_listitem.gif) left no-repeat;
	padding-left: 10px;
	font-size: 12px;
	line-height: 1.5em;
	_line-height: 16px;
}

.product { margin-bottom: 25px; }



/* ------ ここから部分リフォーム ------ */

.characteristic {
	margin-top:10px;
}

.characteristic p {
	margin-left:13px;
}



/* ------ ここから100年コンクリート住宅 ------ */

.about_concrete { margin-top: 15px; }

.about_concrete div.left,
.about_concrete div.right {
	width: 290px;
	background: url(../product/images/bg_aboutconcrete.gif) bottom no-repeat;
}

.about_concrete .body { padding: 8px 12px 20px 12px; }

.about_concrete h2 {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 8px;
}

.about_concrete .leftphoto { margin-right: 10px; }

.about_concrete .rightphoto { margin-left: 10px; }

.rcz_certified {
	padding: 15px 25px;
	background: #FDF5E3;
	margin-top: 25px;
}

.rcz_certified .title { margin-bottom: 15px; }

.rcz_certified h3 {
	font-size: 12px;
	color: #385F09;
	margin-bottom: 10px;
	padding-top: 10px;
}


.spec { margin-bottom: 30px; }

.spec div.left,
.spec div.right { width: 290px; text-align: center; }

.spec img { margin-bottom: 25px; }

.spec_secret { margin-bottom: 15px; }

.spec_secret div {
	width: 190px;
	float: left;
	margin-left: 10px;
}

.spec_secret div.left { margin-left: 0px; }

.spec_secret h3 {
	font-size: 12px;
	margin: 8px 0px;
}

.life { margin-bottom: 25px; }

.life .title { margin-bottom: 20px; }

.life p { width: 360px; }



/* ------ ここから耐震補強 ------ */

#earthquake_image {
	width: 205px;
	float: right;
	margin-left: 25px;
}

#earthquake_image img { margin-bottom: 10px; }

.eqproof_halfcontent { margin-top: 25px; }

.eqproof_halfcontent div.left,
.eqproof_halfcontent div.right { width: 290px; }

.eqproof_badel div.left,
.eqproof_badel div.right { width: 290px; }

.eqproof_badexample { margin-top: 15px; }

.eqproof_badexample div {
	float: left;
	width: 190px;
	margin-left: 10px;
}

.eqproof_badexample img { margin-bottom: 5px; }

.eqproof_badexample div.left { margin-left: 0px; }

#eqroof_flow li {
	float: left;
	display: block;
	height: 250;
	list-style: none;
	padding-right: 28px;
	background: url(../product/images/eqproof_arrow.gif) 40px 106px no-repeat;
}

#eqroof_flow li.right { padding: 0px; }

#eqproof_base div.left { width: 145px; }
#eqproof_base div.right { width: 135px; }

#eqproof_base img { margin: 5px 0px; }

#eqproof_fd {
	background: #F5EED1;
	padding: 10px;
	margin-top: 10px;
}

#eqproof_fd div.left,
#eqproof_fd div.right { width: 130px; }

.eqproof_rfimage { margin-top: 15px; margin-bottom: 5px; }

.eqproof_rf p { color: #666666; font-size: 10px; }

.eqproof_halfcontent .eqproof_rf .left,
.eqproof_halfcontent .eqproof_rf .right { width: 135px; }

#eqproof_rfall {
	border: 1px solid #527817;
	padding: 10px 15px;
	margin-top: 40px;
	margin-bottom: 30px;
}

#eqproof_rfall h3 {
	font-size: 14px;
	margin-bottom: 5px;
	color: #527817;
}

#eqproof_certified { padding-bottom: 30px; }

#eqproof_certified .leftphoto { width: 210px; }
#eqproof_certified .exp { margin-bottom: 15px; }





/* ------ ここから木造住宅 ------ */

.wooden_exp { margin-bottom: 30px; }

.wooden_works {
	margin-bottom: 10px;
}

.wooden_works img {
	float: left;
	margin-left: 10px;
}

.wooden_works img.left { margin: 0px; }



/* ------ ここから部分リフォーム ------ */

.partreform {
	width: 560px;
	padding: 14px;
	border: 1px solid #CDCDCD;
	margin-bottom: 15px;
}

.partreform .title { margin-bottom: 14px; }

.partreform .leftphoto { padding: 0px; }

.partreform ul { margin-top: 20px; }

.partreform li {
	line-height: 1.5em;
	display: inline;
	_display: block;
	_float: left;
	white-space: nowrap;
	font-size: 12px;
	padding-left: 8px;
	background: url(../product/images/partreform_list.gif) left no-repeat;
	margin-right: 4px;
}

.reform_works div { width: 270px; }

.partreform_case { margin-top: 25px; }



/* ------ ここから外装リフォーム ------ */

.exr_caption {
	margin-bottom: 20px;
}

#roof_sample,
#wall_sample,
#gutter_sample {
	padding-bottom: 30px;
}

.coating_sample {
	width: 590px;
	border-collapse: collapse;
	border-top: 1px solid #BAC9A2;
	border-bottom: 1px solid #BAC9A2;
	margin-bottom: 30px;
}

.coating_sample th,
.coating_sample td {
	border-top: 1px solid #BAC9A2;
	border-bottom: 1px solid #BAC9A2;
	font-size: 12px;
	text-align: left;
}

.coating_sample th {
	padding-left: 15px;
	width: 105px;
}

.coating_sample td {
	line-height: 1.5em;
	padding: 8px 0px;
}

h3.coating_sample {
	font-size: 12px;
	color: #527817;
	border: none;
	margin-bottom: 5px;
}

#wallcoating_sample { margin: 0px; }

#roof_sample .exp,
#wall_sample .exp,
#gutter_sample .exp,
#roofcoating_sample .exp,
#wallcoating_sample .exp { margin-top: 2px; }

#roof_sample div,
#wall_sample div {
	width: 110px;
	float: left;
	margin-left: 10px;
	padding-bottom: 10px;
}

#gutter_sample div {
	width: 140px;
	float: left;
	margin-left: 10px;
}

#roof_sample div.left,
#wall_sample div.left,
#gutter_sample div.left { margin: 0px; }

a.exrtop {
	display: block;
	height: 30px;
}

a.exr {
	display: block;
	height: 30px;
	background: url(../product/images/reform_border.gif) top no-repeat;
}



/* ------ ここから内装リフォーム ------ */

.inr_caption { margin-bottom: 20px; }

.inr_caption img { padding: 0px; }

a.inr { height: 30px; display: block; }

#floor_sample,
#cloth_sample,
#mortar_sample {
	padding-bottom: 30px;
	background: url(../product/images/reform_border.gif) bottom no-repeat;
}

#floor_sample div {
	width: 286px;
	margin-bottom: 12px;
}

#floor_sample .exp,
#cloth_sample .exp,
#mortar_sample .exp { margin-top: 2px; }

#cloth_sample div,
#mortar_sample div {
	width: 140px;
	float: left;
	margin-left: 10px;
}

#mortar_sample div { margin-bottom: 12px; }

#cloth_sample div.left,
#mortar_sample div.left { margin: 0px; }



/* ------ ここから設備リフォーム ------ */

a.eqr {
	display: block;
	height: 30px;
}

a.eqborder {
	display: block;
	height: 31px;
	background: url(../product/images/reform_border.gif) top no-repeat;
}

.eqr_caption { margin-bottom: 40px; }

.equip_detail,
#bath_detail { margin-bottom: 30px; }

.equip_detail div {
	width: 135px;
	float: left;
	margin-left: 16px;
}

#bath_detail div {
	width: 190px;
	float: left;
	margin-left: 10px;
}

.equip_detail div.left,
#bath_detail div.left { margin: 0px; }

.equip_detail h3,
#bath_detail h3 {
	font-size: 10px;
	margin: 6px 0px;
}

.equip_detail p,
#bath_detail p { font-size: 10px; }

.equip_note {
	font-size: 10px;
	color: #666666;
	background: url(../product/images/reform_border.gif) top no-repeat;
	padding-top: 12px;
}