@charset "utf-8";

/*CSS -micro clearfix---------------------------------------------*/

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix{
    zoom:1;
}


.f_l{
	float:left;
}


/*ロールオーバーで透過
----------------------------------------------------------------------*/
a:hover img.ro_alpha{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}


/*ヘッター---------------------------*/
h1.logo {
	float: right;
	width: 172px;
}

#tel_web_box{
	margin-top:15px;
	margin-left:140px;
	width:350px;
	background-color:#fff;
}
#tel_web_box .webbtn{
	margin:5px 2px;
}

/*top tab---------------------------*/
#tab_container{
	height:73px;
	background:url(../images/top_14.gif) repeat-x bottom;
	padding-top:17px;
	padding-left:10px;
}

ul#top_tab li{
	float:left;

}
ul#top_tab li a{
	width:310px;
	height:66px;
	display: block;
}

ul#top_tab li#tab01on{
	width:310px;
	height:66px;
	background:url(../images/tab01.jpg);
}
ul#top_tab li#tab03on{
	width:310px;
	height:66px;
	background:url(../images/tab03.jpg);
}
ul#top_tab li#tab02on{
	width:310px;
	height:66px;
	background:url(../images/tab02.jpg);
}
a.toptab01{
	background:url(../images/tab01.jpg);
    background-position:left bottom;
    }

    a.toptab01:hover{
    background-position:left top;
    }
a.toptab03{
    background: url(../images/tab03.jpg);
    background-position:left bottom;
    }
    a.toptab03:hover{
    background-position:left top;
    }
a.toptab02{
    background: url(../images/tab02.jpg);
    background-position:left bottom;
    }

    a.toptab02:hover{
    background-position:left top;
    }

/*お部屋を探すtop ---------------------------*/
.top_main{
	background-color:#D9D9D9;
	position:relative;
	height:280px;
}

#top_area_container{
	position:absolute;
	top:0px;
	background-color:#000;
	right:5px;
	width:283px;
	height:270px;
}

#top_area_container div{
	float:left;
	margin:5px 0 0 5px;
}

#top_mansion_nain{
	float:left;
	margin:5px 0 0 5px;
}

#top_mansion_container{
	position:absolute;
	top:0px;
	background-color:#000;
	left:5px;
	width:655px;
	height:270px;
	overflow:hidden;
}

ul#randam_container {
	margin:3px 0 0 3px;
}

ul#randam_container2 {
	position:absolute;
	top:3px;
	left:262px;
	width:397px;
}

ul#randam_container li,
ul#randam_container2 li{
	float:left;
	margin:2px 0 0 2px;
}

ul#bnr_container{
	width:387px;
	margin:3px 0 0 3px;
}

ul#bnr_container2{
	width:258px;
	margin-top:3px;
}

ul#bnr_container li,
ul#bnr_container2 li{
	float:left;
	margin:2px 0 0 2px;
}


/*お得・新着情報をチェックtop ---------------------------*/
.top_main2{
	background-color:#D9D9D9;
	position:relative;
	height:257px;
}

#top_bnr_container{
	position:absolute;
	top:5px;
	left:15px;
}
#top_bnr_container ul li{
	float:left;
	background-color:#fff;
	border:solid 1px #410015;
	padding:3px;
	margin-right:9px;
}
#top_bnr_container2{
	position:absolute;
	top:5px;
	right:15px;
	background-color:#fff;
	border:solid 1px #410015;
	padding:3px;
}

/*#top_left_container{
	left:10px;
}
#top_right_container{
	right:10px;
}*/

/*サービスを知るtop ---------------------------*/

#top_service_container_main{
	position:absolute;
	top:5px;
	left:10px;
	border:solid 1px #8d6c77;
	padding:3px;
	background-color:#fff;
}
.top_service_container{
	position:absolute;
	top:5px;
	right:15px;
	border:solid 1px #8d6c77;
	background-color:#fff;
	width:203px;
}


/*お部屋を探す ---------------------------*/
.search_container{
	border:#bdbdbd solid 1px;
	margin-bottom:20px;
}
#search_tit{
    background: url(../images/top_19-10.jpg);
	width:693px;
	height:39px;
}
h2.search{
	float:left;
}
#search_tit ul {
	float: right;
	padding: 10px 5px 0 0;
	width: 450px;
}
#search_tit ul li {
	float: right;
	color: #8C032F;
}
#search_tit ul li.data {
	font-weight: bold;
}

#search_tit ul li.title {
	margin-right: 15px;
}

#search_tit ul li#objectNumber span {
	font-size:140%;
}

#search_box{
	padding:6px;
}

#search_box #search_img{
	margin-bottom:10px;
}

.index-box_s {
	border-top: 1px dotted #dddddd;
	margin-bottom:15px;
}
.index-box_s .inner {
	padding: 8px;
	display:block;
}

.search_list{
	border:#cacaca solid 1px;
	border-top:none;
	padding:12px 0 12px 12px;
}
.search_list ul{
	margin-bottom:5px;
}
.search_list ul li{
	float:left;
	margin-right:7px;
	margin-bottom:7px;
}
#bnr_brand{
	float:left;
	width:214px;
	font-size:.86em;
}

#brand3{
	float:left;
	margin-left:7px;
	background-color:#F9F0F3;
}
#brand3 ul{
	margin:5px 0 0 7px;
}

#brand3 ul li{
	float:left;
	background-color:#fff;
}
#brand4{
/*	float:left;
	margin-left:7px;*/
	background-color:#F9F0F3;
	width:653px;
	border:1px solid #661111;
}
#brand4 ul{
	margin:8px 0 0 5px;
	margin-bottom:7px;
	_padding-bottom:5px;
}

#brand4 ul li{
	float:left;
	background-color:#fff;
/*	margin-right:5px;*/
	margin-right:2px;
}

#brand4 div{
	margin-left:5px;
	padding-bottom:5px;
}

.premium_list{
	width:640px;
	height:23px;
	padding-top:5px;
    background: url(../images/top_premium_tel.jpg) right no-repeat;
}

/*おすすめエリア紹介---------------------------*/
.area_container{
	position:relative;
    background: url(../images/top_pickup_bk.jpg);
	width:695px;
	height:150px;
	margin-bottom:20px;
}

a.arrow {
padding-left:10px;
background:url(../images/list_arrow.gif) no-repeat left top;
}
.area_container ul{
	position:absolute;
	top:10px;
	line-height:1.7em;
}

.arealist01{
	left:20px;
}
.arealist02{
	left:200px;
}

.area_container ul.pu{
	top:45px;
	font-weight:bold;
	line-height:1.6em;
}
.arealist03{
	left:385px;
}
.arealist04{
	left:530px;
}

/*ピックアップ特集---------------------------*/
.news_container{
	width:693px;
	margin-bottom:20px;
	border:solid 1px #888888;
	border-top:none;
}

ul.news_bnr li{
	float:left;
	margin:5px 0 10px 5px;
	padding:2px;
	border:solid 1px #410015;
}

.more_pu{
	margin-left:510px;
}

.tab_content{
	padding:10px 0;
}

/*人気物件ランキング---------------------------*/
.ranking_container{
	border:#bdbdbd solid 1px;
	margin:20px 0;
}

h3.ranking{
	margin:1px;
	background-color:#e7e7e7;
}

.ranking_box{
	margin:1px 0;
}
#rankbox01{
background:url(../images/bk_ranking.gif) repeat-y;
}
#rankbox02{
background:url(../images/bk_ranking2.gif) repeat-y;
}
.ranking_box ul{
	padding:3px 0;
}
.ranking_box ul li{
	float:left;
	width:118px;
	padding-left:20px;
	font-size:.86em;
}
.ranking_box ul li#r01{
	font-weight:bold;
background:url(../images/index_ic01.gif) no-repeat left top;
}
.ranking_box ul li#r02{
background:url(../images/index_ic02.gif) no-repeat 3px 3px;
}
.ranking_box ul li#r03{
background:url(../images/index_ic03.gif) no-repeat 3px 3px;
}
.ranking_box ul li#r04{
background:url(../images/index_ic04.gif) no-repeat 3px 3px;
}
.ranking_box ul li#r05{
background:url(../images/index_ic05.gif) no-repeat 3px 3px;
}
.ranking_box ul li#r06{
background:url(../images/index_ic06.gif) no-repeat 3px 3px;
}
.ranking_box ul li#r07{
background:url(../images/index_ic07.gif) no-repeat 3px 3px;
}
.ranking_box ul li#r08{
background:url(../images/index_ic08.gif) no-repeat 3px 3px;
}
.ranking_box ul li#r09{
background:url(../images/index_ic09.gif) no-repeat 3px 3px;
}
.ranking_box ul li#r10{
background:url(../images/index_ic10.gif) no-repeat 3px 3px;
}

.rank{
	margin:1px;
    border: 0;
    height: 1px;
    background: #bdbdbd;
}

/*サービスを知る　アンカー---------------------------*/
#service_an{
background:url(../images/service_17.gif) repeat-x;
	width:695px;
	height:60px;
	margin-bottom:20px;

}
#service_an ul li{
	float:left;
	margin-top:12px;
	margin-left:4px;
}

/*サービスを知る---------------------------*/
.service01{
background:url(../images/service_39.jpg) no-repeat left top;
	width:693px;
	height:190px;

}
.service01 p{
	padding:10px 80px 0 130px;
}

.saevice_txt{
	padding:15px;
}

.rf_3_container{
	border:solid 1px #b4b4b4;
	width:664px;
	margin:0 auto 10px;
}

.merit_box{
	float:left;
	margin:10px 0 10px 10px;
}
.merit_txt{
background:url(../images/service_55.gif) no-repeat left top;
	width:208px;
	height:131px;
}
.merit_txt p{
	padding:5px 10px;
}

.notice{
	font-size:.86em;
}

.rf_gentei{
background:url(../images/bk_rf.jpg) no-repeat left top;
	width:664px;
	height:195px;
	position:relative;
}

.rf_gentei_txt{
	position:absolute;
	left:50px;
	top:92px;
	width:350px;
}
.rf_gentei_btn{
	position:absolute;
	right:22px;
	bottom:20px;
}

.rf_user{
background:url(../images/bk_user.gif) no-repeat left top;
	width:693px;
	height:105px;
	position:relative;	
}
.rf_user2{
background:url(../images/bk_user2.gif) no-repeat left top;
	width:693px;
	height:155px;
	line-height:1.4em;
	position:relative;	
}
.rf_user_txt{
	position:absolute;
	left:145px;
	top:15px;
	width:500px;
}

.classy_box{
	float:left;
	margin:0 0 15px 15px;
	_margin:0 0 15px 10px;
}

.f_l{
	float:left;
}

.sumi_box{
	float:left;
	border:solid 1px #b4b4b4;
	margin:0 0 15px 15px;
	_margin:0 0 15px 10px;
	width:323px;
	height:290px;
}

.sumi_box_txt{
	padding:10px 10px 10px 15px;
}
.sumi_box_txt2{
	margin:0 10px 10px 15px;
	padding-top:3px;
	border-top:dotted 1px #b4b4b4;
}
.sumi_box_btn{
	margin:0 auto;
	width:298px;
}
.sumi_box_tel{
	margin:10px auto;
	width:313px;
}

/*side navi---------------------------*/
.bnr_container{
	margin-bottom:15px;
}

.bnr_container p{
	margin-bottom:5px;
}
.sns{
	border:#bdbdbd solid 1px;
	padding:5px 3px;
}

/*area map navi---------------------------*/
.area_map{
	width:205px;
	height:266px;
background:url(/top/images/bnr_map.jpg) no-repeat;
position:relative;
}

.area_map p{
	position:absolute;
}
.area_map p.johoku{
	top:61px;
	left:20px;
}
.area_map p.joto{
	top:120px;
	left:142px;
}
.area_map p.ueno{
	top:88px;
	right:19px;
}
.area_map p.shibuya{
	top:133px;
	left:17px;
}
.area_map p.meguro{
	top:180px;
	left:26px;
}
.area_map p.minato{
	top:191px;
	left:119px;
}
.area_map p.yokohama{
	top:222px;
	left:66px;
}
a.mapbtn{
    height:22px;
    display: block;
    }
a.mapbtn:hover{
    background-position:left bottom;
}
a.johoku{
	width:59px;
background:url(/top/images/btn_johoku.jpg) no-repeat;
}
a.joto{
	width:51px;
background:url(/top/images/btn_joto.jpg) no-repeat;
}
a.ueno{
	width:84px;
background:url(/top/images/btn_ueno.jpg) no-repeat;
}
a.shibuya{
	width:59px;
background:url(/top/images/btn_shibuya.jpg) no-repeat;
}
a.meguro{
	width:59px;
background:url(/top/images/btn_meguro.jpg) no-repeat;
}
a.minato{
	width:59px;
background:url(/top/images/btn_minato.jpg) no-repeat;
}
a.yokohama{
	width:59px;
background:url(/top/images/btn_yokohama.jpg) no-repeat;
}


/*Classy navi---------------------------*/
.classy_right{
margin-bottom:15px;
}
.btn_classy_login{
width:205px;
background:url(/resident/img/classynavi/top2_14.gif) repeat-y;
}

.btn_classy_login img{
margin-left:12px;
}
.cont_classy_maga{
	margin-top:10px;
border-top:dotted 1px #CCC;
}
.classy_maga2{
margin-left:10px;
font-size:.9em;
}

ul.link_login{
	padding: 5px 0 0;
}

ul.link_login li {
	float:left;
font-size:.9em;
padding:3px;
	zoom: 1;
}

ul.link_login li a {
	padding-left: 15px;
	background: url(/resident/common2/img/common_ic01.gif) 6px 0.3em no-repeat;
	zoom: 1;
}

/*under---------------------------*/
.under_container{
	margin:0 15px 20px;
}

.under_box{
	float:left;
	border:#bdbdbd solid 1px;
}

.under_owner{
	width:311px;
	height:170px;
}

.under_owner_txt{
	margin:10px 10px 0;
	font-size:.86em;
}
.under_owner_txt img,
.under_kanren_txt img{
	margin-bottom:10px;
}

h3.kanren_tit{
	width:100%;
	margin:0;
	background:#e16331;
}
.under_kanren{
	margin-left:10px;
	width:590px;
	height:170px;
}

.under_kanren_txt{
	float:left;
	width:260px;
	margin:15px 0 15px 25px;
	_margin:15px 0 15px 15px;
}

/*high gread mansion---------------------------*/
.hg_container{
	border:#bdbdbd solid 1px;
	padding:0;
	margin-bottom:10px;
	background-color:eeeeee;
}

.hg_tit{
	margin-bottom:1px;
}
.hg_mansion{
	display:block;
	height:46px;
	width:203px;
	background: url(/top/img_hg/design_06.jpg) ;
	margin-bottom:1px;
}
.hg_mansion div{
	height:46px;
	padding-left:3px;
	display: table-cell;
vertical-align: middle;
font-size: .86em;
font-weight:bold;
line-height:1.2em;
layout-grid-line: 46px;
}

/* IE 6 */
* html .hg_mansion div {
display: inline;
zoom: 1;
}
 
/* IE 7 */
*:first-child+html .hg_mansion div {
display: inline;
zoom: 1;
}

/*\*//*/
* html .hg_mansion div {
display: inline-block;
}
/**/


.name_hg{
	width:150px;
}


.hg_mansion div.ico_hg{
	width:40px;
}
.top_hg{
	height:134px;
}
.top_hg img{
	margin-left:1px;
}

h2.ichioshi{
	position:relative;
	width:695px;
	height:28px;
	background: url(/top/img_hg/design_09.jpg) ;
	font-size:.85em;
}
h2.ichioshi a:link, 
h2.ichioshi a:hover, 
h2.ichioshi a:active, 
h2.ichioshi a:visited{
	color:#FFF;
}
#topicsDisp3{
	position:absolute;
	right:10px;
	bottom:5px;
	background: url(/top/img_hg/ico_more.jpg) left no-repeat;
	padding-left:15px;
}
.ichioshi_container{
	border:#a77786 solid 1px;
	padding:10px;
	margin-bottom:20px;
}
.ichioshi_list{
	font-size:.93em;
}

.ichioshi_list dt{
	float:left;
	width:110px;
	margin:0 15px 10px 0;
	padding-bottom:10px;
	font-weight:bold;
	text-align:right;
	clear:both;
}
.ichioshi_list dd{
	border-bottom:#999 1px dashed;
	padding-bottom:10px;
	margin-bottom:10px;
}
.ichioshi5{
	text-align:right;
	font-size:.85em;
}

.icominato{
	color:#041a8c;
}

.icomeguro{
	color:#276200;
}

.icojoto{
	color:#e736b3;
}

.icoshibuya{
	color:#b22f01;
}
.icochuoh{
	color:#006069;
}

/*ランキング2013*/

.ranking2013{
	width:695px;
	background:url(/top/images/ranking2013_12.jpg) repeat-y;
}
.ranking2013_bottom{
	margin-bottom:15px
}

.ranking2013 p{
	text-align:right;
	font-size:.86em;
}
.ranking2013 ul{
	margin:0 10px;
}

.ranking2013 li{
	float:left;
	margin:5px 3px;
	white-space:nowrap;
}
.ranking2013 li a{
padding-left:20px;
}
.rank04 {
background:url(/top/images/rank04.jpg) no-repeat left top;
height:20px;
}

.rank05 {
background:url(/top/images/rank05.jpg) no-repeat left top;
height:20px;
}
.rank06 {
background:url(/top/images/rank06.jpg) no-repeat left top;
height:20px;
}
.rank07 {
background:url(/top/images/rank07.jpg) no-repeat left top;
height:20px;
}
.rank08 {
background:url(/top/images/rank08.jpg) no-repeat left top;
height:20px;
}
.rank09 {
background:url(/top/images/rank09.jpg) no-repeat left top;
height:20px;
}
.rank10 {
background:url(/top/images/rank10.jpg) no-repeat left top;
height:20px;
}


ul#brand_new{
	width:696px;
	margin-bottom:10px;
	margin-right: -4px;
	overflow: hidden;
	_zoom: 1;
}

ul#brand_new li{
	float:left;
	margin-right:2px;
}