@charset "utf-8";
/*============================================

Kansai Office Style Sheet
Last Update 2011-10-20

.common
.about
.quality_after
.after
.finecoat



============================================*/

#sumaiLogo{ width:60% !important; }
#keyVisual{background:url(/nagoya/images/key_visual.jpg) 50% 0 no-repeat;}

/* common
--------------------------------*/
.pointBox01{background: url(/branch/images/bg_003.gif) no-repeat 0 bottom; border: 1px solid #d2d2d2; padding: 10px;}
.pointBox02{background: url(/branch/images/bg_002.gif) no-repeat 0 bottom; border: 1px solid #d2d2d2;}
.pointBox02 .pointInner{padding: 10px 5px 10px 10px; width: 323px; float: left;}
.pointBox03{border: 1px solid #d2d2d2; margin: 0 auto; padding: 1px; background: #fff; width: 600px;}
.pointBox03{background: #fdfaf5; padding: 10px;}
.tableInfo{border:1px solid #d1d1d1;}
.tableInfo table th{background:#F1F0EC; border:1px solid #FFFFFF; font-weight:bold; padding:11px 12px 10px 14px; text-align:left;}
.tableInfo table td{background:#F9F8F6; border:1px solid #FFFFFF; padding:11px 14px 10px;}
.defiList dt, .defiList50 dt{font-weight:bold;}
.defiList dd, .defiList50 dd{margin-bottom:1.2em;}
.defiList50{float: left; width:330px; margin-right:10px;}
.borderBnone{border-bottom: 0;}
.anchorLink a{background:url(http://www.31sumai.com/common/images/icon_bullet_down.gif) no-repeat 0 0; padding-left:1.5em;}
#listBox .lumpMix{margin-bottom:15px; padding-bottom:15px;}
#listBox .lumpMix h2{margin-bottom:15px;}
#listBox .lumpEnd{margin:0 10px 0 7px;}
#listBox .lumpEnd .bullet3{float: right; margin-top:10px;}
#listBox2 .lumpMix h2{margin-bottom:15px;}
#listBox2 .lumpEnd{width: 480px;}
#listBox2 .lumpEnd .bullet3{float: right; margin:30px 0 10px;}



/* nagoyatop
--------------------------------*/
#choiceItem .columnBox{position:relative;}
#choiceItem .columnBox .lumpEnd .txtType1{padding-bottom:30px;}
#choiceItem .columnBox .lumpEnd form.dataRequest{position:absolute; bottom:12px; left:100px;}
.column2Box1 .boxInner .article img.icon{margin:0 0 0 10px; vertical-align:bottom;}


/* about
--------------------------------*/
.results{ overflow:hidden; width:694px; }
.resultList{ width:670px; margin:20px auto 0; _width:672px;}
#listBox .resultList .lumpL, #listBox .resultList .lumpEnd{ width:210px; margin:0; }
#listBox .resultList .lumpL{ margin-right:19px; }

.supplyTable .bullet3{ float:right; margin-bottom:10px; }
.yearList{ clear:both; background:#e8e9e3; padding:10px 0; width:726px; overflow:hidden; margin-bottom:20px; }
.yearList ul{ margin-left:15px; }
.yearList li{ float:left; width:215px; display:inline; border-right:1px dotted #b5bcaf; padding-left:10px; }
.yearList li.lastChild{ border:none; }
.supplyTable table thead th{ background:#c1bdb3; border-bottom:3px solid #fff; border-right:3px solid #fff; color:#fff; padding:6px 0 3px; text-align:center; }
.supplyTable table td{ border-bottom:2px solid #fff; border-right:3px solid #fff; padding:5px 5px 3px 6px; vertical-align:middle; }
.supplyTable table th{ border-bottom:2px solid #fff; padding:4px 2px 4px 4px; vertical-align:middle; }
.bgF9F8F6{ background:#f9f8f6; }
.bgF1F0EC{ background:#f1f0eC; }
.supplyTable span.yearIcon{ border-left: 3px solid #9DA457; padding: 1px 0 0 5px; }
.sectionInner .linkList{float:right; _margin-left:69%;}

/* 竣工物件レポート */
#housingList .columnBox{position:relative;}
#housingList .lumpMix{padding: 10px 10px 0; margin:0;}
#housingList .lumpMix h3{width:140px; height:4.5em; display:block;}
#housingList .lumpMix .housingLogo{width:33px; position:absolute; top:8px; right: 10px;}
#housingList .lumpMix .lumpEnd{margin:0 0 3em 0; padding: 0 0 5px 0;}
#housingList .txtR{position:absolute; right:10px; bottom:5px; border-top:1px dotted #d2d2d2; padding-top:10px; width:180px; text-align: right;}

#housingDeta .sectionInner .lumpMix{border-bottom:1px dotted #d2d2d2; margin-bottom: 10px; padding-bottom:10px;}
#housingDeta .sectionInner .lumpEnd p{margin-left: 8px;}
#housingDeta .sectionInner .lumpEnd h2{margin-bottom: 15px;}

#housingImg{text-align: center;}
#housingImg li{margin: 0 5px; display:inline-block; /display:inline; /zoom:1;}
#housingImg li span{display:block; font-size:11px; margin-bottom:15px; text-align:left;}
.popupIcon{text-indent:-1em; margin:0; padding:0 0 0 1em; text-align:right;}
.popupIcon img{margin:0.2em 0 0; vertical-align:top; /margin:0;}


/* after
--------------------------------*/
.pointBox01 h3, .pointBox02 h3{margin-bottom:10px;}
.pointBox01 .popupIco, .popupIco{text-indent:-1em; margin:0; padding:0 0 0 1em;}
.pointBox01 .popupIco img, .popupIco img{margin: 0; padding: 0.2em 0 0; vertical-align:top;}
.afterbox{ border: 1px solid #d2d2d2; background: url(/branch/images/bg_001.gif) no-repeat 0 bottom;}
.afterbox div{float: left;width: 284px; padding: 0 0 20px 20px; border-top: 20px solid #fff;}
#det02Box{padding-top: 4px; background: url(/kansai/after/images/det2_bg_001.gif) no-repeat 0 top;}
#det02Box dl{padding: 10px; background: url(/kansai/after/images/det2_bg_002.gif) no-repeat 0 bottom;}
#det02Box dl dt{float: left; clear:both; padding-top: 2em; width: 120px; font-weight: bold; text-align: center;}
#det02Box dl dd{padding-left: 140px;}
#det02Box dl dd ul li{text-indent: -1em; padding-left: 1em;}

/* finecoat
--------------------------------*/
#process .columnBox{ border:0; }
#process .bullet3{ float:right; }
.skeleton{ width:670px; margin:20px auto 0; }
.skeleton .lumpL,
.skeleton .lumpEnd{ width:215px; }
.skeleton .lumpL p,
.skeleton .lumpEnd p{ margin-bottom:5px; }
.skeleton .bullet3{ margin-top:5px; }
#colBox.borderType1 .boxTitle1 { border-bottom: 1px solid #E8E9E3; color: #222222; margin: 0 0 10px; padding-bottom: 5px; }
.lineImg{text-align:center; margin-bottom: 20px;}
.lineImg li{display:inline-block; margin: 0 5px; /display:inline; /zoom:1;}
#afterTable th{background:#EFEFEE; padding:0;}
#afterTable td{background:#F8F8F7; padding:10px;}
#afterTable th p{ padding:10px; border: 1px solid #fff;}
#desiList{background:#eeeeee;}



/* land
--------------------------------*/
#landBox{margin:0 auto; width:656px; padding:18px 18px 0; height:310px; background:url(/nagoya/land/images/index_bg_001.gif) no-repeat 0 0;}
#landBox2{margin:0 auto; width:656px; padding:8px 18px 18px; height:400px; background:url(/nagoya/land/images/index_bg_002.gif) no-repeat 0 0;}
#landBox2 h3{text-align: center; padding-bottom:25px;}
#landBox dl{display: block;}
#landBox dl dt, #landBox2 dl dt{float:left; clear:both; width:216px;}
#landBox dl dd, #landBox2 dl dd{text-align:left; margin-bottom:10px;}
.tableLand th{background:#F1F0EC;}


/* new
--------------------------------*/
.infoList li .newHousing{background:url(/nagoya/new/images/icon_housing.gif) no-repeat 0 2px;}
.infoList{display: block; border-left:1px solid #ccc; border-top:1px solid #ccc; margin:7px 0 0;}
.infoList li{border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#F1F0EC; zoom:1;}
.infoList li dl.bgPT2{background: #F9F8F6;}
.infoList li dl{border:1px solid #fff; padding: 8px;}
.infoList li strong{height:20px; display:inline-block; /display:inline; /zoom:1;}
.infoList li dl dt.new{background:url("http://www.31sumai.com/common/images/icon_new.gif") no-repeat right 0;}
.infoList li dd{ padding-left: 26px;}
#newHousing.infoList li dt{padding:2px 0 0 30px; font-weight:bold;}
#newHousing.infoList li dd{padding:2px 0 0 30px;}



/* creation
--------------------------------*/
.width50 .lumpR, .width50 .lumpEnd{width:49%;}


/* live
--------------------------------*/
#mapImg{ text-align:center; margin-bottom:20px;}
#townDeta h2{overflow: hidden; zoom:1;}
#townDeta h2 img{margin-right: 5px;}#townDeta p{margin-bottom:10px; clear:both;}
#townDeta h2 img, #townDeta h2 strong{float:left;}
#townDeta table th{width: 70px; padding: 4px 0 2px 6px; background: #F1F0EC; border-top:2px solid white; border-right:3px solid white; vertical-align: baseline;}
#townDeta table td{padding:4px 4px 2px 6px; background:#F9F8F6; border-top:2px solid white;}
#liveList dl{padding-left:8px;}
#liveList dt{padding-bottom: 5px;}
#liveList dd{padding-bottom: 15px;}
#liveList dl img{margin:0 0 3px 10px; vertical-align:middle; /margin-bottom:0; _margin-bottom:2px;}