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

Module Style Sheet
Last Update 2012-04-19

* Layout Adjust
* windowType
* common parts
* header
* gnav
* keyVisual
* contents
* recommend
* footBar
* footer
* outline parts
* clearfix

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

/*--------------------------------
Layout Adjust
--------------------------------*/
.m00{margin:0!important;}.m05{margin:5px!important;}.m10{margin:10px!important;}.m15{margin:15px!important;}
.m20{margin:20px!important;}.m25{margin:25px!important;}.m30{margin:30px!important;}
.mAll{margin:15px!important;}
.mt00{margin-top:0 !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}
.mb00{margin-bottom:0 !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}
.ml00{margin-left:0 !important;}.ml05{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}.ml25{margin-left:25px !important;}.ml30{margin-left:30px !important;}.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}.ml50{margin-left:50px !important;}
.mr00{margin-right:0 !important;}.mr05{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}.mr25{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr35{margin-right:30px !important;}
.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important;}

.p00{padding:0!important;}.p05{padding:5px!important;}.p10{padding:10px!important;}.p15{padding:15px!important;}
.p20{padding:20px!important;}.p25{padding:25px!important;}.p30{padding:30px!important;}
.pAll{padding:15px!important;}
.pt00{padding-top:0 !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}
.pb00{padding-bottom:0 !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}.pb50{padding-bottom:50px !important;}
.pl00{padding-left:0 !important;}.pl05{padding-left:5px !important;}.pl10{padding-left:10px !important;}.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}.pl25{padding-left:25px !important;}.pl30{padding-left:30px !important;}.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}.pl50{padding-left:50px !important;}
.pr00{padding-right:0 !important;}.pr05{padding-right:5px !important;}.pr10{padding-right:10px !important;}.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}.pr25{padding-right:25px !important;}.pr30{padding-right:30px !important;}.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}.pr50{padding-right:50px !important;}

.center{text-align:center !important;}
.txtL{text-align:left!important;}
.txtR{text-align:right!important;}
.vTop{vertical-align:top;}
.vMid{vertical-align:middle;}
.vBottom{vertical-align:bottom;}
.bold{font-weight:bold;}
.fwNormal{font-weight:normal;}
.italic{font-style:italic; padding-right:3px;}
.small{font-size:11px;}
.xsmall{font-size:10px;}
.large{font-size:14px;}
.floatL{float:left;}
.floatR{float:right;}
.floatN{float:none!important;}
.clearB{clear:both;}
.color01{color:#ff3d3d;}
.color02{color:#b3bd0f;}
.color03{color:#888;}
.block{display:block!important;}
.inline{display:inline!important;}
.inlineB{display:inline-block!important; /display:inline!important; /zoom:1;}
.relative{position:relative!important;}
.absolute{position:absolute!important;}
.nobr{white-space:nowrap;}
.noBg{background-image:none!important;}
.noBd{border:none!important;}
table.noBd th,table.noBd td{border:none!important;}
.btn{cursor:pointer;}
.none{display:none;}
.txtOverLine{text-decoration:overline;}
.txtUnderLine{text-decoration:underline;}
.txtType1{color:#888; font-size:11px; line-height:1.3;}
* html .txtType1{font-size:83%; line-height:1.5;}

.dotLineTop{margin-top:10px; padding-top:10px; border-top:#ccc 1px dotted;}
.dotLineBottom{margin-bottom:10px; padding-bottom:10px; border-bottom:#ccc 1px dotted;}
.dotLineTop2{margin-top:10px; padding-top:10px; border-top:#444 1px dotted;}
.dotLineBottom2{margin-bottom:10px; padding-bottom:10px; border-bottom:#444 1px dotted;}
.lineTop{margin-top:10px; padding-top:10px; border-top:#111 1px solid;}


.indent01{text-indent:-1.2em; padding-left:1.2em;}
.indent02{text-indent:-1.6em; padding-left:1.6em;}
.indent03{text-indent:-2em; padding-left:2em;}

.highlight{background-color:#ff3;}
p.error{color:#ff0000;}
.w355{width:355px;}
.allCenter th,
.allCenter td{text-align:center;}
.bullet2Ill{display:block; padding-left:15px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_02.png) 0 3px no-repeat;}
* html .bullet2Ill{padding-top:5px;}


/* 20130207 404page*/
.boxInner .escapeBox {
overflow: hidden;
margin:10px 0 10px 0;
_margin:10px 0 30px 0;
}
.boxInner .escapeBox .bnr {
float: left;
margin: 0 20px 0 0;
}
.boxInner .escapeBox .outline {
overflow: hidden;
}
.boxInner .escapeBox .outline .outlineLink {
padding-left: 15px;
background: url(/inc/31source/image/cmn_arr_002.gif) 0 2px no-repeat;
}

.boxInner .escapeBox .outline .outlineLink a {
padding-right: 20px;
background: url(/pws/help/image/icon_blank.gif) 100% 0 no-repeat;
}

/*--------------------------------
windowType
--------------------------------*/
/* Article Outline Page */
.windowType1{border-top:#201010 10px solid; width:980px!important;}
.windowType1 #innerWrap{margin:30px 30px 0;}
.windowType1 #footer{width:920px;}

/* form window */
.windowType2{border-top:#201010 10px solid; width:800px!important;}
.windowType2 #innerWrap,
.windowType3 #innerWrap{margin:30px 30px 0;}
.windowType2 #header,
.windowType3 #header{width:auto; margin-bottom:20px; padding:0;}
.windowType2 #header #contentsTitle,
.windowType3 #header #contentsTitle{float:left; width:70%;}
.windowType2 #header #logo31sumai,
.windowType3 #header #logo31sumai{float:right; width:150px; text-align:right;}
.windowType2 #footer{width:740px;}

/* Popup window */
.windowType3{border-top:#201010 10px solid; width:600px!important;}
.windowType3 #footer{width:540px;}


/*--------------------------------
common parts
--------------------------------*/
.noJS{margin:0 auto; padding:5px 10px 5px 45px; width:905px; background:#fefbeb url(/content/dam/31sumai/shared/migration/images/icon_noscript.gif) 20px 5px no-repeat;}
.windowType2 .noJS{width:auto;}

h3{font-weight:bold;}
h4{font-weight:bold;}

.heading1{margin-bottom:15px; padding:5px 0 10px 20px; background: url(/content/dam/31sumai/shared/migration/images/bg_heading_01.gif) 0 100% no-repeat; font-size:14px; font-weight:bold;}
.heading2{margin:5px; padding:3px 0 1px 10px; border-left:#b8c539 5px solid; line-height:1.3; font-size:14px; font-weight:bold;}
.heading3{padding:5px 0 8px; background: url(/content/dam/31sumai/shared/migration/images/bg_check_pattern_01.gif) 0 100% repeat-x; font-weight:bold;}
.heading3 span.apart{padding:3px 0 5px 32px; background:url(/content/dam/31sumai/shared/migration/images/icon_apart_l.gif) 0 0 no-repeat; display:inline-block;}
.heading3 span.house{padding:3px 0 5px 32px; background:url(/content/dam/31sumai/shared/migration/images/icon_house_l.gif) 0 0 no-repeat; display:inline-block;}
.heading3 span.land_house{padding:3px 0 5px 32px; background:url(/content/dam/31sumai/shared/migration/images/icon_land_l.gif) 0 0 no-repeat; display:inline-block;}
.heading3 img{padding-bottom:5px;}
.heading4{padding:5px; background-color:#e8e9e3; font-weight:bold;}

.heading5{padding:5px 0 8px; background: url(/content/dam/31sumai/shared/migration/images/bg_check_pattern_01.gif) 0 100% repeat-x; font-weight:bold; width:675px; margin-bottom:15px;}

.pageTop{text-align:right;}
.pageTop a{display:inline-block; width:78px; height:21px; background:#fff url(/content/dam/31sumai/shared/migration/images/pagetop.gif) 50% 50% no-repeat; line-height:1; text-decoration:none;}
.pageTop span{visibility:hidden;}

.bgType01{padding:6px; background-color:#eaebe5;}
.borderType1{padding:12px; border:#dbdbdb 1px solid;}
.borderType2{padding:12px; border:#e5e6e0 3px solid;}


/* Icon, List
--------------------------------*/
.iconApart{padding:2px 0 0 28px; background:url(/content/dam/31sumai/shared/migration/images/icon_apart.gif) 0 0 no-repeat; display:block; font-weight:bold;}
.iconHouse{padding:2px 0 0 28px; background:url(/content/dam/31sumai/shared/migration/images/icon_house.gif) 0 0 no-repeat; display:block; font-weight:bold;}
.iconLand{padding:2px 0 0 28px; background:url(/content/dam/31sumai/shared/migration/images/icon_land.gif) 0 0 no-repeat; display:block; font-weight:bold;}
.iconCampaign{padding:2px 0 0 28px; background:url(/content/dam/31sumai/shared/migration/images/icon_campaign.gif) 0 0 no-repeat; display:block; font-weight:bold;}
.iconInfo{padding:2px 0 0 28px; background:url(/content/dam/31sumai/shared/migration/images/icon_info.gif) 0 0 no-repeat; display:block; font-weight:bold;}

.bullet1,
.bulletList1 li,
.floatBullet1 li{padding-left:10px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_01.gif) 0 6px no-repeat;}
.bullet2,
.bulletList2 li,
.floatBullet2 li{padding-left:15px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_02.png) 0 3px no-repeat;}
.bullet2W{padding-left:15px; background:#444 url(/content/dam/31sumai/shared/migration/images/icon_bullet_02_white.gif) 0 3px no-repeat; color:#fff;}
.bullet3,
.bulletList3 li,
.floatBullet3 li{padding-left:20px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_03.png) 0 1px no-repeat;}
.bullet4{font-weight:bold; text-align:right;}
.bullet4 a{padding-right:12px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_04.gif) 100% 2px no-repeat;}
a.bullet1{background-position:0 3px;}
a.bullet2{background-position:0 1px; _background-position:0 4px;}
a.bullet2W{background-position:0 1px;}
a.bullet3{background-position:0 1px; _background-position:0 4px; padding:2px 0 3px 20px;}


.linkBlank{padding-left:18px; background:url(/content/dam/31sumai/shared/migration/images/icon_blank.gif) 0 2px no-repeat;}
a.linkBlank{display:inline-block; padding-right:18px; padding-left:0; background:url(/content/dam/31sumai/shared/migration/images/icon_blank.gif) 100% 2px no-repeat;}
.linkBlankList li{padding-left:18px; background:url(/content/dam/31sumai/shared/migration/images/icon_blank.gif) 0 2px no-repeat;}
.historyBack{padding-left:15px; background:url(/content/dam/31sumai/shared/migration/images/icon_back.gif) 0 3px no-repeat; font-weight:bold;}

.floatList li,
.floatBullet1 li,
.floatBullet2 li,
.floatBullet3 li,
.floaBlank li{float:left; width:auto; margin-right:20px; white-space:nowrap;}

.floatList01{margin-left:20px; padding-bottom:30px;}
.floatList01 li{margin-bottom:12px; float:left; width:200px; padding-left:10px;background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_01.gif) 0 6px no-repeat;}

.linkInpage{padding:15px; border:#e5e6e0 3px solid;}
.linkInpage li{float:left; width:auto; margin:5px 25px 0 0; padding-left:20px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_down.gif) 0 0 no-repeat; white-space:nowrap;}
.linkInpage li.other{background:none; padding-left:10px;}
.linkInpageCenter{padding:15px; border:#e5e6e0 3px solid; text-align:center;}
.linkInpageCenter li{display:inline-block; /display:inline; /zoom:1; width:auto; margin:5px 25px 0 0; padding-left:20px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_down.gif) 0 0 no-repeat; white-space:nowrap;}
.linkInpageCenter li.other{background:none; padding-left:10px;}

.mbtype00 li{margin-bottom:0 !important;}
.mbtype05 li, .mbtype05 dd, .mbtype05 p{margin-bottom:5px !important;}
.mbtype05 ul, .mbtype05 ol{margin-top:5px;}
.mbtype10 li, .mbtype10 dd, .mbtype10 p{margin-bottom:10px !important;}
.mbtype10 ul, .mbtype10 ol{margin-top:10px;}

.fixW40 li{width:40px;}.fixW50 li{width:50px;}.fixW60 li{width:60px;}.fixW70 li{width:70px;}.fixW80 li{width:80px;}.fixW90 li{width:90px;}
.fixW100 li{width:100px;}.fixW110 li{width:110px;}.fixW120 li{width:120px;}.fixW130 li{width:130px;}.fixW140 li{width:140px;}
.fixW150 li{width:150px;}.fixW160 li{width:160px;}.fixW170 li{width:170px;}.fixW180 li{width:180px;}.fixW190 li{width:190px;}
.fixW200 li{width:200px;}.fixW210 li{width:210px;}.fixW220 li{width:220px;}.fixW230 li{width:230px;}.fixW240 li{width:240px;}
.fixW250 li{width:250px;}.fixW260 li{width:260px;}.fixW270 li{width:270px;}.fixW280 li{width:280px;}.fixW290 li{width:290px;}
.fixW300 li{width:300px;}.fixW310 li{width:310px;}.fixW320 li{width:320px;}.fixW330 li{width:330px;}.fixW340 li{width:340px;}
.fixW350 li{width:350px;}.fixW360 li{width:360px;}.fixW370 li{width:370px;}.fixW380 li{width:380px;}.fixW390 li{width:390px;}
.fixW400 li{width:400px;}.fixW410 li{width:410px;}.fixW420 li{width:420px;}.fixW430 li{width:430px;}.fixW440 li{width:440px;}

.disc,
.discList li{margin-left:3px; padding-left:10px; background: url(/content/dam/31sumai/shared/migration/images/icon_disc.gif) 0 5px no-repeat;}
ol.decimal li{margin-left:2em; list-style-type:decimal;}

.step01,.step02,.step03,.step04,.step05,.step06,.step07,.step08,.step09,.step10{margin-bottom:10px; padding:6px 0 6px 33px; font-weight:normal;}
.step01{background:url(/content/dam/31sumai/shared/migration/images/icon_step_01.gif) 0 0 no-repeat;}
.step02{background:url(/content/dam/31sumai/shared/migration/images/icon_step_02.gif) 0 0 no-repeat;}
.step03{background:url(/content/dam/31sumai/shared/migration/images/icon_step_03.gif) 0 0 no-repeat;}
.step04{background:url(/content/dam/31sumai/shared/migration/images/icon_step_04.gif) 0 0 no-repeat;}
.step05{background:url(/content/dam/31sumai/shared/migration/images/icon_step_05.gif) 0 0 no-repeat;}
.step06{background:url(/content/dam/31sumai/shared/migration/images/icon_step_06.gif) 0 0 no-repeat;}
.step07{background:url(/content/dam/31sumai/shared/migration/images/icon_step_07.gif) 0 0 no-repeat;}
.step08{background:url(/content/dam/31sumai/shared/migration/images/icon_step_08.gif) 0 0 no-repeat;}

/* table
--------------------------------*/
.tableType1 th,
.tableType1 td{border:#d2d2d2 1px solid; padding:10px;}

.tableType2{border:#d2d2d2 1px solid; padding:10px; border-bottom:none;}
.tableType2 th,
.tableType2 td{border-bottom:#d2d2d2 1px solid; padding:15px;}

.con_table_outline{background-color:#fff;}
.con_table_outline th{padding:13px; border:#c7c7c7 1px solid; vertical-align:middle;}
.con_table_outline td{padding:13px; border:#c7c7c7 1px solid;}
.con_table_outline tr th.error{background:#fedbdb url(/content/dam/31sumai/shared/migration/form/images/table_th_error.gif) 0 0 no-repeat!important;}
.con_table_outline tr td.error{background:#fedbdb url(/content/dam/31sumai/shared/migration/form/images/table_td_error.gif) 100% 0 no-repeat!important;}
.con_table_outline tr.odd th,
.con_table_outline tr.even th,
.con_table_outline th.bg{background:#f3f3f1 url(/content/dam/31sumai/shared/migration/form/images/table_th_odd.gif) 0 0 no-repeat;}
.con_table_outline tr.odd td,
.con_table_outline tr.even td,
.con_table_outline td.bg{background:#f3f3f1 url(/content/dam/31sumai/shared/migration/form/images/table_td_odd.gif) 100% 0 no-repeat;}
.con_table_outline tr.odd th.noBg,
.con_table_outline tr.odd td.noBg,
.con_table_outline tr.even th.noBg,
.con_table_outline tr.even td.noBg{background:none; background-color:#fff;}
.con_table_outline th.cellA{background:#cfcfcf url(/content/dam/31sumai/shared/migration/form/images/table_th_cella.gif) 0 0 no-repeat!important;}
.con_table_outline td.cellA{background:#cfcfcf url(/content/dam/31sumai/shared/migration/form/images/table_td_cella.gif) 100% 0 no-repeat!important;}
.con_table_outline th.cellB{background-color:#bdbdbd; padding:0;}
.con_table_outline th.cellB p{border:#fff 1px solid; padding:13px;}

/* lumpMix
--------------------------------*/
.lumpMix .lumpL{float:left; margin-right:10px;}
.lumpMix .lumpR{float:right; margin-left:10px;}
.lumpMix .lumpEnd{overflow:hidden; /zoom:1;}
.lumpMix .lumpEnd .imgCaption{display:block; margin-top:5px; text-align:right;}
.lumpMix .lumpL .imgCaption{display:block; margin-top:5px; text-align:left;}
.lumpMix .lumpR .imgCaption{display:block; margin-top:5px; text-align:right;}
.imgCaptionS{display:block; color:#888; font-size:11px; margin-top:5px; line-height:1.3;}

/* box
--------------------------------*/
.boxType1{border:#c7c7c7 1px solid;}
.boxType1 .boxTitle{margin:5px 5px 0; background-color:#444;}
.boxType1 .boxInner{margin:0 5px 5px; padding:13px; background-color:#eaebe5;}
.whiteBox{padding:10px; background-color:#fff;}
.single{width:500px; margin:0 auto;}
.boxType2 .boxTitle{background-color:#444;}
.boxType2 .boxInner{padding:10px; background-color:#eaebe5;}
.boxType3{border:#c7c7c7 1px solid;}
.boxType3 .boxTitle{background-color:#444;}
.boxType3 .boxInner{padding:15px;}

/* column
--------------------------------*/
.column1Box1{margin-top:10px; padding:10px; border:#dbdbdb 1px solid;}

.column2Box1{margin:0 0 10px -8px;}
.column2Box1 .columnBox{float:left; width:459px; border:#dbdbdb 1px solid; display:inline; margin:8px 0 0 8px;}
.column2Box1 .columnBox2{float:left; width:459px; display:inline; margin:8px 0 0 8px;}
#sectionMain .column2Box1 .columnBox{width:334px;}
.column2Box1 .boxTitle1{margin:5px 10px 0; padding-bottom:5px; border-bottom:#e8e9e3 1px solid; color:#222;}
.column2Box1 .boxTitle1 .apart{padding:2px 0 0 26px; background:url(/content/dam/31sumai/shared/migration/images/icon_apart.gif) 0 0 no-repeat; font-weight:bold;}
.column2Box1 .boxTitle1 .house{padding:2px 0 0 26px; background:url(/content/dam/31sumai/shared/migration/images/icon_house.gif) 0 0 no-repeat; font-weight:bold;}
.column2Box1 .boxTitle1 .land{padding:2px 0 0 26px; background:url(/content/dam/31sumai/shared/migration/images/icon_land.gif) 0 0 no-repeat; font-weight:bold;}
.column2Box1 .boxTitle1 .attachment{float:right; margin-top:-17px;}
.column2Box1 .boxTitle1 .attachment .state1,
.column2Box1 .boxTitle1 .attachment .state2,
.column2Box1 .boxTitle1 .attachment .state3,
.column2Box1 .boxTitle1 .attachment .state4,
.column2Box1 .boxTitle1 .attachment .state5,
.column2Box1 .boxTitle1 .attachment .state6{padding:2px 4px; color:#fff; font-size:10px;}
.column2Box1 .boxTitle1 .attachment .state1{background-color:#d8aba4;}
.column2Box1 .boxTitle1 .attachment .state2{background-color:#97aec5;}
.column2Box1 .boxTitle1 .attachment .state3{background-color:#d1c686;}
.column2Box1 .boxTitle1 .attachment .state4{background-color:#b3cbd8;}
.column2Box1 .boxTitle1 .attachment .state5{background-color:#d8bea1;}
.column2Box1 .boxTitle1 .attachment .state6{background-color:#b8c69f;}
.column2Box1 .boxTitle2{padding:10px; background-color:#f2dabf; font-weight:bold; color:#222;}
.column2Box1 .boxTitle2 .attachment{float:right; margin-top:-20px;}
.column2Box1 .boxTitle3{margin:10px 10px 0; padding-bottom:10px; background: url(/content/dam/31sumai/shared/migration/images/bg_check_pattern_01.gif) 0 100% repeat-x; font-weight:bold;}
.column2Box1 .boxInner{padding:10px;}
.column2Box1 .boxInner .article{padding-left:58px; margin-bottom:13px; font-weight:bold;}
.column2Box1 .boxInner .article img{margin:0 10px 0 -58px; vertical-align:top;}
.column2Box1 .boxInner .article a{vertical-align:top; margin-top:5px; display:inline-block;}
.column2Box1 .columnBox .btnDetails{position:absolute; bottom:10px; right:10px;}

.column2Box2 .columnBox{float:left; width:48%; margin-left:0;}
.column2Box2 .separate{margin-right:10px; padding-right:10px; border-right:#444 1px dotted;}

.column2Box3{margin:-10px 0 0 -20px;}
.column2Box3 .columnBox{float:left; width:454px; display:inline; margin:30px 0 0 20px; position:relative;}
.column2Box3 .columnBox .btnDetails{position:absolute; bottom:0; right:0;}

.column3Box1{margin:0 0 10px -8px;}
.column3Box1 .columnBox{float:left; width:302px; border:#dbdbdb 1px solid; display:inline; margin:8px 0 0 8px;}
#sectionMain .column3Box1 .columnBox{width:219px;}
.column3Box1 .boxTitle1{margin:5px 10px 0; padding-bottom:5px; border-bottom:#e8e9e3 1px solid; color:#222;}
.column3Box1 .boxTitle2{padding:10px; background-color:#f2dabf; font-weight:bold; color:#222;}
.column3Box1 .boxTitle2 .attachment{float:right; margin-top:-20px;}
.column3Box1 .boxTitle3{margin:10px 10px 0; padding-bottom:10px; background: url(/content/dam/31sumai/shared/migration/images/bg_check_pattern_01.gif) 0 100% repeat-x; font-weight:bold;}
.column3Box1 .boxInner{padding:10px;}
.column3Box1 .boxInner .article{padding-left:58px; margin-bottom:13px; font-weight:bold;}
.column3Box1 .boxInner .article img{margin:0 10px 0 -58px; vertical-align:top;}
.column3Box1 .boxInner .article a{vertical-align:top; margin-top:5px; display:inline-block;}

.column3Box2 .columnBox{float:left; width:31%; margin-left:0;}
.column3Box2 .separate{margin-right:10px; padding-right:10px; background:url(/content/dam/31sumai/shared/migration/images/bg_dot_separate_l.gif) 100% 0 repeat-y;}

.columnBox .rest{text-align:center;}


/* hitBox
--------------------------------*/
.hitBox{padding:9px; border:#e5e6e0 1px solid; position:relative;}
.hitLead{margin-bottom:10px; padding-bottom:13px; background:url(/content/dam/31sumai/shared/migration/images/bg_check_pattern_01.gif) 0 100% repeat-x; font-weight:bold;}
.hitLead .type{float:left; width:45%; padding:5px 0 0 26px;}
.hitLead .apart{background:url(/content/dam/31sumai/shared/migration/images/icon_apart.gif) 0 3px no-repeat;}
.hitLead .house{background:url(/content/dam/31sumai/shared/migration/images/icon_house.gif) 0 3px no-repeat;}
.hitLead .land{background:url(/content/dam/31sumai/shared/migration/images/icon_land.gif) 0 3px no-repeat;}
.hitLead .action{float:right; width:50%;}
.hitLead .action li{float:right; width:auto; margin-left:4px;}
.hitLead .action li.txtLink{margin-right:15px; padding:5px 15px 0 0; background: url(/content/dam/31sumai/shared/migration/images/bg_dot_separate_l.gif) 100% 50% repeat-y; height:19px;}
.hitLead .action li.txtLink a{padding-left:18px; background:url(/content/dam/31sumai/shared/migration/images/icon_blank.gif) 0 0 no-repeat;}

.hitBox h3{width:525px; margin-bottom:15px;}
.hitBox h3 a{font-size:16px; display:inline-block;}
.hitBox .gotoOfficial{position:absolute; right:9px; top:58px;}
.hitBox .nStation{margin:10px 0; color:#f00;}
.hitBox .lumpL{margin-right:20px;}
.hitBox dl.lumpEnd{overflow:hidden; /zoom:1;}
.hitBox dl.lumpEnd dt{float:left; width: 75px; margin-bottom:12px; font-weight: bold;}
.hitBox dl.lumpEnd dd{ margin-bottom:12px; overflow:hidden; /zoom:1;}
.hitBox .character{margin-top:12px; padding:11px 14px 14px 11px; background:url(/content/dam/31sumai/shared/migration/images/bg_check_pattern_03.gif) 0 0 repeat;}
.hitBox .character li{margin:2px 0 0 2px; float:left; width:129px; display:inline;}
.hitBox .appeal{margin-top:10px;}
.hitBox .appeal .toggle{padding-left:18px; background:url(/content/dam/31sumai/shared/migration/form/images/search/icon_appeal.gif) 0 3px no-repeat; font-weight:bold;}
.hitBox .appeal .details{display:none; margin-top:5px;}

/* sideBox
--------------------------------*/
.sideBox{margin-bottom:9px; padding:5px; background-color:#fff;}
.sideBox .boxTitle{padding:8px 11px; background-color:#444; color:#fff; font-weight:bold; line-height:1.3; border-bottom:#fff 1px solid;}
.sideBox .boxTitle span.blank{padding-right:20px; background:url(/content/dam/31sumai/shared/migration/images/icon_blank_gray.gif) 100% 0 no-repeat;}
.sideBox .boxTitle a{color:#fff;}
.sideBox .boxInner{padding:13px 10px; background-color:#e8e9e3; margin-top:-1px;}
.sideBox .highlightTitle{background:#444 url(/content/dam/31sumai/shared/migration/images/bg_ttl_highlight.gif) 0 0 no-repeat;}

.sideBox .areaMap{margin:10px 0 10px 7px;}
.sideBox .areaMap img{border:#fff 3px solid;}
.sideBox .branchBnr li{margin-bottom:3px;}

dl.info{font-size:11px;}
dl.info dt{margin-bottom:8px;}
dl.info dt img.new{margin:5px 0 0 10px; vertical-align:top; float:right;}
dl.info dd{margin-bottom:10px; padding-bottom:10px; border-bottom:#292929 1px dotted;}

.sideBox .localNav{color:#333;}
.sideBox .localNav li{padding:7px 0 7px 23px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_01.gif) 13px 13px no-repeat; border-bottom:#333 1px dotted;}
.sideBox .localNav li.overlap{background-image:none;}
.sideBox .localNav li.here{background-color:#fff; margin:0 -10px; padding-left:33px; background-position:23px 13px; color:#888;}
.sideBox .localNav li li{border-bottom:0; padding:3px 0 3px 13px; background:none; font-size:10px;}
.sideBox .localNav li li.here{margin:0 -10px 0 -33px; padding-left:46px;}

.sideBox .myLower{padding-left:16px; background: url(/content/dam/31sumai/shared/migration/images/icon_local_01.gif) 0 1px no-repeat;}
.sideBox .otherLower{padding-left:16px; background: url(/content/dam/31sumai/shared/migration/images/icon_local_02.gif) 0 1px no-repeat;}

/* form parts
--------------------------------*/
#keyword,
#keyword_again,
#val_from,
#val_from_again{height:19px; border:#dfdfe1 1px solid; padding:1px; margin:2px 10px 0 0; vertical-align:top; color:#999;}
#keyword,#keyword_again{width:250px;}
#val_from,
#val_from_again{width:161px;}
#val_range,
#val_range_again{margin:2px 10px 0 10px; width:163px; height:23px; border:#dfdfe1 1px solid; vertical-align:top;}
.sideBox #keyword{width:140px; margin-top:1px;}
.sideBox #val_from{width:140px;}
.sideBox #val_range{width:145px; margin:6px 10px 0 0;}
.wideMargin{padding:140px; text-align:center;}

/* aside
--------------------------------*/
.asideWrap{border:#e5e6e0 3px solid; padding:7px;}
.asideWrap .asideTitle{margin-bottom:10px; padding:3px 0 12px; background:url(/content/dam/31sumai/shared/migration/images/bg_check_pattern_01.gif) 0 100% repeat-x;}
.asideWrap .asideTitle .attachment{float:right; width:auto; margin-top:-18px;}
.asideWrap .asideSite{overflow:hidden; /zoom:1; margin:20px 0 10px; padding-bottom:15px; background:url(/content/dam/31sumai/shared/migration/images/bg_dotline.gif) 0 100% repeat-x;}
.asideWrap .asideSite .lumpMix{float:left; width:218px; display:inline; margin-left:10px;}

.asideWrap .asideGroup{overflow:hidden; /zoom:1; margin-left:-2px;}
.asideWrap .asideGroup .group{float:left; width:339px; display:inline; margin:0 0 2px 2px; background:url(/content/dam/31sumai/shared/migration/images/bg_check_pattern_03.gif) 0 0 repeat;}
.asideWrap .asideGroup .group .groupLead{margin:10px 12px 5px; color:#888; font-size:11px; line-height:1.3;}
.asideWrap .asideGroup .group .groupLink{margin:0 12px; padding:0 0 10px 15px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_02_aside.gif) 0 4px no-repeat; font-size:13px; font-weight:bold;}
.asideWrap .asideGroup .group .groupLink a{color:#555;}
.asideWrap .asideGroup .group .groupLink a:hover{color:#888;}
.asideWrap .asideGroup .group .groupLink a:active{color:#b3bd0f;}

.asideWrap .asideGroup .groupW{width:656px; padding:12px; margin:0 0 2px 2px; background:url(/content/dam/31sumai/shared/migration/images/bg_check_pattern_03.gif) 0 0 repeat;}
.asideWrap .asideGroup .groupW .bnr{float:left;width:231px;}
.asideWrap .asideGroup .groupW .groupLead{float:right;width:413px;}
.asideWrap .asideGroup .groupW .groupLead p{margin:0; color:#888; font-size:11px; line-height:1.3;}
.asideWrap .asideGroup .groupW .groupLead p.groupLink{margin:0 0 5px; padding:0 0 0 15px; background: url(/content/dam/31sumai/shared/migration/images/icon_bullet_02_aside.gif) 0 4px no-repeat; font-size:13px; font-weight:bold;}
.asideWrap .asideGroup .groupW .groupLink a{color:#555;}
.asideWrap .asideGroup .groupW .groupLink a:hover{color:#888;}
.asideWrap .asideGroup .groupW .groupLink a:active{color:#b3bd0f;}

/* areaLinks
--------------------------------*/
#areaLinksWrap{margin-left:-15px;}
.areaLinks{float:left; width:355px; margin-left:15px; display:inline; border:#e5e6e0 1px solid; background-color:#fff; text-align:left;}
.areaLinks .areaInner{padding:15px;}
.areaLinks .areaInner a{font-weight:bold;}

#sectionMain .areaLinks{width:330px;}
#sectionMain #areaLinksWrap{margin-top:10px;}

/* colorbox contents
--------------------------------*/
#detailsPopup1{width:800px; overflow:visible;}
#detailsPopup2{width:600px; overflow:visible;}
#cboxLoadedContent{overflow:visible!important;}

/*--------------------------------
header
--------------------------------*/
#headerWrap{width:100%; background-color:#fff;}
#header{padding:10px 0; margin:0 auto; width:960px;}
#headerWrap #header{padding:0;}
#headerNav{float:right; width:auto; font-size:1px; margin:10px 0 7px;}
#headerNav li{padding-right:10px; margin-right:10px; float:left; width:auto; height:10px; background:url(/content/dam/31sumai/shared/migration/images/bg_dot_separate.gif) 100% 50% no-repeat;}
#headerNav li img{vertical-align:top;}
#logoArea{clear:both; margin:5px 0 23px;}
#sumaiLogo{float:left; width:600px;}
#sumaiLogo a{display:inline-block;}
#sumaiLogo span{display:inline-block; vertical-align:top; padding:13px 0 0 25px; color:#666; font-size:11px; line-height:1.4;}
#mfrLogo{float:right; width:290px; text-align:right; margin-top:13px;}
#logo{float:left; width:660px;}
#hello{float:right; width:auto; font-size:11px; margin:6px 10px; padding-right:10px; display:inline; background:url(/content/dam/31sumai/shared/migration/images/bg_dot_separate.gif) 100% 50% no-repeat;}
#hello span{margin:0 3px; display:inline-block; font-size:12px;}

body#temp_new #headWrap {
	width: 100%;
	margin: 0 0 16px;
}
body#temp_new #headWrap #head {
	position: relative;
	width: 960px;
	display: block;
	margin: 0 auto;
}
body#temp_new #headWrap #head #rightBlock {
	position: absolute;
	width: 350px;
	text-align: right;
	top: 0px;
	right: 0px;
}
body#temp_new #headWrap #head #rightBlock #headerNav {
	margin: 0 0 14px 0;
}
body#temp_new #headWrap #head #rightBlock #headerNav li {
	background: none;
	float: right;
	height: auto;
	padding: 0;
	margin: 0;
}


/*--------------------------------
gNav
--------------------------------*/
#gNav{width:100%; height:54px; background-color:#272226;}
#gNav ul{width:960px; margin:0 auto;}
#gNav ul li{float:left; width:auto;}


/*--------------------------------
keyVisual
--------------------------------*/
#keyVisual{height:196px; background:url(/top/images/key_visual.jpg) 50% 0 no-repeat;}


/*--------------------------------
contents
--------------------------------*/
#contentsAreaWrap{width:100%; margin-top:5px; padding:25px 0 7px; background:#fff url(/content/dam/31sumai/shared/migration/images/bg_body.gif) 0 0 repeat;}
#contentsArea{width:960px; margin:0 auto; overflow:hidden; /zoom:1;}

#location{margin-bottom:8px; padding:13px 8px; background-color:#fff;}
#location .crumbs{padding:0 6px 10px; background:url(/content/dam/31sumai/shared/migration/images/bg_crumbs.gif) 0 100% no-repeat; font-size:11px;}
#location .crumbs a{margin:0 8px; white-space:nowrap;}
#location .crumbs a.first{margin-left:0;}
#location .crumbs span{padding-left:8px; color:#b4be0f;}
#location h1{margin:9px 7px 0;}
#location h1#textHeading{padding:3px 0 0 20px; height:30px; font-weight:bold; font-size:20px; background:url(/content/dam/31sumai/shared/migration/images/bg_text_heading.gif) 0 0 no-repeat;}
.visual{margin-bottom:25px!important; padding-bottom:8px!important;}/* location visual ver */
.visual h1{margin:9px 0 0!important;}/* location visual ver */

#sectionMain{float:right; width:710px;}
#sectionSide{float:left; width:242px;}

.sideRight #sectionMain{float:left;}
.sideRight #sectionSide{float:right;}

.section{margin-bottom:8px; padding:5px; background-color:#fff;}
.sectionGeneral{margin-bottom:8px; padding:8px; background-color:#fff;}
.section15{margin-bottom:8px; padding:15px; background-color:#fff;}
.section20{margin-bottom:8px; padding:20px; background-color:#fff;}
.sectionInner{margin:0 7px 7px;}
.sectionLogin{margin-bottom:8px; padding:70px 110px; background-color:#fff;}

/* footBnrs
--------------------------------*/
.footBnrs{margin:30px 0 10px -8px}
.footBnrs li{float:left; width:234px; display:inline; margin-left:8px;}


/*--------------------------------
recommend
--------------------------------*/
#recommend{margin-bottom:10px; padding:9px; background-color:#fff; display:none;}
#readHistory{clear:both; position:relative;}
#readHistory h2{padding-bottom:9px;}
#readHistory #latest{position:absolute; left:190px; top:10px; font-size:10px; line-height:1;}


/*--------------------------------
footBar
--------------------------------*/
.footBar{height:34px; margin:5px 0; background-color:#2a252c;}
.footBar ul{margin:0 auto; padding-top:8px;}
.footBar ul li{padding-right:8px; margin-right:8px; float:left; width:auto; background:url(/content/dam/31sumai/shared/migration/images/bg_dot_separate.gif) 100% 50% no-repeat;}
.footBar ul li a{color:#fff; font-size:11px;}
.footBar ul li a:hover{color:#888;}
.footBar ul li a:active{color:#b3bd0f;}
.footBar .typeWide{width:960px;}


/*--------------------------------
footer
--------------------------------*/
#footer{margin:12px auto 0; padding-bottom:10px; width:960px; position:relative;}
#footer .intro{margin-bottom:7px; float:left; width:70%; font-size:11px;}
#footer #searchForm{float:right; width:208px;}
#footer #searchForm #inputArea{margin-top:8px; padding-left:15px; background:url(/content/dam/31sumai/shared/migration/images/icon_loupe.gif) 0 2px no-repeat;}
#footer input#askbox{margin-right:5px; width:130px; height:13px; padding:2px; border:none; border:#9a9a9a 1px solid; vertical-align:top; font-size:12px;}
#footer input#Submit2{width:50px; height:19px; border:none; vertical-align:top; cursor:pointer;}
#footer .group{float:left; width:70%; font-size:11px;}
#footer .group li{padding-left:8px; margin-right:20px; float:left; width:auto; background:url(/content/dam/31sumai/shared/migration/images/icon_bullet_01.gif) 0 5px no-repeat;}
#footer #footInner{padding-top:30px; text-align:right; clear:both;}
#footer .footerLogo {  
    float: left !important;  
    margin: 0 0 10px !important;  
    width: 270px !important;  
}  
#footer .footerLogo li {  
    float: left !important;  
    margin-right: 15px !important;  
}  
#footer .footerNav {  
    float: right !important;  
    font-size: 1px !important;  
    margin: 0px 0 0 !important;  
    width: auto !important;  
}  
#footer .footerNav li {  
    background: url("/content/dam/31sumai/shared/migration/resident/images/bg_dot_separate.gif") no-repeat scroll 100% 50% rgba(0, 0, 0, 0) !important;  
    float: left !important;  
    font-size: 1px !important;  
    height: 20px !important;  
    margin-right: 8px !important;  
    padding-right: 8px !important;  
    width: auto !important; 
} 
     
#footer p.footerLogo {
    float: right !important;
    margin: 0 0 10px 12px !important;
    width: 110px !important;
}
#footer .copy{clear:both; font-size:10px; text-align:right;}


/*--------------------------------
clearfix
--------------------------------*/
.clearfix,
#header,
#logoArea,
#gNav ul,
#sectionWrap,
.colList,
.lumpMix,
.hitLead,
.character,
.floatList,
.floatBullet1,
.floatBullet2,
.floatBullet3,
.floaBlank,
.floatList01,
.linkInpage,
.linkInpage ul,
.column2Box1,
.column3Box1,
.column2Box2,
.column3Box2,
.column2Box3,
#areaLinksWrap,
.footBnrs,
.footBar ul,
#footer,
#footer .group,
#footer .footerNav{/zoom:1;} /* IE6,7 */

.clearfix:after,
#header:after,
#logoArea:after,
#gNav ul:after,
#sectionWrap:after,
.colList:after,
.lumpMix:after,
.hitLead:after,
.character:after,
.floatList:after,
.floatBullet1:after,
.floatBullet2:after,
.floatBullet3:after,
.floaBlank:after,
.floatList01:after,
.linkInpage:after,
.linkInpage ul:after,
.column2Box1:after,
.column3Box1:after,
.column2Box2:after,
.column3Box2:after,
.column2Box3:after,
#areaLinksWrap:after,
.footBnrs:after,
.footBar ul:after,
#footer:after,
#footer .group:after,
#footer .footerNav:after{content:''; display:block; clear:both; height:0;}