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

.mb05{margin-bottom:5px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}

img.num{padding-top:1px;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;}

/* メインビジュアル */
#begin{}
#begin h2{margin-bottom:34px;}

/* リフォームの流れ */
#flow{margin-top:23px;}
#flow h3{margin-bottom:10px;}
#flow .horizonLeft{width:690px;}
#flow .horizonLeft p{clear:both;}
#flow .horizonRight{width:255px;padding-top:42px;}
#flow ul{padding-left:10px;}
#flow li{float:left;margin-right:20px;color:#221814;font-size:92%;line-height:1.4em;padding-bottom:20px;}
#flow li.horizonLeft{width:186px;}
#flow li.horizonRight{width:235px;padding-top:0px;}

/* 特徴 */
#point{}
#point h3{margin-bottom:20px;}
#point p{color:#221814;font-size:92%;line-height:1.4em;}

#pointBegin{margin-top:20px;}
#pointBegin .horizonLeft{width:588px;padding-bottom:30px;}
#pointBegin .horizonRight{width:354px;padding-bottom:20px;}
#pointBegin .horizonRight p.sectionNotes{margin:15px 0px 0px;padding-bottom:10px;}

/* ビフォーアフター */
#pointBeaf{margin-bottom:45px;}
#pointBeaf .horizonLeft{width:430px;}
#pointBeaf .horizonLeft p{margin-top:20px;}
#pointBeaf .horizonRight{width:511px;position:relative;}
#pointBeaf .horizonRight p.sectionNotes{width:213px;position:absolute;top:45px;right:0px;font-size:85%;}

/* 特徴（最後） */
#pointEnd{width:430px;margin-top:20px;}
#pointEnd .horizonLeft{width:210px;}
#pointEnd .horizonRight{width:198px;}

/* リフォームプラン */
#plan{}
#plan h3{width:616px;position:absolute;left:0px;top:0px;}
#plan dl{width:325px;background:#F7F7F7 url(../img/vol52/planFace.jpg) no-repeat 10px 12px;min-height:162px;}
#plan dt{color:#000;line-height:1.4em;width:197px;margin-left:120px;padding-top:15px;font-size:14px;background:url(../img/vol52/planBorder.gif) repeat-x left bottom;padding-bottom:11px;}
#plan dt span{font-size:10px;line-height:1.4em;}
#plan dd{color:#221814;font-size:11px;line-height:1.4em;width:197px;margin-left:120px;padding-bottom:15px;}

#plan h4{margin-bottom:0px;}
#plan .horizonFree{margin:0px 0px 20px;width:325px;padding-left:625px;}

#plan .horizonBox{margin:20px 0px 65px;}
#plan .horizonBox p{margin-top:15px;color:#221814;font-size:92%;line-height:1.5em;}
#plan .horizonLeft{width:300px;}
#plan .horizonRight{width:300px;padding-left:24px;float:left;}

/* キレイをキープ */
#keep{clear:both;}
#keep h3{margin-bottom:28px;}
#keep h4{margin-bottom:20px;}
#keep p{color:#221814;font-size:92%;line-height:1.5em;}
#keep p.sectionNotes{font-size:85%;margin-top:20px;}
#keep .horizonFree{width:790px;height:535px;}
#keep .horizonLeft{width:455px;padding-bottom:40px;}
#keep .horizonRight{width:455px;padding-bottom:40px;}
#keep ul{width:790px;height:0px;}
#keep li{position:absolute;right:0px;top:0px;}

#keep li#keepImage1{right:-160px;}
#keep li#keepImage2{bottom:115px;right:-160px;top:auto;}
#keep li#keepImage3{bottom:32px;left:0px;top:auto;right:auto;}
#keep li#keepImage4{bottom:32px;left:225px;top:auto;right:auto;}

.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 {margin:0;background-color:#C5D0E1;padding:0px 10px 10px 0px;clear:both;margin-top:0px;}
#contact-box .section01{float:left;width:490px;padding:0px;}
#contact-box .section02{float:right;width:440px;padding:0px;}
#contact-box .section01 dl{margin:10px 0px 0px 95px;}
#contact-box .section01 dl .hpAdd{background:url(../img/hp-li-icn.gif) no-repeat center left;padding-left:50px;font-size:180%;color:#265293;}
#contact-box .section01 dl .hpAdd a:link{color:#265293;}

#contact-box .booklet-box {margin:10px 0px;background-color:#FFF;padding:10px;}
#contact-box .booklet-box .booklet-img{float:right;width:214px;padding:0px;}
#contact-box .booklet-box .booklet-text{float:left;width:190px;padding:0px;}
#contact-box .booklet-box .booklet-text .point{color:#265293;margin-bottom:8px;}
#contact-box .booklet-box .booklet-text .note{font-size:85%;line-height:1.2;}

/* お問い合わせフォームボタン */
#contact-box .section02 p.form{width:437px;height:81px;overflow:hidden;clear:both;}
#contact-box .section02 p.form a{width:100%;padding-top:81px;background:url(../img/form-button.gif) no-repeat 0px 0px;display:block;}
#contact-box .section02 p.form a:hover{background-position:0px -81px;}
#contact-box .section02 p.form_notes{font-size:90%;color:#333;padding-left:10px;padding-bottom:10px;margin-top:5px;}

/* 留意事項 */
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;}

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