/* CSS Document */

/* body
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	margin: 0px;
	padding: 0px;
	font: 12px "lr oSVbN", Osaka, "qMmpS Pro W3";
	text-align: left;
	line-height: 1.6em;
	letter-spacing: 2px;
}


h1, h2, h3, h4, h5, h6, ul, li, p { margin: 0px; padding: 0px; }

ul, li { list-style: none; }

img { border: none; }

.font_red { color: #FF0000; font-weight: bold; }


/* リンク
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a, a:hover  { text-decoration: none; color: #009933; }

h4 a, h4 a:hover { color: #669900; } /* h4 */

#sidebar a, #sidebar a:hover { color: #FFFFFF; } /* sidebar */


/* リスト
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* sidebar */
#sidebar ul li { min-height:32px; }

#sidebar ul li img { height: 32px; margin-left: 10px; padding: 0px; }

#sidebar ul ul { margin-left:34px; }
	
#sidebar ul ul li {list-style-type: disc; color: #FFFFFF; min-height: 20px; line-height: 20px; }

#sidebar ul ul, .comparing { margin-bottom: 10px; }

/* menu */
#menu li { float: left; margin-bottom: 5px; margin-top: 5px; }

/* サイトマップ */
#sitemap_body #main_box li {
	margin: 5px 0px 0px 40px;
	list-style-image: url(images/icon_c.gif);
	/*width: 160px;
	float: left;*/
}

/* 商品一覧（詳細） */
#inpurasu_body #goods_left_bottom li { 
	float: left;
	width:50px;
	margin-left: 8px;
	background: #FFCC66;
}


/* h3 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#main h3 {
	background-image: url(images/case_bg.gif);
	background-repeat: no-repeat;
	padding: 12px 0px 13px 28px;
	margin-bottom: 25px;
	font-size: 20px;
	color: #FFFFFF;
}


/* h4 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h4, #case_detail_body .report {
	font-size: 20px;
	color: #669900;
	width: 570px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #669900;
}

#case_body h4 { width: 480px; margin: 5px 0px 5px; border: none; }

#pricelist_body h4 { margin: 20px 0px 10px; }

#sitemap_body h4 { margin-top: 20px; border-bottom: none; width: 285px; }


/* h5
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#qa_body h5, #case_detail_body .case, #case_detail_body h5, #case_detail_body .bg_pink {
	height: 25px;
	padding: 7px 0px 0px 6px;
	background: #DCF8C9;
	font-weight: bold;
	font-size: 12px;
}

#qa_body h5 { font-size: 14px; width: 554px; margin-left: 10px; }

#sitemap_body h5 { font-size: 16px; margin: 10px 0px 10px 20px; }

#home_check_post_body h5, #contact_post_body h5, #home_check_error_body h5, #contact_error_body h5
	{ font-size: 14px; margin-bottom: 10px; }

#inpurasu_body h5, #supe-sia_body h5, #sekyuo_body h5, #electric_body h5, #door_bod h5 {
	margin: 15px 0px 15px;
	font-size: 20px;
	text-align: center;
}


/* テーブル
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 施工事例 */
#case_body table { border-bottom: 1px dotted #669900; }

#case_body table td, #case_view_body table td { width: 75px; }

/* 施工事例（詳細） */
#case_detail_body #detail_table th { padding-left: 10px; width: 100px; }

#case_detail_body .th_b, #company_body .th_b, #company_body .th_a { background: none; }

#case_detail_body #case_photo { width: 543px; margin: 10px 0px 20px 13px; }
#case_detail_body #case_photo th, #case_detail_body #case_photo td { width: 270px; text-align: center; }
#case_detail_body #case_photo td {
	background: #C8FFC8;
	height: 30px;
	}
#case_detail_body #case_photo th { height: 270px; }

#case_detail_body #case_befor, #case_detail_body #case_befor th, #case_detail_body #case_befor td {
	width: 272px;
	margin-left: 149px;
}
#case_detail_body #case_befor th {
	border: 1px solid #000000;
	height: 270px;
}
#case_detail_body #case_befor td {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #C8FFC8;

}

/* お悩み相談（詳細） */
#qa_body table, #case_detail_body table { margin: 10px 0px 10px 10px; width: 550px; }

#qa_body table .cell_text { width: 216px; padding-left: 10px; }

#detail_table td { border-right: 1px solid #000000; border-bottom: 1px solid #000000; }

.td_b { border-bottom: 1px solid #000000; border-right: 1px solid #000000; }

#td_e {
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
}

#td_d {
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#qa_table th { width: 25px; }
#qa_table td { width: 525px; }

#qa_body .th_e, #qa_body .th_b { /*background: #C8FFC8;*/ background: #DCF8C9; }

/* お悩み相談（トップページ） */
#trouble_body table { margin-top: 35px; width: 270px; }

#trouble_body table th {
	padding: 0px 8px 0px 8px;
	height: 105px;
	line-height: 1.4em;
	font-weight: normal;
	text-align: left;
}

/* 会社概要 */
#company_body table th, #company_body table td {
	padding: 5px;
	text-align: left;
	font-weight: normal;
}

#company_body .company_table td, #company_body .company_table th { padding-left: 0px; }

/* 沿革＋社長紹介 */
#outline_body table, #support_body table { width: 570px; margin: 10px 0px 20px; }

#outline_body table th, #outline_body table td { padding: 3px; font-weight: normal; }

/* 価格表 */
#pricelist_body table {
	width: 300px;
	margin: 5px 0px 10px;
	text-align: left;
}

#pricelist_body table td, #pricelist_body table th, 
#pricelist_body #price_table_b td, #pricelist_body #price_table_b th { 
	width: 148px;
	padding: 3px;
	font-weight: normal;
}

#pricelist_body #price_table_a, #pricelist_body #price_table_c { width: 570px; }

#pricelist_body #price_table_a { text-align: center; }

#pricelist_body #price_table_a th, #pricelist_body #price_table_a td { width:106px; }

#pricelist_body #price_table_b { width: 450px; text-align: center; }

#pricelist_body #price_table_c th { font-weight: normal; }

#pricelist_body table th { background: #D7FFD7; }

#pricelist_body table td {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

#pricelist_body .border_bottom { border-bottom: 1px solid #000000; }

#pricelist_body table #td_a { width: 100px; }

#td_b { border-top: 1px solid #000000; border-right: 1px solid#000000; }

#pricelist_body table #td_c { width: 328px; }

/* 価格表（インプラス） */
#pricelist_inpurasu_body table { width: 534px; margin: 10px 7px 5px; text-align: center; }

#pricelist_inpurasu_body table th, #pricelist_in_body table td {
	width: 36px;
	font-weight: normal;
	padding: 2px;
}

#pricelist_inpurasu_body table td { 
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

#pricelist_inpurasu_body #pricce_table { width: 493px; margin-top: 10px; text-align: center; }

.th_a { 
	background: #C8FFC8;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.th_b { 
	background: #FFFF99;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.th_c { border: 1px solid #000000; }

.th_d, .th_e {
	background: #C8FFC8;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}

.th_e { background: #FFFF99; border-bottom: 1px solid #000000; }

/* 簡単お家の診断、お問い合わせ */
#home_check_body table, #home_check_preview_body table, #home_check_error_body table, #home_check_post_body table, 
#contact_body table, #contact_preview_body table, #contact_error_body table, #contact_post_body table {
	width: 570px;
	margin: 10px 0px 10px;
}

#home_check_body table th, #home_check_preview_body table th, #home_check_error_body table th, #home_check_post_body table th, 
#contact_body table th, #contact_preview_body table th, #contact_error_body table th, #contact_post_body table th {
	width: 208px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 10px;
}

#home_check_body table td, #home_check_preview_body table td, #home_check_error_body table td, #home_check_post_body table td, 
#contact_body table td, #contact_preview_body table td, #contact_error_body table td, #contact_post_body table td { width: 350px; padding-bottom: 10px; }

body#home_check_body #thimg th {text-align:right;}
body#home_check_body #thimg #thimg {text-align:left;}
body#home_check_body #thimg th img {padding-right:50px;}


/* box 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#box { width: 800px; margin: 0px auto; }


/* header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header{
	border: none;
	width: 800px;
	height: 276px;
	background-image: url(images/header_bg.gif);
	background-repeat: no-repeat;
}

.logo { margin: 8px auto auto 37px; float: left; }

.inquiry_tel { float: right; margin: 10px 43px; }

.inquiry {
	float: right;
	clear: both;
	margin: 147px 108px 0px;
}

/* IE 6.0 */
*html .logo { margin: 23px auto auto 20px; float: left; }

*html .inquiry_tel { float: right; margin: 10px 20px; }

*html .inquiry { margin: 150px 55px 0px; }
/* IE 6.0 */


/* border 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#border { clear: both; margin-left: 10px; }

/* campaign */
#campaign { margin: 8px 10px 0px; }

#campaign_body .campaign_text { margin: 5px 30px 5px 150px; } 

/* sidebar */
#sidebar {
	background: #FF99CC;
	width: 180px;
	/*position: relative;*/
	text-align: left;
	float: left;
	padding-top: 10px;
	line-height: 0px;
}

#sidebar img { border-top: 1px solid #FFFFFF; margin-left: 10px; }

/* search */
#search { margin: 10px 5px 10px 5px; text-align: right; line-height: normal; }

.search_text { text-align: left; }

/* container */
#container {
	width: 780px;
	margin: 8px 10px 8px 10px;
	float: left;
	background:url(images/bg.gif) repeat-y;
}

*html #container {
	width: 780px;
	margin: 8px 0px 8px 5px;
	float: left;
	background:url(images/bg.gif) repeat-y;
} /* IE 6.0 */

/* main */
#main {
	background: #FFFFFF;
	width: 590px;
	float: right;
}

*html #main {
	background: #FFFFFF;
	width: 590px;
	float: right;
} /* IE 6.0 */

#main.main_top { text-align: right; }

*html #main.main_top { text-align: right; }

.text_right { text-align: right; padding-right: 5px; }

.detail_link { margin: 10px 15px 20px; text-align: right; }

/* index_body */
/* menu */
#menu {
	background: #FFFFFF;
	clear: both;
	margin: 8px 0px 0px 10px;
}

.menu_center { margin: 0px 15px 0px 15px; }

/* main_box */
#main_box { margin: 0px 10px 0px 10px; width: 570px; }

/* case_body */

.text_link { margin: 10px 0px 10px 20px; }

#case_body .text_link { margin: 10px 0px 0px 20px; }

#case_body .photo_view { margin: 10px 0px 0px 20px; border: none; }

#case_body .photo_right, #case_view_body .photo_right { width: 70px; }

#case_body .text_top { margin-right: 15px; }

.text_top {
	text-align: right;
	font-size: 10px;
	padding:  0px 10px 5px;
}


/* qa_body */
.text { margin: 10px 0px 10px; }

.cell_text { width: 380px; padding: 0px 10px 0px 10px; }

.goods_link { margin: 20px; text-align: center; }

.accentuation { font-size: 14px; color:#FF0000; font-weight: bold; }

#qa_body #main .photo_list { float: left; margin: 20px 0px 20px 26px; }

#qa_body .text_center { text-align: center; margin-top: 20px; }


/* trouble_body */
.trouble_box {
	background-repeat: no-repeat;
	width: 270px;
	height: 170px;
	float: left;
	margin: 0px 0px 13px 13px;
}

#trouble_body table img { margin-right: 13px; }

.image { text-align: center; margin: 5px 0px 5px; }

#case_detail_body .cell_text { padding: 5px 10px 5px 10px; width: 370px; }

#case_detail_body .case, #case_detail_body .bg_pink { margin: 10px 0px 20px 10px; width: 545px; }

#case_detail_body .bg_pink { background: #FFCCCC; margin-bottom: 0px; }

#case_detail_body .text, #qa_body .text { margin: 10px 10px 10px 10px; }

#case_detail_body .report {
	background: none;
	border-bottom: 1px dotted #669900;
	width: 550px;
	margin: 10px 0px 10px 10px;
	padding: 0px;
}

/* company_body */
#company_body .text { margin: 10px 0px 20px 5px; }

#company {
	width: 300px;
	text-align: center;
	border: 2px dotted #0099FF;
	color: #0000FF;
	margin-left: 133px;
	background: #E6F2FF;
}

/* outline_body */
#outline_body .cell_text { width: 380px; padding: 0px 20px 0px 20px; }

/* support_body */
.support_img { width: 530px; margin: 20px 20px; text-align: center; }

#support_body .cell_text { width: 290px; padding: 0px 10px 0px 10px; }

/* pricelist_body */
.border_top { border-top: 1px solid #000000; }

/* inpurasu_body,supe-sia_body,sekyuo_body,electric_body,door_body */

#goods_left_top, #goods_right_top, #goods_center, #goods_left_bottom, #goods_right_bottom {
	width: 180px;
	float: left;
	border: 1px solid #333333;
	padding: 5px;
}

#goods_right_top, #goods_right_bottom { margin-left: 176px; }

#goods_center { margin-left: 179px; }

#goods_arrow_a, #goods_arrow_b, #goods_arrow_c, #goods_arrow_d { width: 40px; float: left; }

#goods_arrow_a, #goods_arrow_c { margin-left: 170px; }

#goods_arrow_b, #goods_arrow_d { margin-left: 150px; }

.text_center { text-align: center; margin-top: 50px; } 

.border_bottom { border-bottom: 1px solid #3399FF; }


/* area_body */
.area_img { width: 530px; margin: 20px; }


/* footer */
#footer {
	clear: both;
	height: 25px;
	margin: 0px 10px 10px;
}
#supesia_img {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

/* y_sp */
#t_01 {
	float: left;
	margin: 0px;
	padding: 0px;
}
#t_02 {
	float: left;
	margin: 0px;
	width: 481px;
	padding: 0px;
}
#t_03 {
	float: left;
	margin: 0px;
	width: 250px;
	text-align: center;
	height: 195px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#p_01 {
	font-size: 36px;
	font-weight: bolder;
	color: #36B596;
	float: left;
	margin-right: 10px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: normal;
}
#p_02 {
	font-size: 18px;
	font-weight: bold;
	color: #36B596;
	float: left;
	text-align: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#p_03 {
	clear: left;
	width: 400px;
	padding-left: 30px;
	text-align: left;
	font-size: 12px;
	color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#space {
	clear:left;
	margin: 0px;
	padding: 0px;
}
#hr {
	padding: 0px;
	background-color: #9ADACA;
	height: 2px;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: center;
}
#p_04 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding: 0px;
	margin: 0px;
}
#p_05 {
	font-size: 24px;
	font-weight: bolder;
	color: #36B596;
	padding: 0px;
	margin: 0px;
}
#p_06 {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	padding: 0px;
	margin: 0px;
}

#sp_01 {
	background-image: url(goods/images/spacia_04.gif);
	background-repeat: repeat-y;
	width: 570px;
	margin: 0px;
	padding: 0px;
}
#sp_02 {
	width: 320px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 50px;
	float: left;
}
#sp_03 {
	margin: 0px;
	float: none;
	font-size: 12px;
	color: #333333;
	padding: 0px;
	line-height: normal;
	text-align: left;
}
#sp_04 {
	margin: 0px;
	float: none;
	font-size: 9px;
	color: #FF00FF;
	padding: 0px;
	line-height: normal;
	text-align: left;
}
#sp_05 {
	margin: 0px;
	padding: 0px;
}
#sp_06 {
	margin: 0px;
	padding: 0px;
	clear: left;
}
#sp_07 {
	width: 233px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 50px;
	float: left;
}
#sp_08 {
	background-image: url(goods/images/spacia_21.gif);
	background-repeat: repeat-y;
	width: 570px;
	margin: 0px;
	padding: 0px;
}
#sp_09 {
	background-image: url(goods/images/spacia_22.gif);
	background-repeat: repeat-y;
	width: 570px;
	margin: 0px;
	padding: 0px;
}
#sp_10 {
	width: 228px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 50px;
	float: left;
}
#sp_11 {
	margin: 0px;
	float: none;
	font-size: 14px;
	color: #333333;
	padding: 0px;
	text-align: right;
	font-weight: bold;
}
#sp_12 {
	background-image: url(goods/images/spacia_25.gif);
	background-repeat: repeat-y;
	width: 570px;
	margin: 0px;
	padding: 0px;
}
#sp_13 {
	width: 224px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 50px;
	float: left;
}
#se_01 {
	margin: 0px;
	padding: 0px;
	float: left;
}
#se_02 {
	margin: 0px;
	padding: 10px;
	float: left;
	width: 392px;
}
#se_03 {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	color: #666666;
}
#li_01 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #666666;
}
#se_04 {
	margin: 0px;
	padding: 0px;
	clear: left;
}
#se_05 {
	margin: 0px;
	padding: 0px;
}
#se_06 {
	margin: 0px;
	padding: 0px;
	width: 570px;
}