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

/*------------------------
/ 下層共通
/ paint 塗装
/ roof_wall 屋根・壁改修
/ water 水廻り
/ exterior 外装・エクステリア
/ interior 内装
/ reform 全面リフォーム
/ company 会社概要
/ privacy プライバシーポリシー
/ contact お問い合わせ
------------------------*/



/* --------------------------------------------------------------
下層共通
-------------------------------------------------------------- */
.result h4 {
	font-size: 14px;
	width: 642px;
	margin: 30px 0 0 0;
	padding: 3px 0 3px 30px;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../image/h4_icon.gif) 13px center no-repeat;
	background-color: #F6F6F6;
}
/*
page_img_area
--------------------------------------------*/
#page_img_area {
	/* -------------------------------
	borderありの場合
	height: 166px;
	------------------------------- */
	height: 161px;
	text-align: center;
	background: url(../image/subpage_imgbg.gif) 0 1px repeat-x;
}
#page_img_area .page_img {
	/*width: 920px;*/
	/* -------------------------------
	borderありの場合
	height: 160px;
	border-bottom: 4px solid #416CD2;
	------------------------------- */
	height: 159px;
	padding: 0 0 1px 0; 
}
/*
table デフォルト指定
--------------------------------------------*/
.main_conts table {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
}
/*
施工実例
--------------------------------------------*/
.main_conts .result {
	margin: 0 0 40px 6px;
}
.main_conts .result table {
	margin: 20px 0 0 0;
	width: 672px;
}
/* h4 使用時 */
.main_conts .result .table_h4 {
	margin: 10px 0 0 0;
}
.main_conts .result table th {
	font-weight: bold;
}
.main_conts .result table th .comment {
	padding: 3px 0 10px 0;
}
.main_conts .result table td .after {
	/*	width: 380px; */
	width: 354px;
	border: 1px solid #D4D4D4;
	padding: 12px 11px 12px 12px;
}
.main_conts .result table td .after .aft_img_c {
	width: 354px;
	text-align: center;
}
.main_conts .result table td .icon {
	/*width: 19px;*/
	width: 30px;
	text-align: center;
}
.main_conts .result table td .icon img {
	margin: 70px 0 0 0;
}
.main_conts .result table td .before {
	/* width: 263px; */
	width: 243px;
	border: 1px solid #D4D4D4;
	padding: 12px 9px 9px 9px;
}
.main_conts .result table td .before .bef_img_c {
	width: 243px;
	text-align: center;
}
.main_conts .result table td .result_img {
	margin: 6px 0 0 0;
}
/*
工事のポイント
--------------------------------------------*/
.main_conts .point {
	padding: 10px 0 20px 0;
}
.main_conts .point .title {
	border-bottom: 1px dotted #CCCCCC;
	color: #0012FF;
	font-weight: bold;
}
.main_conts .point .text_area {
	background-color: #F6F6F6;
	padding: 15px 15px 15px 15px;
	margin: 3px 0 25px 0;
}
/*
料金表
--------------------------------------------*/
.main_conts .price_list table {
	width: 685px;
	background-color: #D4D4D4;
}
.main_conts .price_list table .title {
	color: #000000;
	text-align: left;
	font-weight: normal;
	background-color: #EEEEEE;
}
.main_conts .price_list table .title_place {
	padding: 10px 10px 10px 50px;
}
.main_conts .price_list table th {
	width: 290px;
	padding: 10px 10px 10px 10px;
	background-color: #FBFBFB;
}
.main_conts .price_list table td {
	color: #FF0000;
	text-align: right;
	font-weight: bold;
	padding: 10px 240px 10px 10px;
	background-color: #FFFFFF;
}
/*
info_box
--------------------------------------------*/
.main_conts .info_area {
	clear: both;
	padding: 25px 0 20px 0;
	margin: 35px 0 0 0;
	border-top: 1px dotted #CCCCCC;
}
.main_conts .info_area .info_box {
	padding: 1px 1px 1px 1px;
	border: 1px solid #EEEEEE;
	margin: 0 0 20px 0;
}
.main_conts .info_area .info_box .title {
	font-size: 15px;
	font-weight: bold;
	padding: 4px 0 4px 14px;
	background-color: #EEEEEE;
}
.main_conts .info_area .info_box .text_area {
	padding: 16px 20px 16px 20px;
}
.main_conts .info_area .info_box .text_area ul {
	padding: 10px 0 0 0;
}
.main_conts .info_area .info_box .text_area ul li {
	font-size: 13px;
	line-height: 20px;
}
.main_conts .contact_from {
	display: block;
	width: 685px;
	height: 120px;
	background: url(../image/ba_form.gif) no-repeat;
}
.main_conts .contact_from p {
	font-size: 15px;
	letter-spacing: 0;
	padding: 10px 0 0 25px;
}
.main_conts .contact_from img {
	float: left;
	margin: 35px 0 0 30px;
}
.main_conts .contact_from a {
	float: right;
	margin: 35px 30px 0 0;
	display: block;
	width: 261px;
	height: 37px;
	background: url(../image/btm_off.gif) no-repeat;
}
.main_conts .contact_from a:hover {
	background: url(../image/btn_on.gif) no-repeat;
}
.main_conts .contact_from a span {
	display: none;
}



/* --------------------------------------------------------------
paint 塗装
-------------------------------------------------------------- */
#paint #page_img_area .page_img {
	background: url(../image/paint/page_img.jpg) center 1px no-repeat;
}



/* --------------------------------------------------------------
roof_wall 屋根・壁改修
-------------------------------------------------------------- */
#roof_wall #page_img_area .page_img {
	background: url(../image/roof_wall/page_img.jpg) center 1px no-repeat;
}



/* --------------------------------------------------------------
water 水廻り
-------------------------------------------------------------- */
#water #page_img_area .page_img {
	background: url(../image/water/page_img.jpg) center 1px no-repeat;
}
#water .big_banner table {
	width:656px;
	border: 1px solid #9AD2CC;
}
#water .big_banner table th {
	width:328px;
	padding: 20px 0 20px 7px;
	text-align: center;
	vertical-align: middle;
}
#water .big_banner table .text {
	width:328px;
	padding: 20px 7px 20px 0;
	text-align: left;
}
#water .big_banner table td {
	padding: 0 7px 7px 7px;
}
#water .big_banner table td span {
	font-weight: bold;
}
#water .small_banner table {
	width:670px;
	border: 1px solid #AFAFAF;
}
#water .small_banner table th {
	width:326px;
	height: 80px;
	padding: 20px 20px 20px 20px;
	text-align: center;
}
#water .small_banner table .text {
	width:296px;
	height: auto;
	padding: 0 10px 10px 20px;
	text-align: left;
}
#water .small_banner table td {
	width: 332px;
	padding: 1px 1px 1px 1px;
}



/* --------------------------------------------------------------
exterior 外装・エクステリア
-------------------------------------------------------------- */
#exterior #page_img_area .page_img {
	background: url(../image/exterior/page_img.jpg) center 1px no-repeat;
}



/* --------------------------------------------------------------
interior 内装
-------------------------------------------------------------- */
#interior #page_img_area .page_img {
	background: url(../image/interior/page_img.jpg) center 1px no-repeat;
}
#interior .main_conts .point img {
	vertical-align: text-bottom;
}
/*
#interior .main_conts .point {
	padding: 0 0 0 0;
	margin: 20px 0 40px 6px;
	width: 639px;
	height: 292px;
	background: url(../image/interior/point_bg.jpg) no-repeat;
}
#interior .main_conts .point .text {
	font-size: 12px;
	padding: 180px 30px 0 30px;
}
*/
#interior .main_conts .result table {
	margin: 10px 0 0 0;
}



/* --------------------------------------------------------------
reform 全面リフォーム
-------------------------------------------------------------- */
#reform #page_img_area .page_img {
	background: url(../image/reform/page_img.jpg) center 1px no-repeat;
}
#reform .main_conts .reform {
	padding: 15px 0 0 0;
	margin: 0 0 0 6px;
}
#reform .main_conts .reform img {
	margin: 0 0 15px 0;
}
#reform .main_conts .reform .place {
	padding: 15px 0 25px 0;
}



/* --------------------------------------------------------------
result 施工実例集
-------------------------------------------------------------- */
#result #page_img_area .page_img {
	background: url(../image/result/page_img.jpg) center 1px no-repeat;
}



/* --------------------------------------------------------------
company 会社概要
-------------------------------------------------------------- */
#company #page_img_area .page_img {
	background: url(../image/company/page_img.jpg) center 1px no-repeat;
}
#company .main_conts .company_deta table {
	width: 685px;
	margin: 0 0 40px 0;
	border-top: 1px dotted #CCCCCC;
}
#company .main_conts .company_deta table th {
	width: 120px;
	padding: 10px 0 10px 20px;
	background-color: #FBFBFB;
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: middle;
	font-size:13px;
}
#company .main_conts .company_deta table td {
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted #CCCCCC;
	font-weight:bold;
	font-size:14px;
}



/* --------------------------------------------------------------
privacy プライバシーポリシー
-------------------------------------------------------------- */
#privacy #page_img_area .page_img {
	background: url(../image/privacy/page_img.jpg) center 1px no-repeat;
}
#privacy .main_conts .privacy {
	width: 672px;
	margin: 0 0 0 6px;
}
#privacy .main_conts .privacy h4 {
	font-size: 14px;
	/*width: 642px;*/
	width: 642px;
	margin: 0 0 20px 0;
	padding: 3px 0 3px 30px;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../image/h4_icon.gif) 13px center no-repeat;
	background-color: #F6F6F6;
}
#privacy .main_conts .privacy .title {
	margin: 0 0 0 0;
	font-weight: bold;
}
#privacy .main_conts .privacy p {
	margin: 0 0 20px 0;
}
#privacy .main_conts .privacy ul {
	margin: 0 0 20px 0;
}



/* --------------------------------------------------------------
contact お問い合わせ
-------------------------------------------------------------- */
#contact #page_img_area .page_img {
	background: url(../image/contact/page_img.jpg) center 1px no-repeat;
}
#contact .main_conts .tel {
	width: 643px;
	background-color: #FBFBFB;
	border: 1px solid #EEEEEE;
	padding: 20px 20px 20px 20px;
	margin: 0 0 40px 0;
}
#contact .main_conts .tel p {
	margin: 0 0 10px 0;
}
#contact .main_conts .tel img {
	vertical-align: text-bottom;
}
#contact .main_conts .form table {
	width: 685px;
	margin: 0 0 40px 0;
	border-top: 1px dotted #CCCCCC;
}
#contact .main_conts .form table th {
	width: 170px;
	font-weight: bold;
	padding: 10px 10px 10px 20px;
	background-color: #FBFBFB;
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: middle;
}
#contact .main_conts .form table th span {
	color:#990000;
	font-size: 12px;
}
#contact .main_conts .form table td {
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted #CCCCCC;
}
#contact .main_conts .form table .name {
	width: 150px;
}
#contact .main_conts .form table .tel_num {
	width: 250px;
}
#contact .main_conts .form table .post_num {
	width: 150px;
}
#contact .main_conts .form table .address {
	width: 400px;
}
#contact .main_conts .form table .mail {
	width: 350px;
}
#contact .main_conts .form table .textarea {
	width: 400px;
}
#contact .main_conts .error {
	/*width: 685px;*/
	width: 653px;
	padding:  15px 15px 15px 15px;
	margin: 0 0 20px;
	border: 1px solid #FF0000;
	color: #FF0000;
}
#contact .main_conts .title {
	font-weight: bold;
	padding: 0 0 10px 0;
}
#contact .main_conts .thanks {
	margin: 30px 0 0 0;
	text-align: center;
}
#contact .main_conts .thanks p {
	font-size: 16px;
	/*font-weight: bold;*/
	padding: 0 0 15px 0;
}