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


body {
	margin:0;
	padding:0;
	color:#666666;
	font-size:0.9em;
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;
	background:url(../img/body_bg_head.gif) #ffffff repeat-x top left;
	}
	
img {
	border:none;
	vertical-align:top;
	}
	
a {
	color:#3366CC;
	text-decoration:none;
	}
	
a:hover {
	color:#66CCFF;
	}
	
h1 {
	font-size:0.7em;
	font-weight:normal;
	color:#ffffff;
	margin:0;
	padding:0 0 0 20px;
	line-height:18px;
	}
	
#wrapper {
	width:820px;
	margin:0 auto;
	}
	
#header {
	width:820px;
	height:140px;
	padding:0;
	}
	
#headerBox {
	width:800px;
	height:82px;
	padding:0 10px;
	background:url(../img/header_bg.jpg) no-repeat bottom left;
	}
	
#headerBtn {
	float:right;
	}
	
#headerBtn img {
	float:right;
	}
	
#headerBox02 {
	float:left;
	width:200px;
	padding:10px;
	}
	
#searchBox {
	float:right;
	width:200px;
	margin:0;
	padding:10px 0 0 0;
	}
	
#searchBox form {
	margin:0;
	padding:0;
	height:17px;
	}
	
#searchText {
	line-height:20px;
	background:url(../img/search_icon.gif) no-repeat top left;
	font-size:0.8em;
	font-weight:bold;
	padding:0 0 0 20px;
	}
	
#headNavi {
	width:800px;
	height:40px;
	padding:0 10px;
	background:url(../img/head_navi_bg.gif) no-repeat top left;
	}
	
#headNavi ul {
	margin:0;
	padding:0;
	}
	
#headNavi li {
	list-style:none;
	float:left;
	display:block;
	}
	
#headNavi li.navi01 img {background:url(../img/head_navi01.gif) no-repeat top left;}
#headNavi li.navi02 img {background:url(../img/head_navi02.gif) no-repeat top left;}
#headNavi li.navi03 img {background:url(../img/head_navi03.gif) no-repeat top left;}
#headNavi li.navi04 img {background:url(../img/head_navi04.gif) no-repeat top left;}

#pan {
	font-size:0.7em;
	height:20px;
	line-height:20px;
	padding:0 10px 0 15px;
	}

#contents {
	width:800px;
	margin:0 10px;
	padding:0;
	}

#contLeft {
	float:left;
	width:200px;
	}
	
#sideNavi {
	width:200px;
	text-align:center;
	background:url(../img/side_navi_bg.gif) repeat-y top left;
	}

#sideNavi ul {
	margin:0;
	padding:0 10px;
	}

#sideNavi li {
	list-style:none;
	}
	
#sideNavi li.sNavi01 img {background:url(../img/side_navi01.gif) no-repeat top left;}
#sideNavi li.sNavi02 img {background:url(../img/side_navi02.gif) no-repeat top left; padding:0 0 5px 0;}
#sideNavi li.sNavi03 img {background:url(../img/side_navi03.gif) no-repeat top left; padding:0 0 5px 0;}
#sideNavi li.sNavi04 img {background:url(../img/side_navi04.gif) no-repeat top left; padding:0 0 5px 0;}
#sideNavi li.sNavi05 img {background:url(../img/side_navi05.gif) no-repeat top left; padding:0 0 5px 0;}
#sideNavi li.sNavi06 img {background:url(../img/side_navi06.gif) no-repeat top left; padding:0 0 5px 0;}
#sideNavi li.sNavi07 img {background:url(../img/side_navi07.gif) no-repeat top left;}
#sideNavi li.sNavi08 img {background:url(../img/side_navi08.gif) no-repeat top left; padding:0 0 5px 0;}
#sideNavi li.sNavi09 img {background:url(../img/side_navi09.gif) no-repeat top left; padding:0 0 5px 0;}
#sideNavi li.sNavi10 img {background:url(../img/side_navi10.gif) no-repeat top left; padding:0 0 5px 0;}
#sideNavi li.sNavi11 img {background:url(../img/side_navi11.gif) no-repeat top left;}

#sideNavi .line {
	background:url(../img/side_navi_line.gif) no-repeat top left;
	height:15px;
	}

#main {
	width:580px;
	padding:0 10px;
	float:left;
	}
	
#mainBox {
	width:540px;
	background:url(../img/page_bg.gif) repeat-y top left;
	padding:20px 20px 0 20px;
	}
	
#mainImgBox {
	margin:0;
	padding:0;
	}
	
#mainImgBox img {
	float:left;
	margin:0 0 10px 0;
	}
	
#blogArea {
	width:580px;
	padding:0 0 10px 0;
	}

#blogBox {
	width:580px;
	margin:0;
	background:url(../img/top_blog_bg.gif) repeat-y top left;
	}

.blogTextBox {
	background:url(../img/blog_textline.gif) repeat top left;
	margin:5px 10px 0 10px;
	padding:0 0 5px 0;
	}

.blogTextBox p {
	font-size:0.8em;
	line-height:25px;
	margin:0;
	padding:0 5px;
	}

#banBox {
	width:580px;
	margin:0;
	}
	
#banBox img {
	float:left;
	}

#footNavi {
	width:800px;
	margin:0;
	padding:20px 0 5px 20px;
	font-size:0.8em;
	}

#footerBg {
	background:url(../img/body_bg_foot.gif) #ffffff repeat-x top left;
	}
	
#footer {
	width:800px;
	margin:0 auto;
	padding:10px 10px 20px 10px;
	background:url(../img/footer_bg.gif) no-repeat top left;
	}
	
#footText {
	font-size:0.8em;
	line-height:120%;
	margin:0;
	padding:0 0 0 10px;
	}
	
#copyRight {
	float:right;
	font-size:0.8em;
	line-height:120%;
	margin:0;
	padding:0 10px 0 0;
	}
	
.pageTop {
	margin:0;
	padding:20px 0 3px 0;
	text-align:right;
	background:url(../img/line_dot.gif) repeat-x left bottom;
	}
	
#listArea {
	width:580px;
	padding:10px 0;
	}
	
#topListBox {
	width:540px;
	margin:0;
	padding:0 20px;
	background:url(../img/top_blog_bg.gif) repeat-y top left;
	}

#topListBox ul {
	width:170px;
	margin:10px 0 0 0;
	padding:0 5px;
	float:left;
	}
	
#topListBox li {
	list-style:none;
	display:block;
	background:url(../img/maker_list_icon.gif) no-repeat top left;
	line-height:15px;
	font-size:0.8em;
	padding:0 0 0 13px;
	}

	
/*  company  */

.companyBox {
	width:540px;
	padding:0 0 30px 0;
	}
	
.companyIcon {
	background:url(../img/icon_orange.gif) no-repeat top left;
	margin:15px 0 0 0;
	padding:0 0 10px 20px;
	font-weight:bold;
	font-size:0.9em;
	line-height:18px;
	}
	
.companyText {
	font-size:0.8em;
	line-height:150%;
	margin:0;
	padding:0 5px;
	}
	
.daihyo {
	text-align:right;
	display:block;
	padding:10px 0 0 0;
	}

#companyTable {
	margin:15px 0 0 0;
	border-collapse:collapse;
	width:540px;
	font-size:0.8em;
	}
	
#companyTable th ,#companyTable td {
	margin:0;
	padding:10px 0 10px 10px;
	border-bottom:#999999 solid 1px;
	text-align:left;
	vertical-align:top;
	}

#contactTable label {
	font-size:90%;
	padding:1px 3px;
	background:#CC0000;
	color:#FFFFFF;
	margin:0 0 0 5px;
	}


/*  policy  */

.policyTopText {
	font-size:0.8em;
	margin:0;
	padding:0;
	line-height:150%;
	}
	
.policyText {
	font-size:0.8em;
	margin:0;
	padding:0 5px 10px 5px;
	line-height:150%;
	}
	
.policyIcon {
	background:url(../img/icon_orange.gif) no-repeat top left;
	margin:15px 0 0 0;
	padding:0 0 10px 20px;
	font-weight:bold;
	font-size:0.9em;
	line-height:18px;
	}


/*  contact  */

#contactTable {
	font-size:0.8em;
	margin:15px 0 20px 0;
	padding:0;
	width:540px;
	border-collapse:collapse;
	}
	
#contactTable th {
	background:url(../img/table_line.gif) no-repeat left bottom;
	width:150px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	}
	
#contactTable td {
	background:url(../img/table_line.gif) no-repeat right bottom;
	text-align:left;
	vertical-align:top;
	padding:10px;
	}

.contactText {
	font-weight:normal;
	padding:5px 0 0 0;
	margin:0;
	}

.attention {
	color:#ff5d1d;
	font-weight:bold;
	}

.submitBtn {
	text-align:center;
	padding:10px;
	}

.width40	{ width:40px; }
.width50	{ width:50px; }
.width80	{ width:80px; }
.width200	{ width:200px; }
.width300	{ width:300px; }

.thankyouText {
	font-size:0.8em;
	margin:0;
	padding:15px 0 0 0 0;
	line-height:150%;
	}


/*  estimate  */

.estimateTopText {
	font-size:0.8em;
	margin:0 0 15px 0;
	padding:0;
	line-height:150%;
	}
	
#estimateTable ,#estimateTable02 {
	font-size:0.8em;
	margin:15px 0 20px 0;
	padding:0;
	width:540px;
	border-collapse:collapse;
	}
	
#estimateTable th ,#estimateTable02 th {
	background:url(../img/table_line.gif) no-repeat left bottom;
	width:150px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	}
	
#estimateTable td ,#estimateTable02 td {
	background:url(../img/table_line.gif) no-repeat right bottom;
	text-align:left;
	vertical-align:top;
	padding:10px;
	}
	
	
/*  after service  */

.asTop ,.waterproofTop {
	background:url(../img/shanetsu_top_bg.gif) repeat left top;
	width:540px;
	margin:0 0 10px 0;
	}
	
.asTop p ,.waterproofTop p {
	margin:0;
	padding:10px 15px 10px 15px;
	line-height:140%;
	font-size:0.8em;
	}
	
.asImgBox {
	margin:0;
	padding:0 0 10px 0;
	}
	
.asImgBox img {
	float:left;
	}
	
.asPdnLeft08 {
	margin:0;
	padding:0 8px 0 0;
	}
	
	
/*  Q&A  */

.qaBox {
	width:540px;
	margin:0;
	padding:0 0 20px 0;
	}
	
.qBox {
	background:url(../img/line_dot.gif) repeat-x left bottom;
	padding:0 5px;
	}
	
.question {
	background:url(../img/icon_q.gif) no-repeat top left;
	margin:0 0 5px 0;
	padding:0 0 5px 30px;
	line-height:20px;
	font-weight:bold;
	font-size:0.9em;
	}
	
.answer {
	background:url(../img/icon_a.gif) no-repeat top left;
	margin:0 5px;
	padding:3px 0 5px 30px;
	font-size:0.8em;
	line-height:150%;
	}


/*  gardening  */

.gardeningBox ,.shanetsuBox ,.resultBox {
	width:540px;
	padding:0 0 20px 0;
	}

ul.gardeningList {
	margin:0;
	padding:10px 0 0 30px;
	width:240px;
	float:left;
	}
	
ul.gardeningList li {
	list-style:none;
	background:url(../img/arrow_green.gif) no-repeat top left;
	margin:0 0 3px 0;
	padding:0 0 0 20px;
	line-height:14px;
	font-size:0.9em;
	}
	
.gardeningIcon {
	background:url(../img/icon_orange.gif) no-repeat top left;
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:0.9em;
	line-height:18px;
	}
	
.gardeningTextTop {
	font-size:0.8em;
	line-height:150%;
	margin:10px 5px 0 5px;
	padding:0 5px 0 5px;
	}
	
.gardeningText {
	font-size:0.8em;
	line-height:150%;
	margin:0;
	padding:5px 5px 0 5px;
	}
	
.gardeningText02 {
	background:url(../img/text_line01.gif) repeat top left;
	font-size:0.8em;
	line-height:20px;
	margin:5px 20px 0 20px;
	padding:0 5px;
	}
	
.gardeningText03 {
	font-size:0.8em;
	line-height:150%;
	margin:5px 20px 0 20px;
	padding:0 5px;
	}
	
.gardeningTextTitle {
	width:270px;
	font-size:0.8em;
	font-weight:bold;
	margin:20px 0 0 20px;
	padding:0 5px;
	border-left:#82d063 solid 5px;
	border-bottom:#82d063 dotted 1px;
	}
	
.gardeningStitle {
	background:url(../img/text_bg.gif) no-repeat top left;
	font-size:0.9em;
	line-height:20px;
	width:250px;
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	}
	
.gardeningBtnBox {
	width:540px;
	}
	
.gardeningBtnBox02 {
	width:540px;
	margin:15px 0 0 0;
	}
	
.gardeningBtnBoxL {
	float:left;
	width:260px;
	margin:15px 20px 0 0;
	}
	
.gardeningBtnBoxR {
	float:left;
	width:260px;
	margin:15px 0 0 0;
	}
	
.gardeningBtnBox img {
	float:left;
	}
	
.gardeningBtnBox .btn01 {
	margin:0 20px 0 0;
	}
	
.gardeningStitle {
	background:url(../img/text_bg.gif) no-repeat top left;
	font-size:0.9em;
	line-height:20px;
	width:250px;
	margin:10px 0 0 10px;
	padding:0 0 0 20px;
	}
	
	
/*  shanetsu  */

.shanetsuTop {
	background:url(../img/shanetsu_top_bg.gif) repeat left top;
	width:540px;
	margin:0 0 20px 0;
	}
	
.shanetsuToptext {
	margin:0;
	padding:0px 20px 15px 20px;
	line-height:140%;
	font-size:0.8em;
	}
	
.shanetsuToptext02 {
	margin:0;
	padding:0px 20px 3px 20px;
	line-height:140%;
	font-size:0.8em;
	}
	
.shanetsuTopTitle {
	margin:0;
	padding:10px 20px;
	font-weight:bold;
	font-size:0.9em;
	}
	
.shanetsuIcon {
	background:url(../img/icon_orange.gif) no-repeat top left;
	margin:0;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:0.9em;
	line-height:18px;
	}
	
.shanetsuIcon02 {
	margin:0 20px;
	padding:0 0 0 13px;
	background:url(../img/maker_list_icon.gif) no-repeat top left;
	line-height:15px;
	font-size:0.8em;
	}

.hikakuTitle {
	margin:0 30px;
	padding:0 0 0 20px;
	background:url(../img/shanetsu_text_icon02.gif) no-repeat top left;
	line-height:16px;
	font-weight:bold;
	}
	
.hikakuText {
	margin:0 30px;
	padding:5px 0 0 0;
	line-height:140%;
	font-size:0.8em;
	}
	
.hikakuBox01 {
	margin:0 20px 10px 20px;
	padding:0 0 0 10px;
	background:url(../img/shanetsu_text_head01.gif) repeat-y top left;
	}
	
.hikakuBox02 {
	margin:0 20px 10px 20px;
	padding:0 0 0 10px;
	background:url(../img/shanetsu_text_head02.gif) repeat-y top left;
	}
	
.hikakuBox01 .hikakutop ,.hikakuBox02 .hikakutop {
	font-weight:bold;
	font-size:1em;
	border-bottom:solid 1px #cfcfcf;
	padding:3px;
	margin:0;
	}
	
.hikakuBox01 .hikakuText02 ,.hikakuBox02 .hikakuText02 {
	font-size:0.8em;
	margin:0;
	padding:3px;
	line-height:140%;
	}
	
.hikakuBox03 {
	margin:0 20px;
	}
	
.hikakuBox03Bg {
	background:url(../img/shanetsu_textbox02.gif) repeat-y top left;
	}
	
.hikakuBox03 .hikakuText03 {
	margin:0 10px;
	padding:0 0 0 20px;
	background:url(../img/shanetsu_text_icon.gif) no-repeat top left;
	font-size:0.8em;
	line-height:140%;
	}


/*  result  */

.resultTopText {
	font-size:0.8em;
	margin:0 0 20px 0;
	padding:0;
	line-height:150%;
	text-align:left;
	}

.resultBox02 ,.resultBox03 {
	width:540px;
	margin:15px 0 0 0;
	}
	
.resultImgBox01 ,.resultImgBox02 {
	width:170px;
	float:left;
	}
	
.resultImgBox01 {
	margin:0 15px 0 0;
	}
	
.resultBox02 p {
	font-size:0.75em;
	margin:5px 5px 0 5px;
	padding:0;
	text-align:center;
	}
	
.resultBox03 p {
	font-size:0.8em;
	margin:5px 5px 0 5px;
	padding:0;
	text-align:left;
	}
	
.newResult {
	margin:15px 0 0 0;
	padding:0;
	text-align:right;
	}
	
.newResult img {
	margin:0 0 0 5px;
	float:right;
	}
	
.resultStitle {
	background:url(../img/text_bg.gif) no-repeat top left;
	font-size:0.9em;
	line-height:20px;
	width:250px;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	}
	
	
/*  reform_roof  */

h2 {
	background:url(../img/text_bg.gif) no-repeat top left;
	font-size:0.9em;
	line-height:20px;
	margin:0 0 7px 0;
	padding:0 0 0 20px;
	}
	
h3 {
	background:url(../img/h3_bg.gif) no-repeat top left;
	font-size:0.9em;
	line-height:9px;
	margin:0 0 0 5px;
	padding:0 0 0 15px;
	font-weight:normal;
	}
	
.roofTextBox {
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	background:url(../img/line_dot.gif) repeat-x left bottom;
	}
	
.roofText {
	margin:0;
	padding:15px 10px 0 10px;
	font-size:0.9em;
	line-height:130%;
	}
		
#roofTable {
	width:536px;
	margin:10px 2px 0 2px;
	padding:0;
	border-collapse:collapse;
	font-size:0.75em;
	}
	
#roofTable th {
	margin:0;
	padding:5px;
	vertical-align:middle;
	border:#5a94ff solid 1px;
	background:#79a8ff;
	color:#ffffff;
	}
	
#roofTable td {
	margin:0;
	padding:5px;
	vertical-align:middle;
	border:#5a94ff solid 1px;
	}
	
#roofTable .time {
	text-align:center;
	}
	

/*  reform_wall  */

.wallTable {
	width:540px;
	border-collapse:collapse;
	}
	
.wallTable td {
	vertical-align:top;
	}

.wallBox01 {
	margin:0;
	padding:10px 0;
	background:url(../img/line_dot.gif) repeat-x left bottom;
	}
	
.wallBox01 img {
	padding:0 10px 0 0;
	}
	
.wallBox01 .textBox {
	width:465px;
	float:right;
	padding:0 10px;
	background:url(../img/wall_text_head.gif) no-repeat top left;
	}
	
.wallBox01 .wallTitle {
	margin:0;
	padding:0;
	font-weight:bold;
	line-height:22px;
	font-size:0.9em;
	display:block;
	}
	
.wallBox01 .wallText {
	margin:0;
	padding:2px 0;
	line-height:150%;
	font-size:0.8em;
	}

	
/*  hikari  */

.hikariImgBox {
	margin:0 15px;
	}
	
.hikariImg01 {
	float:left;
	width:160px;
	padding:0;
	}
	
.hikariImg02 {
	float:left;
	width:160px;
	padding:0 15px;
	}
	
.hikariImg01 p ,.hikariImg02 p {
	margin:0;
	padding:5px 2px 0 2px;
	font-size:0.7em;
	}
	
.subLink {
	margin:10px 0 0 0;
	padding:0;
	}
	
	
/*  hojin  */

.hojinImgBox {
	margin:0;
	padding:0;
	}
	
.hojinImgBox img {
	float:left;
	}
	
.pdnRtoL15 {
	padding:0 15px;
	}


/*  common  */

.banBox {
	margin:10px 0 0 0;
	}

.bottom {
	vertical-align:bottom;
	}

.clear {
	clear:both;
	}
	
.pdnBtm5 {
	padding:0 0 5px 0;
	}
	
.pdnBtm10 {
	padding:0 0 10px 0;
	}

.pdnBtm15 {
	padding:0 0 15px 0;
	}
	
.pdnTop15 {
	padding:15px 0 0 0;
	}
	
.pdnRight4 {
	padding:0 4px 0 0;
	}
	
.width135 {
	width:135px;
	height:
	}
	
.arrow {
	margin:0;
	padding:5px 0 0 10px;
	}