@charset "UTF-8";


/* --------------------------------------------------

ヘッダー

-------------------------------------------------- */
/* //////////////////////////////////////////////////
global.cssの上書き
////////////////////////////////////////////////// */
/* ロゴ下のテキスト */
#header #logoPanel #statement {
	width:125px;
	height:14px;
	margin:11px 0 0 15px;
	background:url(/images/utility/header/header.png) no-repeat 0 -171px;
}
#header {
    margin-bottom:0px;
}
#header .headerInner {
    background:none;
}
.tpl_portalTop #globalHeader {
    position:absolute;
}
/* --------------------------------------------------

メインカラム

-------------------------------------------------- */
/* //////////////////////////////////////////////////
メインビジュアル
////////////////////////////////////////////////// */
p.announce {
	color:#666666;
	font-size:12px;
	margin:0 0 10px 0;
	text-alingn:left;
}
#categoryList {
    margin: 0 0 20px;
    clear: both;
    padding: 110px 0 10px;
    background:url('/images/portal_top/main_bg.jpg') 50% 50% no-repeat #000000;
}
#categoryList h1 {
    margin:0 auto 10px auto;
    width:960px;
    text-align:right;
}
#categoryList .mainCategory {
    margin:auto;
    width:960px;
    overflow:hidden;
    zoom:1;
}
#rentWrap {
    float:left;
    width:308px;
    background:rgba(0,0,0,.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,EndColorStr=#bf000000)";
}

#buyWrap {
    float:right;
    width:630px;
    background:rgba(0,0,0,.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,EndColorStr=#bf000000)";
}
#categoryList .mark {
	position:absolute;
    margin:-44px 0 0 20px;
}

#categoryList #rent,
#categoryList #mansion,
#categoryList #house {
    margin:20px;
    position:relative;
    z-index:10;
    overflow:hidden;
    zoom:1;
}
#categoryList #rent {
    margin:20px 20px 10px;
}
#categoryList #rent ul{
    margin-bottom: 30px;
}
#categoryList #mansion {
    padding:0 0 20px 0;
	border-bottom:1px #cccccc solid;
}
#categoryList h2 {
    text-align:left;
}

#categoryList #rent h2 {
    margin:10px 0 0 30px;
}
#categoryList #mansion h2 {
    float:left;
    margin:0 0 0 0;
}
#categoryList #house h2 {
    float:left;
    margin:0 0 0 0;
}
#categoryList .txt {
    text-align:left;
    font-size:78%;
    color:#cccccc;
}
#categoryList #rent .txt {
    margin:12px 0;
    line-height:2;
}
#categoryList #mansion .txt,
#categoryList #house .txt {
    margin:0 20px 10px 110px;
}
#categoryList ul {
    padding:0;
    overflow:hidden;
    zoom:1;
}
#categoryList #mansion ul,
#categoryList #house ul {
    padding-left:5px;
    width:500px;
}
#categoryList li a {
    display:block;
    height:45px;
    margin:auto;
    line-height:45px;
    background:#78bb0f;
    text-align:center;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #000 1px 1px 1px;
    -moz-box-shadow: #000 1px 1px 1px; /* color, h-offset, v-offset, blur, spread */
    box-shadow: #000 1px 1px 1px; /* inset is optional */
}
#categoryList li a:hover {
    background:#93ce36;
    text-decoration:underline;
}
#categoryList #sell li a,#categoryList #hikkoshi li a,#categoryList #loan li a,#categoryList #subTown li a {
	background:none;
	text-align:left;
}
#categoryList ul li img {
	float:left;
}
#categoryList #rent li a {
    width:240px;
    height:100px;
    line-height:100px;
    font-size:144%;
    letter-spacing:0.5em;
}
#categoryList #mansion li,
#categoryList #house li {
    float:left;
    margin:0 0 0 40px;
    width:220px;
}
#categoryList #mansion li:first-child,
#categoryList #house li:first-child {
    margin: 0 0 0 20px;
}
#categoryList #mansion li a,
#categoryList #house li a {
    width:220px;
    font-size:107%;
}
#categoryList .subCategory {
    float:right;
    width:630px;
    margin:7px auto 10px;
    background:rgba(0,0,0,.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,EndColorStr=#bf000000)";
    overflow:hidden;
    zoom:1;
}
#categoryList .subCategory div {
    float:left;
    width:140px;
    overflow:hidden;
    zoom:1;
	margin: 5px 5px 0;
}
#categoryList .subCategory ul {
    float:left;
    margin:10px 0 8px;
    padding:0;
}
#categoryList .subCategory ul li{
    float:left;
}
#categoryList .subCategory a {
    height:35px;
    width:140px;
    line-height:23px;
    font-size:90%;
	font-weight:normal;
	color:#ccc;
	padding-left:28px;
}
#categoryList .subCategory div:nth-child(1){
	margin: 5px 5px 0 23px;
	width:125px;
}
#categoryList .subCategory div:nth-child(4){
	margin: 5px 10px 0 5px;
	width:145px;
}
#categoryList .pr {
    padding:30px 0;
}

/* //////////////////////////////////////////////////
人気のエリア・駅
////////////////////////////////////////////////// */
#popularArea .txt {
    font-size:85%;
}	
#popularArea #popularMenu{
    margin: 0;
    overflow: hidden;
}

#popularArea #popularMenu li {
    background: url("/images/portal_top/tab_popular.png") no-repeat scroll 0 0;
    border-bottom: medium none;
    clear: none;
    cursor: pointer;
    float: left;
    height: 53px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 128px;
}
#popularArea #popularMenu li#rentTab {    background-position:0px -50px;}
#popularArea #popularMenu li#rentTab.selected {    background-position:0px 10px;}
#popularArea #popularMenu li#msTab {    background-position:-126px -50px;}
#popularArea #popularMenu li#msTab.selected {    background-position:-126px 10px;}
#popularArea #popularMenu li#muTab {    background-position:-256px -50px;}
#popularArea #popularMenu li#muTab.selected {    background-position:-256px 10px;}
#popularArea #popularMenu li#hnTab {    background-position:-386px -50px;}
#popularArea #popularMenu li#hnTab.selected {    background-position:-386px 10px;}
#popularArea #popularMenu li#huTab {    background-position:-516px -50px;}
#popularArea #popularMenu li#huTab.selected {    background-position:-516px 10px;}

#popularArea #msPopular,
#popularArea #muPopular,
#popularArea #hnPopular,
#popularArea #huPopular {
    display:none;
}

.popular {
	background-color: #f2f2f2;
	margin:0 0 0 0;
	overflow:hidden;
	padding:10px 5px;
}
.popular h3 {
	padding:5px;
	text-shadow:1px 1px 0 #FFFFFF;
	font-size:134%;
}
.popular .line {
	background:#FFFFFF;
	box-shadow:0 0 5px 0 #D6D6D6;
	width:280px;
	border-radius:6px;
	margin:0 5px 0 5px;
	padding:10px;
	position:relative;
	float:left;
}
.popular .area {
	background:#FFFFFF;
	box-shadow:0 0 5px 0 #D6D6D6;
	width:280px;
	border-radius:6px;
	margin:0 5px 0 5px;
	padding:10px;
	position:relative;
	float:right;
}
.popular p {
	border-bottom: 5px solid #9D9177;
	clear: both;
	line-height: 1;
	margin-bottom: 5px;
	text-shadow: 1px 1px 0 #C7C7C7;
	font-size:107%;
    font-weight:bold;
}
.popular p span {
	border-bottom: 5px solid #382C1C;
	display: inline-block;
	margin-bottom: -5px;
	padding: 0 30px 2px 27px;
}
.popular p img {
	position:absolute;
	z-index:100;
	margin:-12px;
}
.popular ul li a {
	background: url("/images/utility/contents/arrow01.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding-left: 12px;
	line-height:22px;
}
.popular ul {
	overflow:hidden;
}
.popular ul li {
	float:left;
	width:140px;
    font-size:85%;
}


/* //////////////////////////////////////////////////
おすすめ＆お役立ち情報
////////////////////////////////////////////////// */
#pickupArticle {
    margin:30px 0 0 0;
}
#pickupArticle .txt {
    font-size:85%;
}
.pickupList h3 {
    background:url('/images/portal_top/icon_pickup.png') no-repeat;
    padding:0 0 0 35px;
    line-height:28px;
}

.pickupList ul {
    overflow:hidden;
    zoom:1;
}
.pickupList li {
    background: linear-gradient(to bottom, #FFFFFF 1%, #FFFFFF 62%, #F2F2F2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    float: left;
    margin: 0 1px 10px 0;
    padding: 0 0 ;
    width: 210px;
    font-size:85%;
}
.pickupList li .img {
    text-align:center;
    padding:3px 0 0 0;
}
.pickupList li img {
    width:205px;
}
.pickupList li .tit,
.pickupList li .txt {
    padding:0 10px;
}
.oyakudachiList {
    margin:20px 0 0 0;
}
.oyakudachiList h3 {
    background:url('/images/portal_top/icon_article.png') no-repeat;
    padding:0 0 0 35px;
    line-height:28px;
    border-bottom:1px #e5e5e5 solid;
}
.oyakudachiList li {
    padding:10px 0;
    border-bottom:1px #e5e5e5 dotted;
    font-size:85%;
}
.oyakudachiList li span {
    display:inline-block;
    width:40px;
    text-align:center;
    color:#ffffff;
    padding:0 5px;
    margin:0 5px 0 0;
}
.oyakudachiList li span.rent {
    background:#FF9900;
}
.oyakudachiList li span.buy {
    background:#0f58bb;
}
.oyakudachiList li span.other {
    background:#552400;
}
.oyakudachiList li a {
    font-weight:bold;
}
/* --------------------------------------------------

右カラム

-------------------------------------------------- */
/* //////////////////////////////////////////////////
[レコメンド物件枠] 
////////////////////////////////////////////////// */
/* 最近見た物件 */
#historyEstate.sideEstateBox .box h4 {
	background:url(/images/portal_top/ico_history.png) no-repeat left center;
	margin-top:-2px;
	padding:6px 0 6px 25px;
}
#historyEstate #historyEstateMenu {
	width: 278px;
	margin:-10px -10px 0;
	overflow: hidden;
}
#historyEstate #historyEstateMenu li {
	clear:none;
	float:left;
	width:139px;
	height:60px;
	cursor:pointer;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(/images/portal_top/history_estate_menu.png) no-repeat;
	border-bottom:none;
}
#historyEstate #historyEstateMenu li#rentTab.rent_tab {
	background-position:0 -60px;
}
#historyEstate #historyEstateMenu li#buyTab.buy_tab {
	background-position:-139px -60px;
}
#historyEstate .dispNon {
  display: none;
}
#historyEstate #historyEstateMenu li#rentTab.rent_tab.selected {
	background-position:0 0;
}
#historyEstate #historyEstateMenu li#buyTab.buy_tab.selected {
	background-position:-139px 0;
}

#historyEstate .box ul li .estateInfo .type {
	display:inline;
	color:#fff;
	background:#299ebe;
	margin-bottom:0;
	padding:0 5px;
	line-height:1.4;
	font-size:85%;
}

/* モデルルームレポート */
#modelroomEstate .box {
	overflow:visible;
}
#modelroomEstate h4 {
	border-bottom:none;
	line-height:1;
	margin-bottom:34px;
}
#modelroomEstate h4 img {
	margin:-26px -21px;
	width:300px;
}
*:first-child+html #modelroomEstate h4 img {
	margin-top:-30px;
}
* html #modelroomEstate h4 {
	margin-top:-4px;
	margin-left:1px;
}
#modelroomEstate .estateInfo .vol {
	margin:-2px 0 0;
	font-weight:bold;
}
#modelroomEstate .estateInfo span {
	background: none repeat scroll 0 0 #C20A0A;
	color: #FFFFFF;
	font-size: 85%;
	font-weight: bold;
	line-height: 1;
	margin-right: 5px;
	padding: 0 4px;
}
#modelroomEstate .estateInfo .name {
	line-height:1.3;
}




/* 旧フッターデザイン グループサイトリンク */
.footerNavi-new {
    width: 960px;
    margin: 5px auto;
    padding-bottom: 10px;
    font-size: 85%;
    clear: both;
}
.footerNavi-new ul {
	padding: 10px 0px 0 0;
	margin: 0px;
	color: #818181;
	line-height: 140%;
	text-align: left;
}
.footerNavi-new ul li.theme {
	font-weight:bold;
	color:#484848;
	padding-right:15px;
}
.footerNavi-new ul li {
	display:inline;
	color: #888888;
}
.footerNavi-new ul li a,
.footerNavi-new ul li a:link, 
.footerNavi-new ul li a:visited {
	color: #888888;
	text-decoration: none;
}
.footerNavi-new ul li.theme a,
.footerNavi-new ul li.theme a:link, 
.footerNavi-new ul li.theme a:visited {
	color:#484848;
	text-decoration: none;
}
.footerNavi-new ul li a:hover {
	color: #1F7AEE;
	text-decoration: none;
}
.footerNavi-new ul li.theme a:hover {
	color: #1F7AEE;
	text-decoration: none;
}