@charset "utf-8";
/* @group default */
* {max-height:999999px;/*for Android*/}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
img{border:0;}
/* @end */
/* @group frame */
#main{line-height:1.5;}
#main a{outline:0;}
#main hr{display:block;margin:0;}
/* @end */
/* @group clear hack */
#main ul, #feature, #recommend{min-height:1%;}
#main ul:after, #feature:after, #recommend:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
/* @end */
/* @group portal */
#portal, #portal div.item div.inner{position:relative;}
#portalslider, #portalslider ul, #portalslider ul li, #portalslider div.navi a, #portalitems, #portal div.item, #portalmenu, #overlay{position:absolute;top:0;left:0;}
#portal{height:365px;margin:15px 0;}
#portal a:hover{text-decoration:none;}
#portalslider, #portalslider ul, #portalslider ul li, #portalitems{height:330px;}
#portalslider, #portalslider ul li{width:950px;}
#portalslider{z-index:100;overflow:hidden;}
#portalitems{z-index:101;}
#portal div.item, #portal div.item div.inner{padding:10px;}
#portal div.item{width:930px;height:310px;display:none;background:#392b75;}
#portal div.item div.inner{height:250px;background:#fff;}
#portalslider div.navi a{width:48px;height:48px;display:block;top:130px;background:url(../images/bg_portal_navi.png) no-repeat;}
#portalslider div.navi a.prev{left:20px;}
#portalslider div.navi a.next{left:882px;background-position:-48px 0;}
#portalslider div.navi a.prev:hover{background-position:0 -48px;}
#portalslider div.navi a.next:hover{background-position:-48px -48px;}
#portalmenu{top:284px;left:8px;z-index:102;}
#portalmenu li{width:187px;float:left;}
#portalmenu li a{height:81px;display:block;font-size:1px;text-indent:-99999px;background:url(../images/bg_portal_menu.png) no-repeat;}
#portalmenu li.i2 a{background-position:-187px 0;}
#portalmenu li.i3 a{background-position:-374px 0;}
#portalmenu li.i4 a{background-position:-561px 0;}
#portalmenu li.i5 a{background-position:-748px 0;}
#portalmenu li.i1 a.normal{background-position:0 -81px;}
#portalmenu li.i2 a.normal{background-position:-187px -81px;}
#portalmenu li.i3 a.normal{background-position:-374px -81px;}
#portalmenu li.i4 a.normal{background-position:-561px -81px;}
#portalmenu li.i5 a.normal{background-position:-748px -81px;}
#portalmenu li.i1 a.active{background-position:0 -162px;}
#portalmenu li.i2 a.active{background-position:-187px -162px;}
#portalmenu li.i3 a.active{background-position:-374px -162px;}
#portalmenu li.i4 a.active{background-position:-561px -162px;}
#portalmenu li.i5 a.active{background-position:-748px -162px;}
#overlay, #overBg{width:100%;height:100%;}
#overlay{display:none;z-index:99999;}
#overBg{background:url(../images/bg_overlay.png);}
/* @end */
/* @group portal item common */
#portal div.item h2, #portal div.item h3, #portal div.item p, #portal div.item ul, #portal div.item div.detail, #portal div.item hr{position:absolute;}
#portal div.item h2{top:10px;left:25px;}
#portal div.item p.lead{top:37px;left:25px;}
#portal div.item ul.menu li{float:left;}
#portal div.item ul.menu li a{display:block;font-size:1px;text-indent:-99999px;}
#portal div.item div.detail{background:#f2f2f2;}
/* @end */
/* @group sumai */
#sumai h3{top:100px;left:156px;}
#sumai ul.area{width:660px;top:160px;left:45px;}
#sumai ul.area li{width:215px;margin:0 5px 5px 0;}
#sumai ul.area li a{height:47px;background:url(../images/bg_portal_sumai_area.png) no-repeat;}
#sumai ul.area li.i2 a{background-position:0 -47px;}
#sumai ul.area li.i3 a{background-position:0 -94px;}
#sumai ul.area li.i4 a{background-position:0 -141px;}
#sumai ul.area li.i5 a{background-position:0 -188px;}
#sumai ul.area li.i6 a{background-position:0 -235px;}
#sumai ul.area li.i1 a:hover{background-position:-215px 0;}
#sumai ul.area li.i2 a:hover{background-position:-215px -47px;}
#sumai ul.area li.i3 a:hover{background-position:-215px -94px;}
#sumai ul.area li.i4 a:hover{background-position:-215px -141px;}
#sumai ul.area li.i5 a:hover{background-position:-215px -188px;}
#sumai ul.area li.i6 a:hover{background-position:-215px -235px;}
#sumai p.merit{top:10px;left:745px;text-align:center;}
#sumai p.merit a{width:174px;height:249px;display:block;font-size:1px;text-indent:-99999px;background:url(../images/bt_chintai_4merit_off.png) no-repeat 50% 50% #86064d;}
#sumai p.merit a:hover{background:url(../images/bt_chintai_4merit_on.png) no-repeat 50% 50% #9e3871;}
/* @end */
/* @group takuchi */
#takuchi div.detail{width:880px;height:190px;top:65px;left:25px;}
#takuchi div.detail p.text{top:25px;left:20px;}
#takuchi ul.area{width:540px;top:22px;left:334px;}
#takuchi ul.area li{width:165px;margin:0 15px 0 0;}
#takuchi ul.area li a{height:44px;background:url(../images/bg_portal_takuchi_area.png) no-repeat;}
#takuchi ul.area li.i2 a{background-position:0 -44px;}
#takuchi ul.area li.i3 a{background-position:0 -88px;}
#takuchi ul.area li.i1 a:hover{background-position:-165px 0;}
#takuchi ul.area li.i2 a:hover{background-position:-165px -44px;}
#takuchi ul.area li.i3 a:hover{background-position:-165px -88px;}
#takuchi div.detail hr{width:835px;top:85px;left:20px;border:0;border-top:1px dotted #756c9e;}
#takuchi div.detail h3{top:115px;}
#takuchi div.detail h3.new{left:20px;}
#takuchi div.detail h3.lease{left:510px;}
#takuchi div.detail p.banner{top:105px;}
#takuchi div.detail p.new{left:252px;}
#takuchi div.detail p.lease{left:692px;}
/* @end */
/* @group business */
#business div.detail{height:180px;top:80px;}
#business div.support{width:458px;left:25px;}
#business div.topics{width:412px;left:495px;}
#business div.detail h3, #business div.detail ul, #business div.detail p{position:relative;text-align:center;}
#business div.detail h3{font-size:1px;padding:12px 0;}
#business div.topics h3{ padding:12px 0; }
#business div.topics #detail_slides { margin-top: 18px; }
#business div.topics #detail_slides .sp-arrows { width: 105%; left: -15px;}
#business div.detail h3 img{vertical-align:bottom;}
#business ul.menu{width:415px;position:relative;margin:0 auto;}
#portal #business ul.menu li{float:none;}
#business ul.menu li a{width:135px;height:54px;position:absolute;top:0;left:0;background:url(../images/bg_portal_business_menu.png) no-repeat;}
#business ul.menu li.i2 a{left:140px;background-position:0 -54px;}
#business ul.menu li.i3 a{left:280px;background-position:0 -108px;}
#business ul.menu li.i4 a{top:64px;left:70px;background-position:0 -162px;}
#business ul.menu li.i5 a{top:64px;left:210px;background-position:0 -216px;}
#business ul.menu li.i1 a:hover{background-position:-135px 0;}
#business ul.menu li.i2 a:hover{background-position:-135px -54px;}
#business ul.menu li.i3 a:hover{background-position:-135px -108px;}
#business ul.menu li.i4 a:hover{background-position:-135px -162px;}
#business ul.menu li.i5 a:hover{background-position:-135px -216px;}
/*#business ul.banner li{margin:0 0 5px 0;}*/
/* @end */
/* @group produce */
#produce ul.menu{top:79px;left:25px;}
#produce ul.menu li{width:215px;margin:0 6px 0 0;}
#produce ul.menu li a{height:39px;background:url(../images/bg_portal_produce_menu.png) no-repeat;}
#produce ul.menu li.i2 a{background-position:0 -39px;}
#produce ul.menu li.i3 a{background-position:0 -78px;}
#produce ul.menu li.i4 a{background-position:0 -117px;}
#produce ul.menu li.i1 a:hover{background-position:-215px 0;}
#produce ul.menu li.i2 a:hover{background-position:-215px -39px;}
#produce ul.menu li.i3 a:hover{background-position:-215px -78px;}
#produce ul.menu li.i4 a:hover{background-position:-215px -117px;}
#produce h3.project{top:130px;left:30px;}
#produce ul.project{top:150px;left:31px;}
#produce ul.project li{width:156px;float:left;margin:0 6px 0 0;}
#produce ul.business{top:142px;left:690px;}
#portal #produce ul.business li{width:215px;float:none;margin:0 6px 0 0;}
#produce ul.business li a{height:30px;background:url(../images/bg_portal_produce_business.png) no-repeat;}
#produce ul.business li.i2 a{background-position:0 -30px;}
#produce ul.business li.i3 a{height:39px;background-position:0 -60px;margin:20px 0 0 0;}
#produce ul.business li.i1 a:hover{background-position:-215px 0;}
#produce ul.business li.i2 a:hover{background-position:-215px -30px;}
#produce ul.business li.i3 a:hover{background-position:-215px -60px;}
/* @end */
/* @group aboutus */
#aboutus ul.menu{width:350px;top:54px;left:25px;}
#aboutus ul.menu li{width:165px;margin:0 10px 14px 0;}
#aboutus ul.menu li a{height:54px;background:url(../images/bg_portal_aboutus_menu.png) no-repeat;}
#aboutus ul.menu li.i2 a{background-position:0 -54px;}
#aboutus ul.menu li.i3 a{background-position:0 -108px;}
#aboutus ul.menu li.i4 a{background-position:0 -162px;}
#aboutus ul.menu li.i5 a{background-position:0 -216px;}
#aboutus ul.menu li.i6 a{background-position:0 -270px;}
#aboutus ul.menu li.i1 a:hover{background-position:-165px 0;}
#aboutus ul.menu li.i2 a:hover{background-position:-165px -54px;}
#aboutus ul.menu li.i3 a:hover{background-position:-165px -108px;}
#aboutus ul.menu li.i4 a:hover{background-position:-165px -162px;}
#aboutus ul.menu li.i5 a:hover{background-position:-165px -216px;}
#aboutus ul.menu li.i6 a:hover{background-position:-165px -270px;}
#portal #aboutus div.office{width:534px;height:248px;top:10px;left:385px;background:url(../images/bg_portal_aboutus_office.png) no-repeat;}
#aboutus div.office h3{top:23px;left:20px;}
#aboutus div.office ul.button li{position:absolute;}
#aboutus div.office ul.button li.i1{top:54px;left:329px;}
#aboutus div.office ul.button li.i2{top:77px;left:14px;}
#aboutus div.office ul.button li.i3{top:108px;left:295px;}
#aboutus div.office ul.button li.i4{top:193px;left:246px;}
#aboutus div.office ul.button li.i5{top:128px;left:14px;}
#aboutus div.office ul.button li.i6{top:182px;left:14px;}
#aboutus div.office ul.button li #shutoken{width:123px;height:122px;position:absolute;top:0;left:98px;display:none;background:url(../images/bg_portal_shutoken.png) no-repeat;padding:6px;}
#aboutus div.office ul.button li #shutoken li{float:none;position:static;margin:0 0 10px 0;}
#aboutus div.office ul.button li #shutoken li a{width:124px;height:12px;position:static;background:url(../images/bg_portal_shutoken_menu.png) no-repeat;}
#aboutus div.office ul.button li #shutoken li.i1 a{width:34px;}
#aboutus div.office ul.button li #shutoken li.i2 a{background-position:0 -22px;}
#aboutus div.office ul.button li #shutoken li.i3 a{background-position:0 -44px;}
#aboutus div.office ul.button li #shutoken li.i4 a{height:28px;background-position:0 -66px;}
#aboutus div.office ul.button li #shutoken li.i1 a:hover{background-position:-124px 0;}
#aboutus div.office ul.button li #shutoken li.i2 a:hover{background-position:-124px -22px;}
#aboutus div.office ul.button li #shutoken li.i3 a:hover{background-position:-124px -44px;}
#aboutus div.office ul.button li #shutoken li.i4 a:hover{background-position:-124px -66px;}
#aboutus div.office ul.button li p.close{top:108px;left:130px;display:none;}
/* @end */
/* @group feature */
#feature{background:#f3f3f3;margin:15px 0;padding:20px 20px 5px 20px;}
#feature div.search{width:711px;height:300px;position:relative;float:left;background:url(../images/bg_feature_search.png) no-repeat 50% 0 #fff;}
#feature div.search h2, #feature div.search p, #feature div.search ul{position:absolute;}
#feature div.search h2{top:34px;left:33px;}
#feature div.search p.resident{top:203px;left:34px;}
#feature div.search ul.area{top:30px;left:391px;}
#feature div.search ul.area li a{width:140px;height:37px;display:block;font-size:1px;text-indent:-99999px;background:url(../images/bg_feature_search_area.png) no-repeat;margin:0 0 5px 0;}
#feature div.search ul.area li.i2 a{background-position:0 -37px;}
#feature div.search ul.area li.i3 a{background-position:0 -74px;}
#feature div.search ul.area li.i4 a{background-position:0 -111px;}
#feature div.search ul.area li.i5 a{background-position:0 -148px;}
#feature div.search ul.area li.i6 a{background-position:0 -185px;}
#feature div.search ul.area li.i1 a:hover{background-position:-140px 0;}
#feature div.search ul.area li.i2 a:hover{background-position:-140px -37px;}
#feature div.search ul.area li.i3 a:hover{background-position:-140px -74px;}
#feature div.search ul.area li.i4 a:hover{background-position:-140px -111px;}
#feature div.search ul.area li.i5 a:hover{background-position:-140px -148px;}
#feature div.search ul.area li.i6 a:hover{background-position:-140px -185px;}
#feature div.search p.merit{top:30px;left:541px;}
#feature div.link{width:189px;float:right;}
#feature div.link p.banner{margin:0 0 10px 0;}
#feature div.link ul.external                { background:#dadada; padding:13px 10px 12px 15px; }
#feature div.link ul.external li             { float:left; text-align:center; margin-left: 10px;}
#feature div.link ul.external li:first-child { margin-left: 0; }
#feature div.update{float:none;clear:both;padding:20px 0 0 0;}
#feature div.update a{color:#000;}
#feature div.update div.section{min-height:34px;position:relative;border-top:1px dashed #c1bed1;padding:5px 185px 5px 115px;}
#feature div.update h2, #feature div.update p.rss, #feature div.update p.button{position:absolute;}
#feature div.update h2{top:15px;left:0;}
#feature div.update p.rss{top:0;right:0;}
#feature div.update dl{font-size:90.3%;padding:20px 0 1px 0;}
#feature div.update dl dt{color:#86064d;}
#feature div.update dl dd{margin:-1.5em 0 20px 0;padding:0 0 0 10em;}
#feature div.update p.button{display:none;font-size:1px;}
#feature div.update p.more, #feature div.update p.list{top:50%;left:748px;}
#feature div.update p.more{margin:-7px 0 0 0;}
#feature div.update p.list{margin:-9px 0 0 0;}
#feature div.update p.close{bottom:15px;right:0;}
/* @end */
/* @group recommend */
#recommend{width:970px;position:relative;left:-10px;margin:70px 0;}
#recommend h2{text-align:center;margin:0 0 50px 0;}
#recommend div.section{width:465px;float:left;position:relative;margin:10px 10px 30px 10px;}
#recommend div.section a{min-height:294px;display:block;color:#000;}
#recommend div.icon{width:93px;height:93px;position:absolute;top:0;right:0;background:no-repeat 50% 50%;}
#recommend div.fukkou div.icon{background-image:url(../images/icon_rcmd_fukkou.png);background-color:#ea93a3;}
#recommend div.saisei div.icon{background-image:url(../images/icon_rcmd_saisei.png);background-color:#00b4f0;}
#recommend div.chintai div.icon{background-image:url(../images/icon_rcmd_chintai.png);background-color:#26a93f;}
#recommend div.information div.icon{background-image:url(../images/icon_rcmd_information.png);background-color:#e912ee;}
#recommend div.newtown div.icon{background-image:url(../images/icon_rcmd_newtown.png);background-color:#79339a;}
#recommend div.urpress div.icon{background-image:url(../images/icon_rcmd_urpress.png);background-color:#e911ee;}
#recommend div.eventguide div.icon{background-image:url(../images/icon_rcmd_eventguide.png);background-color:#B20000;}
#recommend h3, #recommend h4{font-weight:bold;}
#recommend h3{font-size:104.2%;line-height:1.1;margin:15px 0 20px 0;}
#recommend h3 span{display:inline-block;border-right:1px solid #b2b2b2;padding:0 1em 0 0;}
#recommend div.fukkou h3 span{color:#ea93a3;}
#recommend div.saisei h3 span{color:#00b4f0;}
#recommend div.chintai h3 span{color:#26a93f;}
#recommend div.newtown h3 span{color:#79339a;}
#recommend div.information h3 span{color:#e912ee;}
#recommend div.urpress h3 span{color:#e911ee;}
#recommend div.eventguide h3 span{color:#B20000;}
#recommend h4{font-size:173.7%;margin:0 0 5px 0;}
#recommend p{font-size:111.2%;}
#recommend p.more, #recommend p.list{float:none;clear:both;text-align:center;}
#recommend p.more{display:none;}
#recommend h4 span{font-size:100%; vertical-align:middle;}
#recommend h4 span.tokushu{font-size:70%;}
/*hover*/
#recommend div.section a:hover{color:#666;text-decoration:none;}
#recommend div.section a:hover p.image{text-decoration:none;-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);}
#recommend div.fukkou a:hover div.icon{background-color:#eea9b5;}
#recommend div.saisei a:hover div.icon{background-color:#33c3f3;}
#recommend div.chintai a:hover div.icon{background-color:#51ba65;}
#recommend div.newtown a:hover div.icon{background-color:#945cae;}
#recommend div.fukkou a:hover h3 span{color:#eea9b5;}
#recommend div.saisei a:hover h3 span{color:#33c3f3;}
#recommend div.chintai a:hover h3 span{color:#51ba65;}
#recommend div.newtown a:hover h3 span{color:#945cae;}
/* @end */
/* @group information */
#information{border-top:1px dashed #999;padding:20px 0 10px 0;}
#information div.section{min-height:16px;position:relative;background:repeat-y #f2f2f2;margin:0 0 30px 0;padding:25px 40px 25px 300px;}
#information div.section2{min-height:16px;position:relative;background:repeat-y #f2f2f2;margin:0 0 2px 0;padding:25px 40px 25px 300px;}
#information div.order{background-image:url(../images/bg_info_order.gif);}
#information div.recruit{background-image:url(../images/bg_info_order.gif);}
#information div.importance{background-image:url(../images/bg_info_importance.gif);}
#information h2{width:260px;height:16px;position:absolute;top:50%;left:0;text-align:center;margin:-8px 0 0 0;}
#information div.order p.summary,
#information div.recruit p.summary{position:relative;font-size:125%;line-height:1.2;padding:0 8em 0 0;}
#information div.order a.more,
#information div.recruit a.more{min-height:18px;position:absolute;top:50%;right:0;display:inline-block;font-size:88.9%;color:#392b75;background:url(../images/icon_info_order_more.png) no-repeat 100% 0;margin:-.6em 0 0 0;padding:0 25px 0 0;}
#information div.importance ul.list{font-size:97.3%;}
#information div.importance ul.list li{width:50%;float:left;margin:5px 0;}
#information div.importance ul.list li a{display:inline-block;color:#000;background:url(../images/icon_info_importance.png) no-repeat 0 .4em;margin:0 1em 0 0;padding:0 0 0 15px;}
/* @end */