/* CSS Document */

@charset "utf-8";

* {
	margin:0px;
	padding:0px;
}

body {
	margin:0px;
	padding:0px;
	background: url(../img/body_bg.jpg) left top;
	text-align:center;
	font-size:15px;
	line-height:22px;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color:#333333;
}

#wrapper {
	width:910px;
	position:relative;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	background:url(../img/wrapper_bg.jpg) left top repeat-y;
	display:table;
}

#header {
	width:910px;
	float:left;
	clear:both;
}

	#header .header_l {
		width:220px;
		float:left;
	}

	#header h1 {
		width:220px;
		height:150px;
		float:left;
		clear:both;
		font-size:12px;
		line-height:20px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		margin:0;
		padding:0;
	}

	#header h2 {
		width:220px;
		height:83px;
		float:left;
		clear:both;
		font-size:12px;
		line-height:20px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		margin:0;
		padding:0;
	}

	#header .header_r {
		width:690px;
		float:right;
	}

	#header .header_r_container {
		width:690px;
		float:left;
		clear:both;
	}

	/* IE6用ハック */
	*html #header .header_r_container_b {
		width:690px;
		height:23px;
		float:left;
		clear:both;
		margin:-2px 0 0 0;
		padding:0;
		background:#009900;
	}

	#header .header_r_container_b {
		width:690px;
		height:23px;
		float:left;
		clear:both;
		margin:0;
		padding:0;
	}

	#header .gnavi_l {
		width:458px;
		float:left;
	}

	#header .gnavi_r {
		width:232px;
		float:right;
	}

	#header .hnavi_l {
		width:320px;
		float:left;
	}

	#header .hnavi_r {
		width:370px;
		float:right;
	}

	#header .font_size {
		width:232px;
		height:39px;
		background:url(../img/header_size_l.jpg) no-repeat left top;
	}

#c_container {
	width:910px;
	float:left;
	clear:both;
	display:table;
}

#navi {
	width:220px;
	float:left;
	background:url(../img/navi_bg.gif) left top;
}

	#navi dl {
		width:200px;
		float:left;
		clear:both;
		padding:5px 10px 15px 10px;
		list-style:none;
	}

	#navi dt {
		width:200px;
		padding:5px 0 3px 0;
		border-bottom:1px #663300 dashed;
		float:left;
		clear:both;
	}

	#navi .dt_now {
		width:182px;
		padding:5px 0 3px 18px;
		background:url(../img/snavi_icon_on.gif) left 7px no-repeat;
		color:#663300;
		font-weight:bold;
	}

	#navi dt a {
		width:182px;
		padding:0 0 0 18px;
		background:url(../img/snavi_icon_off.gif) left 1px no-repeat;
		color:#333333;
		text-decoration:none;
	}

	#navi dt a:hover {
		width:182px;
		padding:0 0 0 18px;
		background:url(../img/snavi_icon_on.gif) left 1px no-repeat;
		color:#663300;
		text-decoration:none;
		font-weight:bold;
	}

	#navi dd {
		width:182px;
		margin:0 0 0 18px;
		padding:5px 0 3px 0;
		border-bottom:1px #663300 dashed;
		float:left;
		clear:both;
		display:inline;
	}

	#navi .dd_now {
		width:164px;
		padding:5px 0 3px 18px;
		background:url(../img/snavi_icon_on.gif) left 7px no-repeat;
		color:#663300;
		font-weight:bold;
	}

	#navi dd a {
		width:164px;
		padding:0 0 0 18px;
		background:url(../img/snavi_icon_off.gif) left 1px no-repeat;
		color:#333333;
		text-decoration:none;
	}

	#navi dd a:hover {
		width:164px;
		padding:0 0 0 18px;
		background:url(../img/snavi_icon_on.gif) left 1px no-repeat;
		color:#663300;
		text-decoration:none;
		font-weight:bold;
	}

	#navi .dd_s {
		width:164px;
		margin:0 0 0 36px;
		padding:5px 0 3px 0;
		float:left;
		clear:both;
		display:inline;
	}

	#navi .observation {
		width:200px;
		float:left;
		clear:both;
		padding:0 10px 20px 10px;
		font-size:11px;
		line-height:14px;
	}

	#navi .observation img {
		width:200px;
		padding:3px 0 0 0;
	}

	#navi .banner {
		width:200px;
		float:left;
		clear:both;
		padding:20px 10px;
	}

	#navi .banner img {
		width:200px;
		height:60px;
		padding:0 0 5px 0;
		float:left;
		clear:both;
	}

#conteiner {
	width:690px;
	float:right;
	background:url(../img/contents_bg.gif) left top repeat-y;
}

	.topics_path {
		width:665px;
		height:22px;
		float:left;
		clear:both;
		background:url(../img/topic_path_bg.gif) left top no-repeat;
		padding:4px 0 0 25px;
		font-size:11px;
		line-height:18px;
	}

	.topics_path a {
		color:#333333;
		text-decoration:none;
	}

	.topics_path a:hover {
		color:#990000;
		text-decoration:none;
	}

	.contents {
		width:665px;
		float:left;
		clear:both;
		padding:10px 0 20px 25px;
	}

	.contents .h3_img {
		width:665px;
		margin:0;
		padding:0;
		float:left;
		clear:both;
		display:inline;
	}		

	.contents .h3_text {
		font-size:16px;
		line-height:20px;
		font-weight:bold;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		width:595px;
		height:35px;
		background:url(../img/h3_bg.gif) left top no-repeat;
		margin:10px 0 0 0;
		padding:10px 0 0 55px;
		float:left;
		clear:both;
		color:#663300;
		display:inline;
	}		

	.contents .c_subtitile {
		width:595px;
		height:26px;
		margin:15px 0 5px 0;
		padding:2px 0 0 55px;
		background:url(../img/subtitile_bg.gif) left top no-repeat;
		color:#663300;
		font-size:16px;
		line-height:20px;
		font-weight:bold;
		float:left;
		clear:both;
		display:inline;
	}

	.contents .r_sscat_title {
		width:650px;
		height:28px;
		margin:15px 0 5px 0;
		padding:9px 0 0 0;
		background:url(../img/r_sscat_bg.gif) left top no-repeat;
		color:#006600;
		font-size:16px;
		line-height:20px;
		font-weight:bold;
		float:left;
		clear:both;
		display:inline;
	}

	.contents h4 {
		width:650px;
		border-bottom:1px dashed #663300;
		color:#663300;
		font-size:16px;
		line-height:20px;
		font-weight:bold;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		margin:20px 15px 0 0;
		padding:0 0 3px 0;
		float:left;
		clear:both;
		display:inline;
	}

	.contents .text_box {
		width:650px;
		padding:15px 15px 10px 0;
		float:left;
		clear:both;
	}

	.contents .text_box img {
		float:left;
		margin:0 5px 5px 0;
		border:none;
	}

	.contents .text_box ul {
		width:630px;
		margin:0;
		padding:0 0 0 20px;
		float:left;
		clear:both;
	}

	.contents .text_box ol {
		width:630px;
		margin:0;
		padding:0 0 0 20px;
		float:left;
		clear:both;
	}

	.contents .text_box li {
		width:630px;
		margin:0;
		padding:0;
	}

	.contents .entrybodytitle {
		width:646px;
		background-color:#996600;
		color:#FFFFFF;
		font-weight:bold;
		float:left;
		clear:both;
		padding:2px;
		text-align:center;
	}

	.contents .text_box hr {
		width:650px;
		margin:10px 0;
		padding:5px 0;
		float:left;
		clear:both;
		display:inline;
		border-top:1px #999999 solid;
		border-bottom:none;
		border-left:none;
		border-right:none;
	}

	.contents .text_box a {
		color:#990000;
		text-decoration:none;
	}

	.contents .text_box a:hover {
		color:#996600;
		text-decoration:none;
	}

	/*エディタテンプレート使用時用の設定*/
	#template_wrap {
		float:left;
		clear:both;
	}


		#template_left {
			float:left;
			width:320px;
			margin:0 10px 0 0;
		}
	
		#template_left img {
			float:none;
		}
	
		#template_right {
			float:right;
			width:320px;
		}
	
		#template_right img {
			float:none;
		}
	

	.contents p {
		width:650px;
		margin:0;
		padding:0;
		float:left;
		clear:both;
	}

	.contents .title_dia {
		color:#663300;
		width:650px;
		float:left;
		clear:both;
	}

	.contents .photo_2part_box {
		width:650px;
		float:left;
		clear:both;
	}

	.contents .photo_2part {
		width:325px;
		float:left;
	}

	.contents .photo_2part_cap {
		width:315px;
		float:left;
	}

	.contents .case_box {
		width:650px;
		padding:15px 15px 10px 0;
		float:left;
		clear:both;
	}

	.contents .case_conteiner {
		width:650px;
		padding:10px 0 0 0;
		float:left;
		clear:both;
		text-align:center;
		color:#663300;
		font-size:12px;
	}

	.contents .case_conteiner img {
		margin:0 0 3px 0;
	}

	.contents .case_conteiner .case_n_img {
		width:155px;
		padding:0 10px 0 0;
		float:left;
	}

	.contents .case_conteiner .case_r_img {
		width:155px;
		padding:0;
		float:left;
	}

	.footer_navi {
		width:650px;
		margin:0 15px 0 25px;
		padding:10px 0 30px 0;
		float:left;
		clear:both;
		display:inline;
		background:url(../img/con_fnavi_line.gif) left top no-repeat;
	}

	.footer_navi_l {
		width:300px;
		float:left;
	}

	.footer_navi_l img {
		padding:0 3px 0 0;
		vertical-align:middle;
	}

	.footer_navi_r {
		width:300px;
		float:right;
		text-align:right;
	}

	.footer_navi_r img {
		padding:0 0 0 3px;
		vertical-align:middle;
	}

	.footer_navi a {
		color:#333333;
		text-decoration:none;
	}

	.footer_navi a:hover {
		color:#990000;
		text-decoration:none;
	}

#footer {
	width:930px;
	height:58px;
	position:relative;
	margin:0 auto;
	padding:22px 0 0 0;
	background:url(../img/footer_bg.jpg) left top no-repeat;
	text-align:center;
	font-size:11px;
	line-height:18px;
}

/* リフォーム実例ページ テンプレート用 */

.reform_example_title {
	color:#663300;
	width:650px;
	float:left;
	clear:both;
	padding:0 0 10px 0;
}

.reform_example_text {
	width:650px;
	float:left;
	clear:both;
	padding:0 0 15px 0;
}

.reform_example_header {
	width:315px;
	float:left;
	clear:both;
	padding:3px 0;
	text-align:center;
	color:#663300;
	font-weight:bold;
}

/* 3カラム テンプレート用 */

.column3_box {
	width:650px;
	float:left;
	clear:both;
	padding:0 0 15px 0;
}

.column3_box_l {
	width:210px;
	float:left;
	padding:0 10px 0 0;
}

.column3_box_r {
	width:210px;
	float:left;
}

/* 3カラム（ボーダー付き） テンプレート用 */

.column3_b_box_l {
	width:188px;
	float:left;
	margin:0 10px 0 0;
	padding:10px;
	_padding:10px 5px 10px 10px;
	border:1px solid #999999;
}

.column3_b_box_r {
	width:188px;
	float:left;
	padding:10px;
	_padding:10px 5px 10px 10px;
	border:1px solid #999999;
}

.column3_header {
	width:188px;
	padding:0 0 5px 0;
	text-align:center;
	color:#663300;
	font-weight:bold;
}

/* カテゴリインデックスボトムナビ */

.cat_bottom {
	width:650px;
	padding:15px 15px 10px 0;
	float:left;
	clear:both;
}

.cat_bottom_3part {
	width:210px;
	padding:0 10px 0 0;
	float:left;
}

.cat_bottom_3part_r {
	width:210px;
	padding:0;
	float:left;
}

.cat_bottom_2part_l {
	width:325px;
	float:left;
}

.cat_bottom_2part_r {
	width:325px;
	float:right;
}

.cat_bottom_navi_box {
	width:650px;
	padding:0 15px 10px 0;
	float:left;
	clear:both;
}

.cat_bottom_navi6 {
	width:100px;
	padding:0 10px 0 0;
	float:left;
}

.cat_bottom_navi6_r {
	width:100px;
	float:left;
}

.cat_bottom_navi5 {
	width:122px;
	padding:0 10px 0 0;
	float:left;
}

.cat_bottom_navi5_r {
	width:122px;
	float:left;
}

.cat_bottom ul {
	width:635px;
	padding:10px 0 5px 15px;
	float:left;
	clear:both;
	list-style:none;
}

.cat_bottom li {
	border-bottom:1px #666666 dashed;
	padding:3px 0 2px 0;
}

.cat_bottom li a {
	color:#333333;
	text-decoration:none;
}

.cat_bottom li a:hover {
	color:#336633;
	text-decoration:none;
}

.cat_bottom .con_date {
	color:#666666;
}

/* リフォームの施工例 */

.rcase_box {
	width:206px;
	margin:20px 10px 15px 0;
	float:left;
	display:inline;
}

.rcase_title {
	width:206px;
	color:#FFFFFF;
	background:#006600;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	padding:3px 0;
	float:left;
	clear:both;
	text-align:center;
}

.rcase_img {
	width:206px;
	padding:10px 0;
	float:left;
	clear:both;
}

.rcase_link {
	width:204px;
	float:left;
	clear:both;
	border:1px solid #990000;
	font-size:14px;
	line-height:16px;
	text-align:center;
}

.rcase_link a {
	width:198px;
	padding:3px;
	background:#FFFFFF;
	text-decoration:none;
	color:#990000;
	display:block;
}

.rcase_link a:hover {
	width:198px;
	padding:3px;
	background:#990000;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
}

/* 会社概要テーブル */

.regular_table {
	width:560px;
	border:0;
	margin:0;
	padding:0;
}

.regular_table th {
	width:112px;
	background:url(../img/th_bg.gif) left top no-repeat;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
	font-weight:normal;
	padding:0 0 8px 8px;
}

.regular_table td {
	vertical-align:top;
	padding:0 0 8px 0;
}

/* イメージをセンター寄せするとき */

#img_center {
	float:none;
}