@charset "UTF-8";
@import "../../common/css/reset.css";
@import "../../common/css/template.css";

/**************************************************/
/* 05 私の住まいづくりリフォーム */
/**************************************************/
.fl-box{overflow:hidden;}
.fl-lt{float:left;}
.fl-rt{float:right;}
.pos-rel{position:relative;}
.pos-abs{position:absolute;}

.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.note{ font-size: 85%;}

img.num{vertical-align:text-bottom;display:inline;}
img.alphabet{vertical-align: text-bottom; display: inline;}

.section{width:950px;margin-bottom:50px;}
.section p{color:#221814;font-size:92%;line-height:1.5em;font-weight:normal;}
.section p.sectionTitle{font-weight:bold;}
.section p.sectionNotes{font-size:85%;line-height:1.2em;position:relative;margin-left:1em;}
.section p.sectionNotes span.sectionHead{width:1em;position:absolute;display:block;left:-1em;top:0px;text-align:center;}

.horizonBox{width:950px;overflow:hidden;}

.horizonFree{width:950px;position:relative;}
.horizonLeft{width:420px;float:left;}
.horizonRight{width:420px;float:right;}

.groupBox{
	width: 950px;
	clear: both;
	overflow: hidden;
}

/* メインビジュアル */
#firstview{margin-bottom:30px;}
#firstview h2{margin-bottom:5px;}
#firstview p span{display: block;width: 75%;float: right;text-indent: -17px;}

#overview{width:950px;}
#overview h4{margin-bottom:20px;}
#overview #ov-box{width:950px;margin-bottom:30px;}
#overview #ov-purpose{width:303px;}
#overview #ov-data{width:630px;}
#overview #ov-data .ov-data{width:620px;overflow:hidden;}
#overview #ov-data .ov-data dt{
	font-weight: bold;
	width: 7.2em;
	color: #e95383;
	float: left;
	clear: both;
}
#overview #ov-data .ov-data dd{padding:0 0 6px 100px;}
#overview #ov-flow{width:950px;min-height:160px;font-size:90%;}
#overview #ov-flow #flow01{ width: 260px; left: 60px; top: 115px; }
#overview #ov-flow #flow02{
	width: 270px;
	left: 359px;
	top: 115px;
}
#overview #ov-flow #flow03{ width: 260px; left: 670px; top: 115px; }
#overview #ov-image{width:240px;}
#overview #ov-image p{font-size:90%;}
#overview #ov-image p img{margin-bottom:10px;}
#overview #sketch-box{margin-bottom:10px;}
#overview #sketch-box img{margin:0 auto;}
#overview #sketch-box .fl-rt{width:184px;margin-right:10px;}
#overview #sketch-box .fl-rt img{margin-bottom:10px;}

.captionLayout{position:relative;}
.captionImage{position:absolute;z-index:1;}
.captionText{position:relative;z-index:2;color:#231815;font-size:12px;line-height:15px;}

.ctBox{padding-bottom:50px;}
.ctBox h3{margin-bottom:20px;}
.ctBox p{line-height:1.7em;}
.ctBox img.num{display:inline;vertical-align:-1px;}

#ct01{width:950px; margin-top:50px;}
#ct01 .ctBox{padding-bottom:0px;}
#ct01 #ct01-img{width:860px;margin:20px auto; position: relative;}
#ct01 #ct01-img p{font-size:10px; line-height:1.4em;}
#ct01 #ct01-img02{margin-top:10px;}



#ct02{width:950px; margin-top:50px;margin-bottom:50px;}
#ct02 .ctBox{padding-bottom:0px;}
#ct02 #ct02-tx01{width:110px; position:absolute; left:190px; bottom:0px;}

.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/*IE-mac \*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/*IE-mac END*/

.imgTitle{display:block;}

/* お問い合わせ */
#contact-box { display: none;margin:0;background-color:#C5D0E1;padding:0px 25px 10px 0px;clear:both;margin-top:0px;}
#contact-box h2{margin-bottom:10px;}
#contact-box .section01{float:left;width:490px;padding:0px;}
#contact-box .section02{float:right;width:420px;padding:0px;}
#contact-box .section01 dl{margin:20px 0px 20px 95px;}
#contact-box .section01 dl .hpAdd{background:url("../img/hp-li-icn.gif") no-repeat center left;margin-top:10px;padding-left:50px;font-size:180%;color:#265293;}
#contact-box .section01 dl .hpAdd a:link{color:#265293;}
#contact-box .section01 p.hpAddTxt{padding-top:10px;}
/* お問い合わせフォームボタン */
#contact-box .section02 p.form{width:420px;height:78px;overflow:hidden;clear:both;}
#contact-box .section02 p.form a{width:100%;padding-top:78px;background:url("../img/vol67/form-button_w420.gif") no-repeat 0px 0px;display:block;}
#contact-box .section02 p#text01{margin-bottom:10px;}
#contact-box .section02 p.form a:hover{background-position:0px -78px;}
#contact-box .section02 p.form_notes{font-size:90%;color:#333;padding-left:10px;padding-bottom:10px;margin-top:5px;margin-left:1em;text-indent:-1em;}
#contact-box .section02 #event{margin-bottom:20px;}
#contact-box .section02 #tokuten{margin-bottom:20px;}
#contact-box .section02 h3{margin-bottom:10px;padding-left:85px;padding-top:5px;color:#265294;font-size:20px;background:url("../img/vol67/contact_img01.png") no-repeat left center;min-height:35px;}
#contact-box .section02 #event h3{background-image:url("../img/vol67/contact_img01.png");}
#contact-box .section02 #tokuten h3{background-image:url("../img/vol67/contact_img02.png");}
#contact-box .section02 p{line-height:1.4em;}
#contact-box .section02 p.detail{font-weight:bold;font-size:115%;line-height:1.6em;margin-bottom:10px;}
#contact-box .section02 #access h4{margin-bottom:10px;color:#265294;font-size:20px;}
#contact-box .section02 #access h4 span{margin-bottom:40px;}
#contact-box .section02 #access p{margin-bottom:10px;}
#contact-box .section02 p.accessNote{margin-left:1em;text-indent:-1em;font-size:90%;margin-top:1em; margin-bottom:15px;}

#contact-box .section02 .needs{margin:20px 0; line-height:1.7em;}


/* 留意事項 */
p.info{padding-top:20px;font-size:85%;margin-bottom:0px;clear:both;}

/* エンドライン */
#page-end{width:950px;height:60px;overflow:hidden;clear:both;text-align:center;}
#page-end img{margin:0px auto;}
#page-end hr{visibility:hidden;}

/**************************************************/