@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{}

#overview{width:950px;}
#overview h4{margin-bottom:20px;}
#overview #ov-box{width:950px;margin-bottom:30px;}
#overview #ov-purpose{width:363px; margin-right:15px;}
#overview #ov-data{width:570px;}
#overview #ov-data #ov-data{width:520px;overflow:hidden;}
#overview #ov-data #ov-data dt{font-weight:bold;width:7.2em;color:#7484c1;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: 270px; left: 50px; top: 105px; }
#overview #ov-flow #flow02{	width: 270px; left: 362px; 	top: 105px;}
#overview #ov-flow #flow03{ width: 260px; left: 670px; top: 105px; }
#overview #ov-image{width:221px;}
#overview #ov-image p{font-size:90%;}
#overview #ov-image p img{margin-bottom:10px;}
#overview #sketch-box{margin-bottom:10px;}
#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;overflow:hidden;clear:both; margin-top:30px;}

#ct01-img{margin-top:20px;}
#ct01-img .fl-lt{width:549px;}
#ct01-img .fl-rt{width:386px;}
#ct01-img .fl-lt img{margin-bottom:10px;}
#ct01-img .fl-rt img{margin-bottom:10px;}
#ct01-img p{line-height:1.3em;}

#ct02{width:950px;overflow:hidden;clear:both; margin-top:30px;}

#ct02-img{margin-top:20px;}
#ct02-img .fl-lt{width:310px;}
#ct02-img .fl-rt{width:310px;}
#ct02-img .collm{width:300px; margin:0 15px;}
#ct02-img img{margin-bottom:10px;}
#ct02-img p{line-height:1.3em;}

#ct03{width:950px;overflow:hidden;clear:both; margin-top:30px;}


#planTitle{margin-bottom:40px;}

.planHead{margin-bottom:20px;}

.planText{line-height:1.7em;}

#planCaption{text-align:right;}

#planImage1 .planText{width:240px; margin-top:-10px; display:inline-block;}
#planImage1 .imageBox{width:690px; margin-top:-10px;}
#planImage1 .planBox{width:220px;}
#planImage1 #planImage1b{margin:0 15px;}
#planImage1 img{margin-bottom:10px;}
#planImage1 .sampleimagebox{margin-bottom:25px; text-align:center; background-image:url(../img/vol61/point1_sampleimageborder.jpg); background-repeat:no-repeat; background-position:bottom,center;}
#planImage1 .sampleimagebox img{display:inline-block; margin:50px auto 20px;}


#planImage2 .imageBox{margin-top:-10px;}
#planImage2 .planBox{width:227px; padding-bottom:25px;}
#planImage2 #planImage2b{margin:0 14px;}
#planImage2 img{margin-bottom:10px;}
#planImage2 h5{font-size:15px; color:#005ea1; margin-bottom:10px;}
#planImage2 h4 img{margin:0 0 25px;}

#planImage2 .sampleimagebox{height:175px; margin-bottom:50px; margin-top:20px; text-align:center; background-image:url(../img/vol61/point1_sampleimageborder.jpg); background-repeat:no-repeat;}
#planImage2 .sampleimagebox img{display:inline-block; margin:20px auto 50px;}

.planBox p{line-height:1.3em;}

.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/vol55/form-button_w420.gif) no-repeat 0px 0px;display:block;}
#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/vol60/contact_img01.png) no-repeat left center;min-height:35px;}
#contact-box .section02 #event h3{background-image:url(../img/vol60/contact_img01.png);}
#contact-box .section02 #tokuten h3{background-image:url(../img/vol60/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;}

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