@charset "utf-8";

/*====================================================================

level2.css

======================================================================

	01.common elements
	02.topics
	03.company
	04.to owner
	05.showroom
	06.concept
	07.planner
	08.reform
	09.report
	10.contact
	11.sitemap
	12.recruit

last update 09/02/06

=====================================================================*/

/*--------------------------------------------------------------------
	01.common elements
--------------------------------------------------------------------*/

/*	1-1.container-inner
----------------------------------------------------------------*/
#inner{
	background: url(../img/bg_inner.gif) no-repeat top;
	width: 810px;
}
#inner:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*	1-2.h2
----------------------------------------------------------------*/
#h2box{
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	height: 120px;
}


/*	1-2.contents
----------------------------------------------------------------*/
/* contents */
#contents{
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/bg_contents.gif) repeat-y right top;
	width: 780px;
}
#contents:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* main */
#main{
	float: left;
	width: 568px;
}
#main h3{margin-top: 30px;}
#main h4{margin-top: 25px;}
#main a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* box */
.box{width: 568px;}
.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#main .box h3{margin-top: 0;}
.box p{
	padding: 20px 30px 0 30px;
	text-align: left;
}
.box p.right{
	display: inline;
	margin: 0 0 10px 20px;
	text-align: right;
}
.box img.left{
	display: inline;
	margin: 15px 20px 10px 20px;
}
.box img.right{
	display: inline;
	margin: 15px 20px 10px 20px;
}



/* table */
.box table{
	margin: 20px auto 0 auto;
	border: solid 1px #ede9e4;
	width: 520px;
	text-align: left;
}
.box th{
	width: 100px;
	background: url(../img/bg_th.gif);
	border-bottom: solid 1px #ede9e4;
	border-right: solid 1px #5c9756;
	padding: 10px 10px 10px 15px;
}
.box td{
	border-bottom: solid 1px #ede9e4;
	padding: 10px 10px 10px 15px;
}
.box td dt{
	padding-top: 5px;
	color: #590606;
	font-weight: bold;
}
.box td dd{padding-bottom: 5px;}

.box.type2 th{
	border-right: solid 1px #ede9e4;
	border-bottom: solid 1px #5c9756;
	text-align:center;
}

/* sidebar */
#sidebar{
	float: right;
	width: 197px;
}
#sidebar #s-top{
	display: block;
	background-image: url(../img/bg_sidebar_top.gif);
	width: 197px;
	height: 5px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#s-bnr{
	float: right;
	background-image: url(../img/bg_side_bnr.gif);
	width: 197px;
	height: 290px;
}
#s-bnr ul,
#s-bnrul li,
#s-bnr ul li a{
	display: block;
	outline: none;
	width: 197px;
}
#s-bnr01 a{
	background-position: 0 0;
	height: 70px;
}
#s-bnr02 a{
	background-position: 0 -70px;
	height: 70px;
}
#s-bnr03 a{
	background-position: 0 -140px;
	height: 60px;
}
#s-bnr04 a{
	background-position: 0 -200px;
	height: 90px;
}
#s-bnr ul li a:hover{ background-image: url(../img/bg_side_bnr_over.gif)}


/*	1-2.foot
----------------------------------------------------------------*/
#foot{
	background: url(../img/bg_foot.gif) repeat-x;
	height: 225px;
}
#footer{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/bg_footer.gif) no-repeat;
	width: 810px;
	height: 225px;
}

/* sitemap btn */
#s-btn a{
	position: absolute;
	top: 30px;
	left: 12px;
	background-image: url(../img/bg_s-btn.gif);
	width: 115px;
	height: 35px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#s-btn a:hover{background-image: url(../img/bg_s-btn_over.gif);}

/* blog btn */
#blog-btn a{
	position: absolute;
	top: 30px;
	right: 384px;
	background-image: url(../img/bg_blog-btn.gif);
	width: 141px;
	height: 37px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#blog-btn a:hover{background-image: url(../img/bg_blog-btn_over.gif);}

/* blog btn 2 2009.10.09*/
#blog-btn-2 a{
	position: absolute;
	top: 30px;
	right: 533px;
	background-image: url(../img/bg_blog-btn-2.gif);
	width: 141px;
	height: 37px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#blog-btn-2 a:hover{background-image: url(../img/bg_blog-btn-2_over.gif);}

/* f-btn */
#f-btn{
	position: absolute;
	top: 30px;
	right: 12px;
	background-image: url(../img/f-btn.gif);
	width: 367px;
	height: 38px;
}
#f-btn ul,
#f-btn ul li,
#f-btn ul li a{
	display: inline;
	outline: none;
	/*text-indent: -9999px;*/
	height: 38px;
}
#fb01 a{
	float: left;
	background-position: 0 0;
	width: 81px;
}
#fb02 a{
	float: left;
	background-position: -81px 0;
	width: 147px;
}
#fb03 a{
	float: left;
	background-position: -228px 0;
	width: 139px;
}
#f-btn ul li a:hover{background-image: url(../img/f-btn_over.gif);}


/* pagetop */
#pagetop a{
	position: absolute;
	top: 105px;
	right: 20px;
	background-image: url(../img/bg_pagetop.gif);
	width: 150px;
	height: 30px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#pagetop a:hover{background-image: url(../img/bg_pagetop_over.gif);}


/* f-navi */
#foot ul#fn1{
	position: absolute;
	top: 150px;
	right: 0;
	display: block;
	text-align: right;

}
#foot ul#fn2{
	position: absolute;
	top: 170px;
	right: 0;
	display: block;
	text-align: right;
}
#foot ul#fn3{
	position: absolute;
	top: 190px;
	right: 0;
	display: block;
	text-align: right;
}
#foot ul#fn1 li,
#foot ul#fn2 li,
#foot ul#fn3 li{
	display: block;
	float: left;
	margin: 1px 7px 2px 0;
	padding-right: 8px;
	border-right: solid 1px #c9c2ac;
	height: 12px;
	font-size: 10px;
}
#foot ul#fn1 li.nb,
#foot ul#fn2 li.nb,
#foot ul#fn3 li.nb{border-right: none;}

#foot a:link{
	color: #66540e;
	text-decoration: none;
}
#foot a:visited{
	color: #66540e;
	text-decoration: none;
}
#foot a:hover{
	color: #66540e;
	text-decoration: underline;
}
#foot a:active{
	color: #66540e;
	text-decoration: none;
}



/* address */
#footer img{
	position: absolute;
	top: 110px;
	left: 20px;
}
address{
	padding: 135px 0 0 20px;
	text-align: left;
	font-size: 10px;
	font-style: normal;
}
#footer strong{color: #2b3d16;}


/* copyright */
#footer p{
	padding: 8px 0 0 20px;
	text-align: left;
	color: #6f9c43;
	font-size: 11px;
	font-family: tahoma, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	font-weight: bold;
}



/*--------------------------------------------------------------------
	02.topics
--------------------------------------------------------------------*/
.t-h3{
	margin-top: 30px;
	background: url(../../topics/img/bg_h3.gif) no-repeat;
	width: 568px;
	height: 60px;
}
.box .t-h3{margin-top: 0;}
#main .t-h3 h3{
	float: left;
	margin-top: 0;
	padding-left: 45px;
	text-align: left;
	line-height: 60px;
	color: #590606;
	font-size: 15px;
	font-weight: bold;
}
.t-h3 p,
.box .t-h3 p{
	float: right;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 20px;
	text-align: right;
	line-height: 60px;
	font-size: 10px;
	font-weight: bold;
}


/*--------------------------------------------------------------------
	03.company
--------------------------------------------------------------------*/
#area{
	margin: 50px auto 0 auto;
	background-image: url(../../company/img/bg_area.gif);
	width: 568px;
	height: 220px;
}
#area h3{
	margin: 0;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#area dl{
	margin-left: 225px;
	padding-top: 35px;
}
#area dt,
#area dd{
	padding-right: 30px;
	text-align: left;
	font-size: 10px;
	color: #ffffff;
}
#area dt{
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
}


/*--------------------------------------------------------------------
	04.to owner
--------------------------------------------------------------------*/
#secom{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../../reform/other/img/bg_secom.gif);
	width: 500px;
	height: 150px;
}
#secom h4{
	margin: 0;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#secom p{
	padding: 55px 20px 0 175px;
	text-align: left;
	color: #ffffff;
}

/* renovation point */
#rnv-point1,
#rnv-point2,
#rnv-point3{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 568px;
	height: 120px;
}
#rnv-point1{background: url(../../reform/other/img/bg_point1.gif) no-repeat top;}
#rnv-point2{background: url(../../reform/other/img/bg_point2.gif) no-repeat top;}
#rnv-point3{background: url(../../reform/other/img/bg_point3.gif) no-repeat top;}

#rnv-point1 h4,
#rnv-point2 h4,
#rnv-point3 h4{
	margin: 0;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#rnv-point1 p,
#rnv-point2 p,
#rnv-point3 p{
	padding: 50px 20px 0 105px;
}


/* btn */
#rnv-btn a{
	float: left;
	display: inline;
	margin-left: 30px;
	background-image: url(../../reform/other/img/bg_rnv_btn.gif);
	width: 300px;
	height: 50px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#rnv-btn a:hover{background-image: url(../../reform/other/img/bg_rnv_btn_over.gif);}

#cnv-btn a{
	float: left;
	display: inline;
	margin-top: 15px;
	margin-left: 30px;
	background-image: url(../../reform/other/img/bg_cnv_btn.gif);
	width: 300px;
	height: 50px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#cnv-btn a:hover{background-image: url(../../reform/other/img/bg_cnv_btn_over.gif);}


/* popup */
#popup{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 7px;
	background: #ffffff;
	width: 500px;
}
#popup:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#popup img{
	display: inline;
	float: left;
	margin-top: 7px;
	margin-left: 7px;
}

#close a{
	display: block;
	margin: 5px auto;
	background-image: url(../../to_owner/img/bg_close.gif);
	width: 300px;
	height: 50px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#close a:hover{background-image: url(../../to_owner/img/bg_close_over.gif);}



/*--------------------------------------------------------------------
	05.showroom
--------------------------------------------------------------------*/

/* data */
#data{
	background-image: url(../../showroom/img/bg_data.jpg);
	width: 568px;
	height: 300px;
}
#data h3{
	margin: 0;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#data div{
	float: left;
	margin-top: 65px;
}
#data p{
	padding: 10px 10px 0 50px;
	text-align: left;
	color: #ffffff;
}


/* map */
#map{
	background: url(../../showroom/img/bg_map.gif) no-repeat;
	width: 568px;
	height: 420px;
	text-align: left;
}
#map iframe{
	margin: 18px 0 25px 33px;
	border: solid 1px #d9ccc6;
}
#map small{padding-left: 20px;}


/* showroom img */
#sr1,
#sr2{
	margin-top: 10px;
	width: 568px;
	height: 380px;
}
#sr1{background-image: url(../../showroom/img/bg_sr1.jpg);}
#sr2{background-image: url(../../showroom/img/bg_sr2.jpg);}
#sr1 p,
#sr2 p{
	padding: 263px 210px 0 26px;
	text-align: left;
	color: #450d0c;
}


/* lightbox */
#lbox{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../showroom/img/bg_lightbox.gif) no-repeat top;
	width: 535px;
	height: 230px;
}

#lbox img{
	float: left;
	margin: 15px 0 25px 10px;
	width: 165px;
	height: 165px;
}
#lbox p{
	padding-right: 20px;
	text-align: right;
	color: #d23027;
	font-size: 10px;
	font-weight: bold;
}


/* voice */
.voice1{
	margin-top: 20px;
	border-top: solid 1px #d9ccc6;
	border-bottom: solid 1px #d9ccc6;
	background-image: url(../../showroom/img/bg_voice1.jpg);
	width: 568px;
}
.voice2{
	margin-top: 20px;
	border-top: solid 1px #d9ccc6;
	border-bottom: solid 1px #d9ccc6;
	background-image: url(../../showroom/img/bg_voice2.jpg);
	width: 568px;
}
.voice1 p{
	padding: 30px 20px 30px 170px;
	text-align: left;
	color: #ffffff;
	font-size: 14px;
}
.voice2 p{
	padding: 20px 180px 20px 20px;
	text-align: left;
	color: #ffffff;
	font-size: 14px;
}



/*--------------------------------------------------------------------
	06.concept
--------------------------------------------------------------------*/

/* local navi */
#c-navi{
	margin-bottom: 15px;
	background: url(../../concept/img/bg_c-navi.gif) no-repeat;
	width: 197px;
	height: 200px;
}
#c-navi ul,
#c-navi ul li,
#c-navi ul li a{
	display: block;
	outline: none;
	/*text-indent: -9999px;*/
	width: 197px;
	height: 40px;
}
#cpt01 a{background-position: 0 0;}
#cpt02 a{background-position: 0 -40px;}
#cpt03 a{background-position: 0 -80px;}
#cpt04 a{background-position: 0 -120px;}
#cpt05 a{background-position: 0 -160px;}
#c-navi ul li a:hover,
#c-navi ul li.this a{background-image: url(../../concept/img/bg_c-navi_over.gif);}


/* index (concept and reform) */
#c-top{
	background: url(../../concept/img/bg_c-top.jpg) no-repeat top;
	width: 568px;
	overflow: hidden;
}
#c-top:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#c-top h3{
	margin-top: 0;
	/*text-indent: -9999px;*/
	height: 80px;
}
.c-index{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../concept/img/bg_c-index.gif) repeat-y top;
	width: 530px;
}

.rr-index{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border-bottom:1px solid #e4dfda;
	background: url(../../reform/img/bg_r-index.gif) repeat-y top;
	width: 530px;
}
.rr-index h4{margin: 0 0 10px 0;}
.rr-index p{ padding:10px;}
.rr-index p em{ display:block; font-style:normal; font-weight:bold; color:#80b31b;}
.rr-index ul{ margin:5px 10px;}
.rr-index ul li{ float:left; margin-right:10px; background: url(../img/bg_li.gif) no-repeat top left; padding: 3px 5px 0 18px; text-align: left; }

.c-index_half{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../concept/img/bg_c-index_half.gif) repeat-y top;
	width: 530px;
}
.c-index:after,
.r-index:after,
.c-index_half:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.c-index div,
.c-index_half div{width: 255px;}
#main  .c-index div h4,
#main  .c-index_half div h4{margin: 0 0 10px 0;}

.cbottom{
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url(../../concept/img/bg_c-index_bottom.gif) no-repeat;
	overflow: hidden;
	/*text-indent: -9999px;*/
	width: 530px;
	height: 8px;
}
.cbottom_half{
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url(../../concept/img/bg_c-index_half_bottom.gif) no-repeat;
	overflow: hidden;
	/*text-indent: -9999px;*/
	width: 530px;
	height: 8px;
}
#c-top p{
	padding: 5px 15px 10px 15px;
	text-align: left;
}
#c-top img.pic{
	border: solid 1px #e5e0db;
	margin: 5px auto;
}

#ecoplan dl{
	position: relative;
	margin-top: 15px;
	background: url(../../concept/img/bg_ecoplan.jpg) no-repeat;
	width: 568px;
	height: 300px;
	overflow: hidden;
	text-align: left;
}
#ecoplan dt{/*text-indent: -9999px;*/}
#ecoplan dd#ep1{
	position: absolute;
	top: 55px;
	left: 370px;
	width: 165px;
}
#ecoplan dd#ep2{
	position: absolute;
	top: 225px;
	left: 392px;
	width: 165px;
}
#ecoplan dd#ep3{
	position: absolute;
	top: 220px;
	left: 14px;
	width: 170px;
}
#ecoplan dd#ep4{
	position: absolute;
	top: 52px;
	left: 18px;
	width: 165px;
}
#afbox{width: 568px;}
#afbox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#afbox img.right{
	display: inline;
	margin: 0 10px 10px 10px;
	border: solid 1px #e5e0db;
}
#afbox p{
	padding: 2px 0 3px 15px;
	text-align: left;
}

/* lv2 concept top */
#concept1,
#concept2,
#concept3,
#concept4,
#concept5{
	width: 568px;
	height: 300px;
	overflow: hidden;
}
#concept1{background-image: url(../../concept/img/bg_concept1.jpg);}
#concept2{background-image: url(../../concept/img/bg_concept2.jpg);}
#concept3{background-image: url(../../concept/img/bg_concept3.jpg);}
#concept4{background-image: url(../../concept/img/bg_concept4.jpg);}
#concept5{background-image: url(../../concept/img/bg_concept5.jpg);}

#concept1 h3,
#concept2 h3,
#concept3 h3,
#concept4 h3,
#concept5 h3{
	margin-top: 0;
	height: 90px;
	/*text-indent: -9999px;*/
}
#concept1 p,
#concept2 p,
#concept3 p,
#concept4 p,
#concept5 p{
	padding: 110px 20px 0 275px;
	text-align: left;
}

/* lv2 point */
#c1-point,
#c2-point,
#c3-point,
#c4-point,
#c5-point{
	margin-top: 30px;
	width: 568px;
	height: 210px;
	overflow: hidden;
}
#c1-point{background: url(../../concept/img/bg_c1_point.gif) no-repeat top}
#c2-point{background: url(../../concept/img/bg_c2_point.gif) no-repeat top}
#c3-point{background: url(../../concept/img/bg_c3_point.gif) no-repeat top}
#c4-point{background: url(../../concept/img/bg_c4_point.gif) no-repeat top}
#c5-point{background: url(../../concept/img/bg_c5_point.gif) no-repeat top}
#c1-point ul li,
#c2-point ul li,
#c3-point ul li,
#c4-point ul li,
#c5-point ul li,
#c1-point h4,
#c2-point h4,
#c3-point h4,
#c4-point h4,
#c5-point h4{/*text-indent: -9999px;*/}


/* sbox */
.box .sbox-r{
	display: inline;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	padding-bottom: 10px;
	border: solid 1px #e5e0db;
	width: 250px;
}
.box .sbox-l{
	display: inline;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	padding-bottom: 10px;
	border: solid 1px #e5e0db;
	width: 250px;
}
.box .sbox-l img,
.box .sbox-r img{
	display: inline;
	float: left;
	margin: 10px 10px 0 10px;
}
.box .sbox-l p,
.box .sbox-r p{
	padding: 10px 10px 10px 15px;
}


/* box2 */
.box2{width: 568px;}
.box2:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box2 p{
	padding: 5px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.box2 div.right{
	display: inline;
	margin-top: 15px;
	margin-right: 20px;
	border: solid 1px #e5e0db;
	width: 250px;
}
.box2 div.left{
	display: inline;
	margin-top: 15px;
	margin-left: 20px;
	border: solid 1px #e5e0db;
	width: 250px;
}


/* cm */
#cm{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../concept/img/bg_cm.gif) no-repeat;
	width: 500px;
	height: 150px;
}
#cm div{
	display: inline;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 88px;
}
#cm p{
	padding: 0;
	padding-top: 5px;
	text-align: center;
	font-size: 10px;
}


/* lv2 btn */
#tnbtn,
#ttbtn{
	margin-top: 30px;
	border-top: dotted 2px #d8cac2;
	height: 60px;
}
#tnbtn div,
#ttbtn div{
	float: right;
	margin-top: 10px;
	width: 300px;
	height: 50px
}
#tnbtn div{background-image: url(../../concept/img/bg_tnbtn.gif);}
#ttbtn div{background-image: url(../../concept/img/bg_ttbtn.gif);}
#tnbtn ul,
#tnbtn ul li,
#tnbtn ul li a,
#ttbtn ul,
#ttbtn ul li,
#ttbtn ul li a{
	display: inline;
	outline: none;
	/*text-indent: -9999px;*/
	width: 150px;
	height: 50px;
}

#ctop a{
	background-position: 0 0;
	float: left;
}
#next a{
	background-position: -150px 0;
	float: left;
}
#tpage a{
	background-position: -150px 0;
	float: left;
}
#tnbtn ul li a:hover{background-image: url(../../concept/img/bg_tnbtn_over.gif);}
#ttbtn ul li a:hover{background-image: url(../../concept/img/bg_ttbtn_over.gif);}


/* to contact */
#to_contact{
	position: relative;
	margin-top: 50px;
	background-image: url(../img/bg_contact.gif);
	width: 568px;
	height: 220px;
}
#to_contact div{
	position: absolute;
	top: 138px;
	left: 30px;
	background-image: url(../img/bg_c-btn.gif);
	width: 510px;
	height: 62px;
}
#to_contact ul,
#to_contact ul li,
#to_contact ul li a{
	display: inline;
	outline: none;
	/*text-indent: -9999px;*/
	width: 255px;
	height: 62px;
}
#c-btn1 a{
	background-position: 0 0;
	float: left;
}
#c-btn2 a{
	background-position: -255px 0;
	float: left;
}
#to_contact ul li a:hover{background-image: url(../img/bg_c-btn_over.gif);}



/*--------------------------------------------------------------------
	07.planner
--------------------------------------------------------------------*/
/* index */

#planner1{
	margin-top: 15px;
	padding-bottom: 40px;
	border-bottom: dotted 2px #d8cac2;
	background: url(../../planner/img/bg_planner1.jpg) no-repeat top;
	width: 568px;
}
#planner2{
	margin-top: 30px;
	padding-bottom: 40px;
	border-bottom: dotted 2px #d8cac2;
	background: url(../../planner/img/bg_planner2.jpg) no-repeat top;
	width: 568px;
}
#planner1:after,
#planner2:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* planner1 */
#planner1 p{
	padding: 35px 0 0 40px;
	text-align: left;
	color: #ffffff;
}
#planner1 .profile{
	float: right;
	margin-top: 230px;
	padding-bottom: 20px;
	border-top: solid 1px #ded1cc;
	border-bottom: solid 1px #ded1cc;
	background: url(../../planner/img/bg_plofile.gif) repeat-y;
	width: 250px;
}
#planner1 .profile h4,
#planner2 .profile h4{margin: 0;}
#planner1 .profile h5,
#planner2 .profile h5{margin-top: 10px;}
#planner1 .profile dt,
#planner2 .profile dt{
	margin-bottom: -10px;
	padding: 15px 20px 0 20px;
	text-align: left;
	color: #f7701e;
	font-size: 14px;
	font-weight: bold;
}
#planner1 .profile dd,
#planner2 .profile dd{
	padding: 15px 20px 0 20px;
	text-align: left;
	font-size: 10px;
}
#planner1 .profile p,
#planner2 .profile p{
	padding: 15px 20px 0 20px;
	color: #333333;
}

#planner1 .comment{
	float: left;
	margin-top: 50px;
	width: 300px;
}
#planner1 .comment p{
	padding: 20px 10px 20px 20px;
	color: #333333;
}
#planner1 .comment div,
#planner2 .comment div{
	padding: 15px 0;
	background: url(../../planner/img/bg_div.gif) repeat-y;
	border-top: solid 1px #e1dfdd;
	border-bottom: solid 1px #e1dfdd;
}
#planner1 .comment table{
	background: url(../../planner/img/bg_table1.gif) repeat-y;
	width: 300px;
}
#planner1 .comment th,
#planner2 .comment th{
	padding: 5px 5px 5px 15px;
	width: 100px;
}
#planner1 .comment td,
#planner2 .comment td{
	padding: 5px 10px 5px 5px;
	text-align: left;
}


/* planner2 */
#planner2 p{
	padding: 30px 40px 0 260px;
	text-align: left;
	color: #ffffff;
}
#planner2 .profile{
	float: left;
	margin-top: 230px;
	padding-bottom: 20px;
	border-top: solid 1px #ded1cc;
	border-bottom: solid 1px #ded1cc;
	background: url(../../planner/img/bg_plofile.gif) repeat-y;
	width: 250px;
}
#planner2 .comment{
	float: right;
	margin-top: 50px;
	width: 300px;
}
#planner2 .comment p{
	padding: 20px 10px 20px 20px;
	color: #333333;
}
#planner2 .comment table{
	background: url(../../planner/img/bg_table2.gif) repeat-y;
	width: 300px;
}


/* president */
#president{
	margin: 15px 0;
	padding-bottom: 40px;
	border-bottom: dotted 2px #d8cac2;
	background: url(../../planner/img/bg_president.jpg) no-repeat top;
	width: 568px;
	height: 330px;
	overflow: hidden;
}
#president h4{
	margin: 0;
	/*text-indent: -9999px;*/
}
#president p{
	padding: 15px 30px 20px 300px;
	text-align: left;
}


/* staff */
.staff{
	margin: 15px 0;
	padding-bottom: 40px;
	border-bottom: dotted 2px #d8cac2;
	width: 568px;
}
.staff:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.staff div{
	float: left;
	width: 300px;
}
.staff h5{
	margin-top: 10px;
	padding: 5px 10px 0 30px;
	text-align: left;
	color: #bc1717;
	font-weight: bold;
}
.staff ul{margin: 10px 0 5px 35px;}
.staff ul li{
	background: url(../img/bg_li.gif) no-repeat top left;
	padding: 3px 5px 0 18px;
	text-align: left;
}
.staff p{
	padding: 30px 20px 0 30px;
	text-align: left;
}
.staff img.pic{
	float: right;
	display: inline;
	margin: 15px 20px 10px 0;
}

#p-btn{height: 60px;}
#p-btn div a{
	display: block;
	float: right;
	background-image: url(../../planner/img/bg_btn.gif);
	width: 300px;
	height: 50px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#p-btn div a:hover{background-image: url(../../planner/img/bg_btn_over.gif);}



/*--------------------------------------------------------------------
	08.reform
--------------------------------------------------------------------*/

/* local navi */
#r-navi{
	margin-bottom: 15px;
	background: url(../../reform/img/bg_r-navi.gif) no-repeat;
	width: 197px;
	height: 240px;
}
#r-navi ul,
#r-navi ul li,
#r-navi ul li a{
	display: block;
	outline: none;
	/*text-indent: -9999px;*/
	width: 197px;
	height: 40px;
}
#rmenu01 a{background-position: 0 0;}
#rmenu02 a{background-position: 0 -40px;}
#rmenu03 a{background-position: 0 -80px;}
#rmenu04 a{background-position: 0 -120px;}
#rmenu05 a{background-position: 0 -160px;}
#rmenu06 a{background-position: 0 -200px;}
#r-navi ul li a:hover,
#r-navi ul li.this a{background-image: url(../../reform/img/bg_r-navi_over.gif);}


/* index */
#r-top{
	background: url(../../reform/img/bg_r-top.jpg) no-repeat top;
	width: 568px;
	overflow: hidden;
}
#r-top:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#r-top h3{
	margin-top: 0;
	/*text-indent: -9999px;*/
	height: 80px;
}
.r-index{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../concept/img/bg_c-index.gif) repeat-y top;
	width: 530px;
}
.r-index:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.r-index div{width: 255px;}
#main  .r-index div h4{margin: 0 0 10px 0;}
#r-top .cbottom{
	display: block;
	margin-left: auto;
	margin-right: auto;
	background: url(../../concept/img/bg_c-index_bottom.gif) no-repeat;
	overflow: hidden;
	/*text-indent: -9999px;*/
	width: 530px;
	height: 8px;
}
#r-top p{
	padding: 5px 15px 10px 15px;
	text-align: left;
}
#r-top img.pic{
	border: solid 1px #e5e0db;
	margin: 5px auto;
}

/* flow btn */
#flow-btn{
	margin-top: 30px;
	border-top: dotted 2px #d8cac2;
	height: 60px;
}
#flow-btn div a{
	display: block;
	float: right;
	margin-top: 10px;
	background-image: url(../../reform/img/bg_btn.gif);
	width: 300px;
	height: 50px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#flow-btn div a:hover{background-image: url(../../reform/img/bg_btn_over.gif);}


/* reform btn */
#r-btn{
	height: 60px;
}
#r-btn div a{
	display: block;
	float: right;
	margin-top: 10px;
	background-image: url(../../reform/img/bg_r_btn.gif);
	width: 300px;
	height: 50px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#r-btn div a:hover{background-image: url(../../reform/img/bg_r_btn_over.gif);}


/* pbox */
.pbox{
	clear: both;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: solid 1px #ded1cc;
	border-bottom: solid 1px #ded1cc;
	background: url(../../reform/img/bg_pbox.gif) repeat-y;
	width: 490px;
}
.pbox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#main .pbox h4,
#main .pbox h5{
	margin: 0;
	padding: 0 10px 0 30px;
	text-align: left;
	color: #bc1717;
	font-size: 15px;
	font-weight: bold;
}
.pbox p{
	padding: 10px 30px 0 30px;
	text-align: left;
}
.pbox p.small{
	padding: 10px 30px 0 30px;
	font-size: 10px;
}
.pbox img.btn{
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}
.pbox dt{
	padding: 15px 30px 0 30px;
	text-align: left;
	color: #f7701e;
	font-size: 13px;
	font-weight: bold;
}
.pbox dd{
	padding: 5px 30px 0 30px;
	text-align: left;
}


/* reform box */
.rbox{
	margin: 15px 0;
	padding-bottom: 20px;
	border-bottom: dotted 2px #d8cac2;
	width: 568px;
}
.rbox.nb{
	padding-bottom: 10px;
	border-bottom: none;
}
.rbox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.rbox div{
	float: right;
	width: 310px;
}

.rbox div p a{ clear:both; display:block; text-align:right;}

#main .rbox h4{margin-top: 0;}
.rbox h5{
	margin-top: 10px;
	margin-bottom: -8px;
	padding: 5px 10px 0 20px;
	text-align: left;
	color: #bc1717;
	font-weight: bold;
}
.rbox dt{
	padding: 20px 20px 0 20px;
	text-align: left;
	color: #f7701e;
	font-size: 13px;
	font-weight: bold;
}
.rbox dd{
	padding: 5px 10px 0 20px;
	text-align: left;
}
.rbox p{
	padding: 15px 10px 0 20px;
	text-align: left;
}
.rbox img.pic{
	float: left;
	display: inline;
	margin: 15px 0 10px 20px;
}


.rbox table{
	margin-top: 20px;
	margin-left: 10px;
	width: 290px;
	border: solid 1px #eeeeec;
}
.rbox th{
	padding: 3px 10px;
	border-right: solid 1px #00a6ff;
	border-bottom: solid 1px #eeeeec;
	width: 50px;
	text-align: left;
}

.rbox td{
	padding: 3px 10px;
	border-right: solid 1px #eeeeec;
	border-bottom: solid 1px #eeeeec;
	text-align: left;
}



/* lv2 reform top */
#menu1,
#menu1-2,
#menu1-3,
#menu1-4,
#menu2,
#house1{
	position: relative;
	width: 568px;
	height: 320px;
	overflow: hidden;
}
#menu3{
	position: relative;
	width: 568px;
	height: 370px;
	overflow: hidden;
}
#menu6-1,
#menu6-2,
#menu6-3{
	position: relative;
	width: 568px;
	height: 300px;
	overflow: hidden;
}
#menu1{background-image: url(../../reform/img/bg_menu1.jpg);}
#menu1-2{background-image: url(../../reform/img/bg_menu1-2.jpg);}
#menu1-3{background-image: url(../../reform/img/bg_menu1-3.jpg);}
#menu1-4{background-image: url(../../reform/img/bg_menu1-4.jpg);}
#menu2{background-image: url(../../reform/img/bg_menu2.jpg);}
#menu3{background-image: url(../../reform/img/bg_menu3.jpg);}
#house1{background-image: url(../../reform/house/img/bg_house1.jpg);}
#menu6-1{background-image: url(../../reform/img/bg_menu6-1.jpg);}
#menu6-2{background-image: url(../../reform/img/bg_menu6-2.jpg);}
#menu6-3{background-image: url(../../reform/img/bg_menu6-3.jpg);}

#menu1 h3,
#menu1-2 h3,
#menu1-3 h3,
#menu1-4 h3,
#menu2 h3,
#menu3 h3,
#house1 h3,
#menu6-1 h3,
#menu6-2 h3,
#menu6-3 h3{
	margin-top: 0;
	height: 90px;
	/*text-indent: -9999px;*/
}
#menu1 table,
#menu1-2 table,
#menu1-3 table,
#menu1-4 table,
#menu2 table,
#menu3 table,
#house1 table{
	position: absolute;
	top: 100px;
	left: 20px;
	width: 290px;
	border: solid 1px #eeeeec;
}
#menu1 th,
#menu1-2 th,
#menu1-3 th,
#menu1-4 th,
#menu2 th,
#menu3 th,
#house1 th{
	padding: 5px 10px;
	border-right: solid 1px #00a6ff;
	border-bottom: solid 1px #eeeeec;
	width: 100px;
	text-align: left;
}
#menu1 td,
#menu1-2 td,
#menu1-3 td,
#menu1-4 td,
#menu2 td,
#menu3 td,
#house1 td{
	padding: 5px 10px;
	border-right: solid 1px #eeeeec;
	border-bottom: solid 1px #eeeeec;
	text-align: left;
}
#menu6-1 p,
#menu6-2 p,
#menu6-3 p{
	position: absolute;
	top: 120px;
	left: 35px;
	width: 270px;
	text-align: left;
	line-height: 1.7;
}

.rp-box{
	background: url(../../reform/img/bg_rp-box.gif) no-repeat bottom;
}
.rp-box.green{
	background: url(../../reform/img/bg_rp-box_g.gif) no-repeat bottom;
}

.rp-box{
	text-align: left;
	padding: 0 50px 20px 50px;
}
.rp-box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


.menu_pt{
	width: 568px;
	padding-bottom: 20px;
	border-bottom: dotted 2px #d8cac2;
}
.menu_pt p{
	padding: 20px 30px 0 30px;
	text-align: left;
}


/* layout */
.lbox{
	margin: 15px 0;
	padding-bottom: 20px;
	border-bottom: dotted 2px #d8cac2;
	width: 568px;
}
.lbox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.lbox .txt{
	float: right;
	margin-top: 20px;
	width: 330px;
}
#main .lbox h4{margin-top: 0;}
.lbox p{
	margin: 20px 10px 5px 10px;
	text-align: left;
}

.lbox ul{margin: 20px 10px 5px 10px;}
.lbox ul li{
	background: url(../img/bg_li.gif) no-repeat top left;
	padding: 3px 0px 0 10px;
	text-align: left;
}

.layout{
	position: relative;
	float: left;
	display: inline;
	margin: 15px 0 10px 20px;
	background: url(../../reform/img/bg_layout.gif) no-repeat;
	width: 200px;
	height: 300px;
}
.layout img.lbefore{
	position: absolute;
	top: 20px;
	left: 20px;
}
.layout img.lafter{
	position: absolute;
	top: 180px;
	left: 20px;
}


/* btn layout */
#l-btn a{
	float: left;
	display: inline;
	margin-top: 15px;
	background-image: url(../../reform/img/bg_l_btn.gif);
	width: 325px;
	height: 50px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#l-btn a:hover{background-image: url(../../reform/img/bg_l_btn_over.gif);}


/* lv2 btn */
#rnbtn,
#rtbtn{
	margin-top: 30px;
	border-top: dotted 2px #d8cac2;
	height: 60px;
}
#rnbtn.nb{
	margin-top: -15px;
	border-top: none;
}
#rnbtn div,
#rtbtn div{
	float: right;
	margin-top: 10px;
	width: 300px;
	height: 50px
}
#rnbtn div{background-image: url(../../reform/img/bg_rnbtn.gif);}
#rtbtn div{background-image: url(../../reform/img/bg_rtbtn.gif);}
#rnbtn ul,
#rnbtn ul li,
#rnbtn ul li a,
#rtbtn ul,
#rtbtn ul li,
#rtbtn ul li a{
	display: inline;
	outline: none;
	/*text-indent: -9999px;*/
	width: 150px;
	height: 50px;
}
#rtop a{
	background-position: 0 0;
	float: left;
}
#rnext a{
	background-position: -150px 0;
	float: left;
}
#rpage a{
	background-position: -150px 0;
	float: left;
}
#rnbtn ul li a:hover{background-image: url(../../reform/img/bg_rnbtn_over.gif);}
#rtbtn ul li a:hover{background-image: url(../../reform/img/bg_rtbtn_over.gif);}


/* rbox2 */
.rbox2{
	width: 568px;
	text-align: left;
}
.rbox2:after,
.rbox2 div:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.rbox2 div{
	margin-top: 20px;
	margin-left: 11px;
	width: 530px;
}
.rbox2 div img{
	display: inline;
	float: left;
	margin-left: 15px;
}
.rbox2 p{
	padding: 20px 30px 0 30px;
	text-align: left;
}

/* example photo x3 */
.ex-ph{
	margin: 15px 0;
	padding-bottom: 25px;
	width: 568px;
}
.ex-ph:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#main .ex-ph h4{margin-top: 10px;}
.ex-ph img.pic,
.ex-ph div{
	display: inline;
	float: left;
	margin-top: 18px;
	margin-left: 22px;
}
.ex-ph img.left{
	display: inline;
	margin: 18px 22px 10px 22px;
}
.ex-ph p{
	padding: 20px 20px 0 20px;
	text-align: left;
}
.ex-ph div p{
	padding: 5px 0;
	text-align: center;
	font-size: 10px;
}



/* aseismatic */
#a-point{
	margin-top: 30px;
	/*background: url(../../reform/img/bg_a_point.gif) no-repeat top;*/
	width: 568px;
	height: 300px;
	overflow: hidden;
}
#a-point h4,
#a-point ul li{/*text-indent: -9999px;*/}

/* 09.06.08 */
#sikumi{ margin-left:15px; }
#sikumi dt{
	color:#064a04;
	font-weight:bold;
	text-align:left;
	line-height:40px;
}
#sikumi dt img{ display:inline; }
#sikumi dd{
	padding-left:40px;
	text-align:left;
}

#ondo th, #ondo td{
	padding:5px;
	border:1px solid #ff9900;
	text-align:center;
}
#ondo thead td{
	background:#ffffcc;
	font-weight:bold;
}
#ondo tbody th{
	color:#ff0000;
	font-weight:bold;
}
#ondo{
	margin:10px auto 10px auto;
	width:530px;
}
.price{
	margin:15px auto 15px auto;
	padding-bottom: 20px;
	border-bottom: dotted 2px #d8cac2;
	width: 550px;
}
.price:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.price div.right{	width:290px; }
.price ul li{
	background: url(../img/bg_li.gif) no-repeat top left;
	padding: 3px 5px 0 18px;
	text-align: left;
}
.price th,.price td{
	padding:4px 6px;
	border: solid 1px #ede9e4;
	text-align:left;
}
.price th{
	background: url(../img/bg_th.gif);
	border-right: solid 1px #5c9756;
}
.price td var{
	color:#cf2828;
	font-style:normal;
	font-weight:bold;
}
.price td span{ font-size:10px; }
.price tfoot th{ font-weight:bold; }
.price tfoot td{ background:#ffffd5; }
.price var,
.price strong{
	margin:auto 3px;
	font-size:13px;
}
.price table{ margin:10px 0px; }

#qa{ margin:20px auto 0px 20px; }
#qa dt{
	padding-left:70px;
	height:60px;
	background:url(../../reform/img/ta_q.gif) no-repeat left top;
	text-align:left;
	line-height:50px;
}
#qa dd{
	padding-left:70px; padding-top:20px;
	height:80px;
	background:url(../../reform/img/ta_a.gif) no-repeat left top;
	text-align:left;
}

/*--------------------------------------------------------------------
	09.report
--------------------------------------------------------------------*/
#rpt-btn{
	margin-top: 30px;
	border-top: dotted 2px #d8cac2;
	height: 60px;
}
#rpt-btn div a{
	display: block;
	float: right;
	margin-top: 10px;
	background-image: url(../../report/img/bg_btn.gif);
	width: 300px;
	height: 50px;
	overflow: hidden;
	/*text-indent: -9999px;*/
}
#rpt-btn div a:hover{background-image: url(../../report/img/bg_btn_over.gif);}


/*--------------------------------------------------------------------
	10.contact
--------------------------------------------------------------------*/
.w19{
	width: 19px;
}
.box table#sub{
	width: 520px;
	margin: 15px auto 0 auto;
	border: solid 1px #e1e1e1;
}
.box table#sub td{
	background: url(../img/td_bg.gif);
	border: none;
}

.submit_box{
	width: 520px;
	margin: 15px 0 0 25px;
	text-align: left;
}
.submit{
	text-align: center;
}


/*--------------------------------------------------------------------
	11.sitemap
--------------------------------------------------------------------*/
#main #sitemap{
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	overflow: hidden;
	text-align: left;
}
#main #sitemap h3{
	display: block;
	margin-top: 10px;
	background: url(../../sitemap/img/bg_h3a.gif);
}
#main #sitemap h3 a{
	display: block;
	padding: 10px 25px;
	background: url(../../sitemap/img/bg_h3.gif) no-repeat left center;
	width: 500px;
	font-size: 14px;
	font-weight: bold;
}
#main #sitemap h3 a:hover{background: url(../../sitemap/img/bg_h3_over.gif);}
#main #sitemap ul{
	margin: 10px 0 10px 30px;
}

#main #sitemap ul li{
	background: url(../img/bg_li.gif) no-repeat top left;
	padding: 3px 5px 5px 18px;
	text-align: left;
}


#sitemap a:link{
	color: #66540e;
	text-decoration: none;
}
#sitemap a:visited{
	color: #66540e;
	text-decoration: none;
}
#sitemap a:hover{
	color: #66540e;
	text-decoration: underline;
}
#sitemap a:active{
	color: #66540e;
	text-decoration: none;
}
/*--------------------------------------------------------------------
	12.recruit
--------------------------------------------------------------------*/
.re_em{
		font-style:normal;
		font-weight:bold;
		font-size:10px;
		color:red;
}
.re_waku ul li{
		background:url(../../recruit/img/li.gif)left top no-repeat;
		padding-left:10px;
}
div.re_waku{
		margin-bottom:20px;
}
.t{
width:33%;
}
.re_waku table,.re_waku table td{
border-style:none;
}
.mb20{
margin-bottom:20px;
}

/* 09.09.10 */
.frame{ border:2px solid #cccccc; }
.rbox blockquote{
	float: left;
	margin: 15px 0 10px 0px;
	padding-left:20px;
}

#ho_total{
	padding:5px;
	border:1px solid #ded1cc;
	background:#faf6ef;
	font-size:14px;
}

#move span{ margin:0px 10px; }
#move span a{
	padding:2px 3px;
	background:#80b31b;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
}
#move span a:hover{ background:#355605; }

#sp_detail div.left{
	margin:0px;
	width:185px;
}
#sp_detail div.left ul{ margin:10px 0px 0px 10px; }
.box .border{
	margin:10px 15px 0px 20px;
	padding-bottom:10px;
	border:2px solid #5c9756;
}
#wrapper #head #container #inner #contents #main table.w_ph_tb {
	width: 568px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#wrapper #head #container #inner #contents #main  table.w_ph_tb td{
	width: 167px;
	padding-left: 22px;
	text-align: left;
	padding-bottom: 8px;
}
.w220 {
	width: 220px;
}


/*2011年7月改修*/

/*リフォームディレクトリ各index 共通ボックス*/
div.index_box , div.planner_index{ clear:both; background:url(../../reform/img/reform_index_box.gif) repeat; border:1px solid #ddd5bc; padding:10px 15px; margin:10px 0 10px 0; text-align:left;}
div.index_box:after , div.planner_index:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
div.index_box h3 , div.planner_index h3{ margin:5px 0 8px 0 !important; font-weight:bold; color:#80b31b; font-size:14px;}
div.index_box h3 span{ background:#c9c1a7; padding:2px 4px; margin-right:8px; color:#ffffff;}
div.index_box p span a , div.planner_index p span a{ background:#80b31b; padding:2px 4px; margin-right:8px; color:#ffffff; line-height:250%; text-decoration:none;}
div.index_box p span a:hover , div.planner_index p span a:hover{ background:#afda5b; color:#ffffff;}
div.index_box img{ float:left; margin-right:15px; background:#ffffff; padding:5px; border:1px solid #ddd5bc;}

div.planner_index img{ float:left; margin-right:15px;}

div.pitit_index{ margin-top:15px;}
div.pitit_index ul li{ border-bottom:1px dotted #cccccc; margin-bottom:10px; text-align:left; line-height:200%;}
div.pitit_index ul li span{ background:#c9c1a7; padding:2px 4px; margin-right:8px; color:#ffffff;}
div.pitit_index ul li a{ color:#333333;}
div.pitit_index ul li a:hover{ color: #80b31b;}

div.life_index_top{ margin: 0 0 20px 0;}
div.life_index{ text-align:left; padding:0px 15px 0 15px; }
div.life_index h4{ color:#80b31b; font-size:14px; font-weight:bold; margin-bottom:3px; }
div.life_index p{ padding:0 10px; margin-bottom:15px;}
div.life_index p span{ color:#80b31b; font-weight:bold;}

/*ライフスタイルリフォーム 実例ページ*/
div.life_box{ clear:both; text-align:left; margin-bottom:20px;}
div.life_box h3{ margin:0 0 10px 0 !important;}
div.life_box p{ margin:15px 10px 0 10px;}
div.life_box p span{ background:#80b31b; padding:2px 4px; margin-right:8px; line-height:180%; color:#ffffff;}
/*事例写真*/
div#photo{ background:url(../../reform/life/img/life_box.gif) repeat-y top left; padding-top:20px; margin:10px 0;}
div#comment{ text-align:left; border:1px solid #e5dec9; padding:8px 10px; margin-bottom:10px;}
div#comment p span{ font-size:10px; display:block;}
p.bf-caption { color: #999; font-size: 12px; font-weight: normal; line-height: 1.5em; margin: 0;}