@charset "utf-8";
@import url("reset.css");
@import url("base.css");

/* 共通 */

#image{
	background:url(../images/index/image_bg.jpg) repeat-x left bottom;
	padding:0 0 17px;
	text-align:center;
	margin-bottom:6px;
}

#path{
	width:840px;
	margin:0 auto 8px;
}

.contents-box{
	background-color:#FCF8F1;
	padding:20px;
	margin:10px 0 20px;
}

.stitle{
	background:url(../images/common/stitle_bg.jpg) repeat-x left top;
	color:#FFF;
	font-size:100%;
	padding:8px 12px 7px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:10px;
}

.sstitle{
	background-color:#F1ECE3;
	border:solid 1px #C8C2B0;
	padding:6px 12px 5px;
	font-weight:bold;
	margin-bottom:15px;
}

.indent10{
	margin-left:10px;
	margin-right:10px;
}


/* トップページ */

#home-image{
	background:url(../images/index/image_bg.jpg) repeat-x left bottom;
	padding:0 0 17px;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	z-index:1;
}

#home-renovation{
	width:300px;
	float:left;
}

#home-renovation .inner{
	border:solid 1px #E1DCCE;
	background-color:#FDF6EF;
}

#home-renovation .inner div{
	border:solid 1px #FFF;
}

#home-renovation .photo{
	border:solid 1px #FFF;
	margin:8px 8px 10px;
}

#home-renovation .text{
	margin:0 12px 12px;
}

#home-renovation .button{
	background-color:#F1D3BA;
	padding:13px 0 14px;
	text-align:center;
}

#home-petit{
	width:300px;
	float:right;
}

#home-petit .inner{
	border:solid 1px #E1DCCE;
	background-color:#FAF7EE;
}

#home-petit ul{
	border:solid 1px #FFF;
	padding:8px 8px 3px;
}

#home-petit li{
	width:90px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#home-petit li.last{
	margin-right:0;
}

#home-petit .photo{
	background-color:#FFF;
	border-top:solid 1px #CEC9B9;
	border-left:solid 1px #CEC9B9;
	border-right:solid 1px #CEC9B9;
	padding:4px;
	display:block;
}

#home-petit li.photo{
	width:80px;
	border-bottom:solid 1px #CEC9B9;
}

#home-reform .box{
	width:300px;
	background:url(../images/index/reform_title_bg.jpg) no-repeat left top;
	padding-top:20px;
}

#home-reform .title-box{
	width:160px;
	margin-top:-20px;
	float:left;
	position:relative;
}

#home-reform .photo{
	position:absolute;
	top:43px;
	left:2px;
}

#home-reform .button{
	background:url(../images/index/reform_btn_bg.png) no-repeat left top;
	width:177px;
	height:35px;
	padding:5px 0 0 7px;
	position:absolute;
	left:2px;
	top:158px;
}

#home-reform .text-box{
	background:url(../images/index/reform_bg.gif) repeat-y right top;
	padding:6px 0;
	float:right;
	width:140px;
}

#home-reform .text-top{
	background:url(../images/index/reform_text_top.gif) no-repeat right top;
	padding-top:4px;
}

#home-reform .text-bottom{
	background:url(../images/index/reform_text_bottom.gif) no-repeat right bottom;
	padding-bottom:4px;
}

#home-reform .text{
	background:url(../images/index/reform_text_bg.gif) repeat-y right top;
}

#home-reform .text p{
	padding:12px 18px 15px 20px;
	font-size:80%;
	min-height:143px;
	height: auto !important;
	height: 143px;
}

.rss{
	width:198px;
	float:left;
}

#blog-reform{
	border:solid 1px #ccc0b9;
	margin-right:5px;
}

#blog-reform h3{
	border-bottom:solid 1px #ccc0b9;
}

#blog-stafft{
	border:solid 1px #E2E2E2;
	margin-right:5px;
}

#blog-stafft h3{
	border-bottom:solid 1px #E2E2E2;
}

#blog-president{
	border:solid 1px #F0D7BC;
	margin-right:5px;
}

#blog-president h3{
	border-bottom:solid 1px #F0D7BC;
}

#blog-staff{
	border:solid 1px #BED9AC;
}

#blog-staff h3{
	border-bottom:solid 1px #BED9AC;
}

.rss dl{
	height:135px;
	overflow:auto;
	padding:10px 6px;
}


.rss dt{
	font-size:80%;
	background:url(../images/common/icon_cercle.gif) no-repeat 3px 2px;
	padding-left:17px;
}

.rss dd{
	border-bottom:dotted 1px #E1DCCE;
	padding:0 0 6px 17px;
	margin-bottom:8px;
}

#home-news{
	border-left:solid 1px #e2e2e2;
	border-right:solid 1px #e2e2e2;
	border-bottom:solid 1px #e2e2e2;
	padding:5px 9px 0;
	height:140px;
	overflow:auto;
	background:url(../images/index/news_bg.jpg) no-repeat right top;
}

#home-news dt{
	background:url(../images/common/icon_cercle.gif) no-repeat 8px 4px;
	padding-left:25px;
	float:left;
	width:95px;
	clear:both;
}

#home-news dd{
	border-bottom:dotted 1px #E1DCCE;
	padding:0 0 4px 17px;
	margin-bottom:5px;
	padding-left:130px;
}


/* 施工事例 */

#reform-nav{
	margin-bottom:20px;
}

#reform-nav .renovation{
	margin-right:10px;
}

#reform-nav li{
	float:left;
}

.entry{
	background-color:#FCF8F1;
	padding:20px;
}

.entry h2.entry-title{
	border-left:solid 5px #413123;

	padding:5px 12px;
	fopnt-size:220px;
	font-weight:bold;
}

.entry .entry-date{
	border-left:solid 5px #9D8C7E;
	border-top:solid 1px #9D8C7E;
	padding:4px 12px;
	margin-bottom:20px;
}

.entry-inner{
	padding:20px 10px 0;
}

.beforafter{
	background:url(../images/common/title_bg.jpg) repeat-x left bottom #473A29;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
	padding:8px 12px 7px;
	margin-top:20px;
}

.place-nav{
	margin-bottom:1px;
	padding:8px 15px 7px;
	background-color:#EDE5D7;
}

.place-nav li{
	float:left;
	background:url(../images/common/arrow.gif) no-repeat 0px 5px;
	padding:0px 30px 0 10px;
}

.entry h3{
	border-left:solid 5px #413123;
	background-color:#EDE5D7;
	font-size:120%;
	font-weight:bold;
	color:#251A0B;
	padding:6px 10px 5px;
	margin:30px 0 10px;
}

.point{
	margin:20px 0 30px;
}

.point dt{
	background-color:#EDE5D7;
	font-weight:bold;
	padding:6px 10px 4px;
}

.point dd{
	border-left:solid 1px #DDD4C4;
	border-right:solid 1px #DDD4C4;
	border-bottom:solid 1px #DDD4C4;
	background-color:#FFFFFF;
	padding:10px 22px;
}

.entry a{
	color:#251A0B;
}

/* 会社概要 */

.corporate-table{
	width:100%;
}

.corporate-table th{
	border:solid 1px #C8C2B0;
	background-color:#F1ECE3;
	text-align:left;
	padding:10px 17px;
	width:134px;
	vertical-align:top;
}

.corporate-table td{
	background-color:#FFF;
	padding:10px 17px;
	border:solid 1px #C8C2B0;
}

.corporate-table dt{
	font-weight:bold;
}

/* 社長挨拶 */

#greeting-box{
	padding:15px 10px 0 12px;
}

#greeting-box .text{
	float:left;
	width:300px;
}

#greeting-box .text p{
	margin-bottom:1.5em;
}

#greeting-box .photo{
	float:right;
}

/* よくある質問 */

#question{
	border-top:solid 1px #C0B0A6;
	border-left:solid 1px #C0B0A6;
	border-right:solid 1px #C0B0A6;
	margin:20px 0 50px;
}

#question li{
	font-weight:bold;
	border-bottom:solid 1px #C0B0A6;
}

#question li a{
	color:#0C0C0C;
	display:block;
	padding:8px 16px;
	text-decoration:none;
	background-color:#FFF;
}

#question li.odd a{
	background-color:#E7DFDA;
}

#question li a:hover{
	background-color:#3b2f22;
	color:#FFF;
}

#answer dt{
	margin-top:20px;
	border:solid 1px #C0B0A6;
	background-color:#E7DFDA;
	font-size:120%;
	font-weight:bold;
	padding:15px;
	line-height:1.2;
}

#answer dd{
	border-left:solid 1px #C0B0A6;
	border-right:solid 1px #C0B0A6;
	border-bottom:solid 1px #C0B0A6;
	background:url(../images/faq/answer.gif) no-repeat left 50% #FFF;
	padding:14px 20px 14px 78px;
}

/* お客様の声 */

#voice-list{
	overflow:hidden;
}

#voice-list ul{
	width:600px;
}

#voice-list li{
	background-color:#FFFFFF;
	border:solid 1px #E1DCCE;
	padding:9px;
	width:160px;
	float:left;
	min-height:232px;
	height: auto !important;
	height: 232px;
	position:relative;
	margin-right:15px;
}

#voice-list .photo{
	border:solid 1px #E1DCCE;
	margin-bottom:5px;
}

#voice-list dt{
	font-weight:bold;
	margin-bottom:3px;
}

#voice-list dd{
	margin-bottom:30px;
	font-size:80%;
}

#voice-list p{
	position:absolute;
	bottom:9px;
}

#voice-title{
	background-color:#E7DFDA;
	border-bottom:solid 1px #C0B0A6;
	font-size:130%;
	font-weight:bold;
	padding:15px 17px;
	margin-bottom:20px;
}

#voice-box{
	margin-top:30px;
}

#voice-box li{
	margin-bottom:20px;
}

#voice-box .photo{
	float:left;
}

#voice-box .text{
	width:280px;
	float:right;
}

/* お問い合わせ */

#contact-table{
	width:100%;
	margin:20px 0;
}

#contact-table th{
	border:solid 1px #C8C2B0;
	background-color:#F1ECE3;
	text-align:left;
	padding:10px 17px;
	width:134px;
	vertical-align:top;
}

#contact-table td{
	background-color:#FFF;
	padding:7px 9px;
	border:solid 1px #C8C2B0;
}

#contact-table .text-m{
	border:solid 1px #9BBFCC;
	width:238px;
	height:23px;
}

#contact-table .text-l{
	border:solid 1px #9BBFCC;
	width:370px;
	height:23px;
}

#contact-table label{
	width:90px;
	display:inline-block;
	white-space:nowrap;
	margin:1px 0;
}

#contact-table label input{
	margin-right:3px;
	vertical-align:middle;
}

#contact-table textarea{
	border:solid 1px #9BBFCC;
	width:358px;
	height:114px;
}

/* お手軽プチリフォーム */

.petit-ba{
	margin:20px 0 20px;
}

.petit-ba li{
	font-weight:bold;
	font-size:120%;
	width:280px;
}

.petit-ba li img{
	border:solid 3px #EDE5D7;
}

.petit-ba .before{
	float:left;
}

.petit-ba .after{
	float:right;
}

/* 安心な理由 */

.frame-top{
	background:url(../images/information/frame_top.jpg) no-repeat left top;
	padding-top:34px;
	margin-bottom:20px;
}

.frame-bottom{
	background:url(../images/information/frame_bottom.jpg) no-repeat left bottom;
	padding-bottom:34px;
}

.frame{
	background:url(../images/information/frame_bg.jpg) repeat-y left top;
	padding:0px 30px;
}

.frame h4{
	font-size:130%;
	color:#DC2001;
	font-weight:bold;
	border-bottom:solid 1px #EBEBEB;
}

.frame h4 img{
	float:left;
	margin-right:20px;
}

.frame h4 span{
	font-size:70%;
	font-weight:normal;
}

.frame .line1{
	padding-top:15px;
}

.frame .line1 img{
	margin-top:-15px;
}


.frame .line2{
	padding-top:5px;
}

.frame .line2 img{
	margin-top:-5px;
}

.frame .img-left{
	padding:20px 24px 0 10px;
}

.frame .img-left img{
	float:left;
	margin-right:20px;
}

.frame .img-right{
	padding:20px 7px 0 10px;
}

.frame .img-right img{
	float:right;
	margin-left:12px;
}

#information .last{
	margin-bottom:0;
}

/* リフォームの流れ */

#flow li{
	padding-bottom:17px;
	clear:both;
}

#flow h4{
	margin-left:-30px;
	position:relative;
}

#flow div{
	background-color:#FFF;
	border-top:solid 1px #D7D3D0;
	border-right:solid 1px #D7D3D0;
	border-bottom:solid 1px #D7D3D0;
	padding:19px 30px 19px 15px;
}

#flow div img{
	border:solid 1px #D7D3D0;
	float:left;
}

#flow p{
	width:300px;
	float:right;
	padding-top:10px;
}


#step1{
	border-left:solid 30px #DD5E19;
}

#step1 div{
	background:url(../images/flow/step1_illust.gif) no-repeat right bottom #FFF;
}

#step2{
	border-left:solid 30px #e9991b;
}

#step3{
	border-left:solid 30px #e9b11b;
}

#step3 div{
	background:url(../images/flow/step3_illust.gif) no-repeat right bottom #FFF;
}

#step4{
	border-left:solid 30px #e9d31b;
}

#step4 div{
	background:url(../images/flow/step4_illust.gif) no-repeat right bottom #FFF;
}

#step5{
	border-left:solid 30px #a0d037;
}

#step5 div{
	background:url(../images/flow/step5_illust.gif) no-repeat right bottom #FFF;
}

#step6{
	border-left:solid 30px #4da470;
}

#step6 div{
	background:url(../images/flow/step6_illust.gif) no-repeat right bottom #FFF;
}

#flow li#step7{
	border-left:solid 30px #4d88a4;
	padding-bottom:0px;
}

/* イベント情報 */

.event-detail li{
	float:left;
}

#event-access{
	background:url(../images/event/access_bg.gif) no-repeat left top;
	height:334px;
	padding:0 40px;
	clear:both;
}

#event-access .left-parts{
	width:280px;
	float:left;
}

#event-access .right-parts{
	width:240px;
	float:right;
}

#event-access .btn-reserve{
	margin:15px 5px;
}

#reserve-box{
	background-color:#FCF8F1;
	padding:20px;
}




/* ブログ */

.more-link{
	font-weight:bold;
	display:inline-block;
	margin-top:10px;
}


.entry-utility{
	background-color:#EDE5D7;
	padding:5px 10px;
	margin-top:20px;
}

.wp-pagenavi{
	text-align:center;
	margin-top:20px;
}

.wp-pagenavi span{
	border:solid 1px #E0E0E0;
	display:inline-block;
	padding:6px;
	lihe-height:1;
	margin:0 2px;
}

.wp-pagenavi span.current{
	background-color:#413123;
	padding:7px;
	color:#FFF;
	border:0;
	margin:0 2px;
}

.wp-pagenavi a{
	border:solid 1px #F57F28;
	display:inline-block;
	padding:6px;
	lihe-height:1;
	margin:0 2px;
}

.wp-pagenavi a:hover{
	background-color:#FCF8F1;
}

.blog-link{
	margin-top:1.5em;
}

.blog-link img{
	border:solid 1px #E2E2E2;
}

.blog-link a{
	display:inline-block;
	background-color:#FFF;
}

.more-link{
    text-indent: -9999px;
    display: block;
    background:  url(../images/common/btn_more.jpg) no-repeat left top ;
    width: 224px;
    height: 31px;
	overflow:hidden
}

.more-link:hover{
	background-image: url(../images/common/btn_more_over.jpg);
}

.blog-link-many li{
	float:left;
	background-color:#FFFFFF;
	margin:0 5px 5px 0;
}

.blog-link-many img{
	border:solid 1px #E2E2E2;
}

#nav-below{
	margin-top:10px;
	padding:0 20px;
}

.nav-previous{
	float:left;
}

.nav-next{
	float:right;
}



/* リノベーション 過去のレイアウト */

#contents-m2{
	float:left;
}

#contents-r2{
	float:right;
	width:230px;
}

.ichiran_bt3 tr a{
	display:block;
	width:105px;
	height:77px;
	padding:5px;
}

.ichiran_bt3 tr a:hover{
	background:url(../images/works/kakko_bg03.gif);
}



/* コメント欄 */

#comments{
	margin-top:20px;
	padding:10px 20px;
	background-color:#FCF8F1;
}

#comments #reply-title{
	font-weight:bold;
	font-size:120%;
	margin-bottom:5px;
}

#comments #comments-title{
	font-weight:bold;
	font-size:120%;
	padding-bottom:10px;
	border-bottom:solid 1px #C5C5C5;
	margin-bottom:10px;
}

#comments input.text{
	border:solid 1px #CCC;
	height:20px;
	width:200px;
	margin-right:5px;
	vertical-align:middle;
}

#comments textarea{
	border:solid 1px #CCC;
	height:100px;
	width:568px;
	margin-bottom:5px;
}

#comments .depth-1{
	margin-bottom:10px;
	border-bottom:dotted 1px #BBB;
}

#comments .children{
	margin-left:15px;
}

#comments .reply{
	margin-bottom:10px;
	text-align:right;
} 

#comments cite{
	font-style:normal;
	font-weight:bold;
}

.comment-author img{
	float:left;
	margin-right:5px;
}

.comment-body{
	padding:10px 15px 10px;
	background-color:#FFF;
	margin-top:10px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
	margin-bottom:3px;
}

.form-allowed-tags{
	display:none;
}

#blog-link{
	width:610px;
	overflow:hidden;
}

.topframe{
	width:650px;
	height:220px;
	border:0;
}

/* 瑕疵担保責任保険について */

#insurance{
	border:solid 3px #007E32;
	width:394px;
	margin:0 auto;
}

#insurance h1{
	margin:0 auto 17px;
	text-align:center;
}

#insurance .text{
	width:296px;
	padding:15px 20px 1px;
	margin:15px auto 20px;
	border:solid 1px #84BD9B;
}

#insurance .text p{
	margin-bottom:12px;
}