@charset "UTF-8";
/* CSS Document */


#content { width:960px; margin:0 auto 0 auto; padding:70px 0 0 0; }
#content h2 { margin:0; }

.sumitomo {background: url(/renovation/sonoda/renovation/img/renovation_sumitomo.jpg) no-repeat; width: 960px; height: 226px; position: relative;}
.sumitomo .txt {position: absolute; top:88px; left:23px; width: 660px; font-size: 14px; line-height: 190%;}
.renovation_button {float: right; margin: 20px 0; cursor: pointer}
.renovation_about {margin: 20px 0; display: none;}

.article {width: 960px; padding-bottom: 40px; border-bottom: 1px solid #ccc; margin: 100px 0; font-size: 14px; line-height: 190%;}
.article h3 {margin:0 0 30px;}
.article h5 {font-size: 14px; font-weight: bold; color:#9bc11c;}
.article .withCap {font-size: 10px;margin-bottom: 5px;}
.article .col-3 {width: 50%;}
.article .col-6 {width: 49%;}
.article .left {float: left;}
.article .right {float: right;}
.article .center {text-align: center;}
.article .m-txt {font-size: 15px;}
.article .l-txt {font-size: 17px;}
.mr20 {margin-right: 20px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb40 {margin-bottom: 40px;}
.mb60 {margin-bottom: 60px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top: 40px;}
.mt60 {margin-top: 60px;}
.ml125 {margin-left: 125px;}
.article .mr2p {margin-right: 2%;}
.article .caption { font-size: 10px;}
.article .l-box h4 {margin-bottom: 30px;}
.article .l-box h5 {border-bottom: 1px solid #a8a8a8; margin: 0 0 5px 0; font-weight: bold;}
.article .illu-1 {background: url(/renovation/sonoda/renovation/img/renovation_02_illust_01.jpg) no-repeat right bottom;}
.article .illu-2 {background: url(/renovation/sonoda/renovation/img/renovation_02_illust_02.jpg) no-repeat left bottom;}
.article .box {padding: 5px; font-size: 12px;}
.article .box .left {width: 50%;}
.article .box h4{background: #9bc11c; padding: 17px; color: #fff; font-weight: normal; margin: 0 0 5px 0; font-size: 18px; font-weight: bold; text-align: center; line-height: 18px;}
.article .box h4 span {font-size: 12px;}
.article .box p {line-height: 190%;}
img.responsive{width: 100%;}
#content p.attention { font-size:10px; line-height:15px; display:block; margin:60px 0 0 0; }

.article #park {width: 457px;}
.article #dog {position: relative; bottom: 90px; right: 160px;}
.article .roomLogo {float:left;margin-right:18px;}
.article .roomCopy {float:left;font-size: 18px;  font-weight: bold; line-height: 1.7;}
.article #petBox{background: #f5f9e8; padding: 30px; border-radius: 6px;margin:40px 0 50px;}
.article #petBox .box_l{width: 486px; float: left;}
.article #petBox h4{font-size: 16px; color: #9bc11c; font-weight: bold; padding-bottom: 8px; border-bottom: 2px dotted #9bc11c; margin-bottom: 8px;}
.article #petBox p{margin-bottom: 16px;}
.article #petBox .box_l #imgBox_l{float:left;margin-right:2px;}
.article #petBox .box_l #imgBox_r img {float:right;}

.article #petBox .box_r{width: 381px; float: right;}
.article #petBox .box_r #imgBox_l{width: 184px; float: left; margin-right: 14px;}
.article #petBox .box_r #imgBox_r .imgArea {float:left;}
.article #petBox .box_r #imgBox_r #imgM{margin-right:2px;}
.article #petBox .withCap {text-align:center;}

.article #free_l h4{margin-top: 36px;}
.article #free_l {float:left;margin-right:62px;}
.article #free_r {float:left;}