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

Resident Module Style Sheet
Last Update 2015-01-05

* Page Lead
* Free Area
* Common Area
* outline parts

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

/*--------------------------------
Page Lead
--------------------------------*/
#pageLead{
	padding-top:5px;
	margin:0 auto;
	width:960px;
	background-color:#fff;
}
#pageMenu{float:right; width: 190px; text-align:right;}
#pageMenu .btnFav{margin-right:5px;}
#preAd,
#leadInfo{float:left; width: 770px; margin-bottom:5px;}
#preAd span,
#leadInfo span{padding:3px 0 0 10px; display:inline-block; font-size:11px;}
#preAd img,
#leadInfo img{vertical-align:top;}
#preAd td,
#leadInfo td{font-size:11px; text-align:left; color:#333; font-family: "
ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*--------------------------------
Free Area
--------------------------------*/
#freeArea{padding-bottom:12px; background-color:#fff;}
#freeWrap{margin:0 auto; width:960px;}

/* header [iframe]
--------------------------------*/
#articleText h1{margin-bottom:3px; font-weight:bold;}
#articleText p{font-size:10px;}


/*--------------------------------
Common Area
--------------------------------*/
#commonArea{padding:40px 0 30px; background:url(../../../common/images/bg_body.gif) left top repeat;}
#commonWrap{margin:0 auto; width:940px;}

/* recommend
--------------------------------*/
#recommend{margin-bottom:10px; padding:5px; background-color:#fff; display:block;}
#readHistory{clear:both; display:none; position:relative;}
#readHistory h2{padding:7px 0 9px 9px;}
#readHistory #latest{position:absolute; left:190px; top:20px; font-size:10px; line-height:1;}
/* for new carousel */
#readHistory .bx-window{margin-left:32px;}
#readHistory .bx-wrapper{width:900px!important;}
#readHistory #mycarousel li{width:215px!important; background:url(../../../common/component/jcarousel/skins/bg_item_mid.gif) 0 0 no-repeat;}
/* for old carousel */
#readHistory .jcarousel-container-horizontal,
#readHistory .jcarousel-clip-horizontal{width:846px!important;}
#readHistory .jcarousel-item-horizontal{background:url(../../../common/component/jcarousel/skins/bg_item_short.gif) no-repeat 0 0!important;}/* readHistory width adjust */



#subRecommend{margin-top:15px;}
#subRecommend .recomBox{float:left; width:460px;}
#subRecommend .recomBox h2{padding:0 0 5px 9px;}
#subRecommend .recomInner{padding:10px; border:#ecede5 6px solid;}
#subRecommend .recomInner .areaDetails{margin-top:3px; font-size:10px;}
* html #subRecommend .recomInner{padding:9px;}
#subRecommend .recomNote{text-align:right; margin-top:10px; font-size:10px;}
#neighborhood li,
#interest li{padding-left:12px; background:url(../../../common/images/icon_bullet_01.gif) 0 6px no-repeat;}
#interest{display:none;}
#neighborhood{margin-right:10px;}
#neighborhood .lumpL{width:209px;}

/* sumai
--------------------------------*/
#sumai{margin-bottom:10px; padding:5px; background-color:#fff;}
#sumai h2{margin-bottom:10px; padding:6px 9px; background-color:#ecede7;}
#sumai .sumaiLink{float:right; display:inline; margin:-35px 10px 0 0; padding-right:13px; background:url(../../../common/images/icon_bullet_04.gif) 100% 3px no-repeat; font-size:11px; font-weight:bold;}
#sumai .box1{min-height:154px; _height:154px; display:inline; padding:4px 0 10px; margin-left:5px; float:right; width:464px; background:url(../../../common/resident/images/bg_sumai_box.gif) 0 100% repeat-x;}
#sumai .box1 h3{margin:15px 0 15px 13px;}
#sumai .box1 p{margin:0 0 15px 13px;}
#sumai #mailmag{margin-left:13px;}
#sumai #mailmag dl{background:url(../../../common/resident/images/bg_sumai_subbox_01.gif) 0 0 no-repeat; cursor:pointer;}
#sumai #favorite dl{background:url(../../../common/resident/images/bg_sumai_subbox_02.gif) 0 0 no-repeat; cursor:pointer;}
#sumai #support{margin-left:9px;}
#sumai #support dl{background:url(../../../common/resident/images/bg_sumai_subbox_02.gif) 0 0 no-repeat; cursor:pointer;}
#sumai .subBox{display:inline; float:left; width:215px;}
#sumai .subBox p{margin:0 0 5px 0; padding-left: 5px;}
#sumai .subBox dl{height:87px; overflow:hidden;}
#sumai .subBox dt{margin:10px 11px 7px 11px; padding-left:25px; font-weight:bold; text-decoration:underline;}
#sumai .subBox dd{padding:0 11px; font-size:11px;}
#sumai #mailmag p{border-left:solid 3px #51a0d8;}
#sumai #support p{border-left:solid 3px #8f6633;}
#sumai #mailmag dt{background:url(../../../common/resident/images/icon_mail_mag.gif) 0 0 no-repeat;}
#sumai #favorite dt{background:url(../../../common/resident/images/icon_favorite.gif) 0 0 no-repeat;}
#sumai #support dt{background:url(../../../common/resident/images/icon_one.gif) 0 0 no-repeat;}
#sumai .box2{float:left; width:461px;}
#sumai .box3{float:left; width:auto; display:inline; margin:30px 0 0 70px; text-align:center;}
#sumai .box4{float:right; width:auto;}
#sumai .bgInner{padding:0 13px 7px 0; background:url(../../../common/resident/images/bg_sumai_box.gif) 0 100% repeat-x;}

.banners{margin:10px 0 0 -12px;}
.banners li{display:inline; float:left; width:auto; margin-left:12px;}


/*--------------------------------
outline parts
--------------------------------*/
#outlineHeader{margin:10px 20px 10px 10px; height:30px; position:relative;}
#outlineHeader #logo{position:absolute; left:0; top:0; width:50%;}
#outlineHeader #menus{position:absolute; right:0; top:0; text-align:right; width:30%;}
#outlineHeader #menus p{float:right;}
#outlineHeader #menus02{position:absolute; right:0; top:0; text-align:right; width:30%; height: 24px; overflow: visible;}
#outlineHeader #menus02 p{float:right;}
#outlineHeader #qrCode{margin-left:15px; text-align:center;}
#outlineHeader #qrCode span{display:block;}
#outlineHeader #btnRss{margin-left:4px;}

#outlineIntro{margin:10px 20px 20px; overflow:hidden; /zoom:1;}
#outlineIntro #articleImg{margin-right:30px; float:left;}
#outlineIntro #articleImg img{width:320px;}
#outlineIntro #articleSummary{margin-top:20px; overflow:hidden; /zoom:1;}
#outlineIntro #articleSummary h1{margin-bottom:15px; color:#627aa7; font-size:24px; line-height:1.2; width:480px;}
#outlineIntro #articleSummary h1 img{margin-right:12px; vertical-align:top;}
#outlineIntro #articleSummary h1 span{display:inline-block; width:410px;}
#outlineIntro #articleSummary p{width:480px;}
#outlineIntro #articleSummary .characteristic{margin-bottom:13px; background-color:#ecede7; padding:10px 10px 8px 8px;}
#outlineIntro #articleSummary .characteristic li{margin:0 0 2px 2px; display:inline; float:left; width:84px;}
#outlineIntro #articleSummary #address{padding-bottom:10px; margin-bottom:10px; background:url(../../../common/images/bg_dotline.gif) left bottom repeat-x;}
#outlineIntro #articleSummary #address dt,
#outlineIntro #articleSummary #access dt{float:left; width:75px; font-weight:bold;}
#outlineIntro #articleSummary #address dd,
#outlineIntro #articleSummary #access dd{overflow:hidden; /zoom:1;}

#outlineIntro #articleSummary02{margin-top:20px; overflow:hidden; /zoom:1;}
#outlineIntro #articleSummary02 h1{margin-bottom:15px; color:#627aa7; font-size:24px; line-height:1.2; width:480px; display:inline-table;}
#outlineIntro #articleSummary02 h1 img{margin-right:12px; vertical-align:top;}
#outlineIntro #articleSummary02 h1 span{display:inline-block; width:410px;}
#outlineIntro #articleSummary02 h1 a{color:#627AA7;}
#outlineIntro #articleSummary02 p{width:480px;}
#outlineIntro #articleSummary02 .characteristic{margin-bottom:13px; background-color:#ecede7; padding:10px 10px 8px 8px;}
#outlineIntro #articleSummary02 .characteristic li{margin:0 0 2px 2px; display:inline; float:left; width:84px;}
#outlineIntro #articleSummary02 #address{padding-top:20px; background:url(../../../common/images/bg_dotline.gif) left top repeat-x;}
#outlineIntro #articleSummary02 #address,
#outlineIntro #articleSummary02 #access,
#outlineIntro #articleSummary02 #units,
#outlineIntro #articleSummary02 #residence,
#outlineIntro #articleSummary02 #structure{margin-bottom:10px;}
#outlineIntro #articleSummary02 #address dt,
#outlineIntro #articleSummary02 #access dt,
#outlineIntro #articleSummary02 #units dt,
#outlineIntro #articleSummary02 #residence dt,
#outlineIntro #articleSummary02 #structure dt{float:left; width:95px; font-weight:bold;}
#outlineIntro #articleSummary02 #address dd,
#outlineIntro #articleSummary02 #access dd,
#outlineIntro #articleSummary02 #units dd,
#outlineIntro #articleSummary02 #residence dd,
#outlineIntro #articleSummary02 #structure dd{overflow:hidden; /zoom:1;}

#outlineContents{margin:0 30px;}
#outlineContents .column2{margin:0 0 20px -20px;}
#outlineContents .columnBox{
	display:inline;
	margin-left:20px;
	border:#c9cbc0 1px solid;
	float:left;
	width:450px;
	/width:448px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#outlineContents .columnBox h2{margin:5px 4px;}
#outlineContents .columnBox .inner{margin:10px;}
#outlineContents #saleEnd{margin-top:30px; text-align:center; color:#f00; font-weight:bold;}
h2.type1{margin-bottom:5px; font-size:18px; font-weight:bold;}

.conversionSection{padding:5px; border:#c9cbc0 1px solid; position:relative;}
.conversionSection h2{padding:5px 5px 10px 5px;}
.conversionSection .articleName{position:absolute; right:10px; top:15px; color:#666; font-size:11px; font-weight:bold;}
* html .conversionSection .articleName{right:45px;}
.conversionSection .boxInner{padding:10px; border:#eaebe5 1px solid; background-color:#eaebe5; overflow:hidden; /zoom:1;}
* html .conversionSection .boxInner{padding-bottom:0;}
.conversionSection .subSection{
	float:left;
	width:278px;
	/width:276px;
	border:#e5e6e1 1px solid;
	background-color:#fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.conversionSection .subSection h3{margin:5px;}
.conversionSection .subSection .inner{margin:10px; overflow:hidden; /zoom:1;}

.conversionSection .subSection .inner .btn1{padding-top:5px; float:left;}
.conversionSection .subSection .inner .btn2{padding-top:5px; float:right;}
.conversionSection .subSection .inner .btn3{padding-top:5px; text-align:center;}
.conversionSection .midSection{display:inline; margin:0 7px; width:316px; /width:314px;}
.conversionSection .callNum{
	margin:5px 0 10px 10px;
	height:30px;
	color:#b8c63b;
	font-size:30px;
	font-weight:bold;
	font-family: Arial, sans-serif;
	line-height:1;
	vertical-align:top;
	text-align:center;
}
.conversionSection .note_text {
	font-size: 11px;
}
.conversionSection .characteristic{margin-bottom:13px; background-color:#ecede7; padding:10px 10px 8px 8px;}
.conversionSection .characteristic li{margin:0 0 2px 2px; display:inline; float:left; width:84px;}

#outlineContents .unitList{float:right; margin-top:-30px;}
#outlineContents .summaryTable{width:100%; margin-bottom:5px;}
#outlineContents .summaryTable th,
#outlineContents .summaryTable td{padding:6px 10px; border:#ccc 1px solid; vertical-align:top;}
#outlineContents .summaryTable th{background-color:#e9e8e8; font-weight:bold;}
#outlineContents .summaryTable th.head{color:#fff; background-color:#444;}
#outlineContents .summaryNote{font-size:11px;}
#outlineContents .groupBanners{margin-top:30px; padding:20px 70px; background-color:#e9e8e8;}
#outlineContents .groupBanners ul{margin-left:-12px;}
#outlineContents .groupBanners li{display:inline; float:left; width:386px; margin-left:10px;}
#outlineContents .groupBanners li span{margin-bottom:7px; display:block; font-size:10px; text-align:center;}

#outlineContents .groupBanner{margin-top:30px; padding:20px 70px; background-color:#e9e8e8;}
#outlineContents .groupBanner li{text-align:center;}
#outlineContents .groupBanner li span{margin-bottom:7px; display:block; font-size:10px; text-align:center;}

/* Article List
--------------------------------*/
.windowTitle{margin:45px 0 35px; padding-bottom:7px; background:url(../../../common/images/bg_check_pattern_01.gif) 0 100% repeat-x;}
#articleListLead{position:relative; margin-bottom:15px;}
#articleListLead h1{width:680px; margin-bottom:10px; color:#627aa7; font-size:25px; font-weight:bold; line-height:1.2;}
#articleListLead .windowMenu{position:absolute; right:0; top:5px;}
* html #articleListLead .windowMenu{right:30px;}

#outlineContents .dwellingTable{width:100%; margin-bottom:5px;}
#outlineContents .dwellingTable th,
#outlineContents .dwellingTable td{padding:6px 10px; border:#ccc 1px solid; vertical-align:top; text-align:center;}
#outlineContents .dwellingTable th{background-color:#e9e8e8; font-weight:bold;}
#outlineContents .dwellingTable th.head{color:#fff; background-color:#444;}

/* soldout
--------------------------------*/
#soldOutWrap{margin-top:25px; padding:100px; background-color:#fff;}
#soldOut{padding:67px 15px; background-color:#ecede6;}
#soldOut #soldOutBoxWrap{margin:30px 0 40px -15px;}
#soldOut .soldOutBox{float:left; width:355px; margin-left:15px; display:inline; border:#e5e6e0 1px solid; background-color:#fff; text-align:left;}
#soldOut .soldOutBox .soldOutInner{padding:15px;}
#soldOut .soldOutBox .soldOutInner a{font-weight:bold;}

/* mall
--------------------------------*/
#mallBox{background:url(../images/bg_mallbg_01.gif) left bottom no-repeat;padding-bottom:9px;margin-top:40px;}
#mallBox .inner{background:url(../images/bg_mallbg_02.gif) left top no-repeat;padding:14px 15px 4px 17px;}
#mallBox .flLeft{float:left;width:660px;}
#mallBox .flRight{float:right;width:228px;}

/* loop
--------------------------------*/
#loopBox{background:url(../images/bg_mallbg_01.gif) left bottom no-repeat;padding-bottom:9px;margin-top:10px;}
#loopBox .inner{background:url(../images/bg_mallbg_02.gif) left top no-repeat;padding:14px 15px 4px 17px;}
#loopBox .flLeft{float:left;width:650px;}
#loopBox .flLeft .mb10{margin-bottom:10px;}
#loopBox .inner .flLeft p{font-size:11px;}
#loopBox .flRight{float:right;width:228px;}

/* smartphone
--------------------------------*/
#spBanner{background:
url(http://www.31sumai.com/common/resident/images/bg_body.gif) left top
repeat;}

/*--------------------------------
clearfix
--------------------------------*/
#pageLead,
#articleLogo,
#subRecommend,
#sumai,
#sumaiInner,
.banners,
#outlineHeader,
.characteristic ul,
#address,
#access,
.groupBanners,
.column2,
#soldOutBoxWrap{/zoom:1;} /* IE6,7 */


#pageLead:after,
#articleLogo:after,
#subRecommend:after,
#sumai:after,
#sumaiInner:after,
.banners:after,
#outlineHeader:after,
.characteristic ul:after,
#address:after,
#access:after,
.groupBanners:after,
.column2:after,
#soldOutBoxWrap:after{content:''; display:block; clear:both; height:0;}