@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html{
	overflow-y:scroll;
	height:100%;
}
body{
	font-size:12px;
	color:#333;
	line-height:1.6;
	margin:0px;
	font-family:"ＭＳ Ｐゴシック", "Verdana", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
}
#wrapper{
	width:950px;
	margin:0px auto; /* 新しいブラウザ用中央揃え */
	text-align:left;  /* 内容を左揃えに戻す */
	min-height:100%;
	height:100%;
}
#navi li img,#sidenavi li img{
	vertical-align:bottom;	/* ナビ画像下揃え */
}
body > #wrapper {height: auto}

/* リンク
---------------------------------------------------- */
a:link,a:visited,a:hover, a:active{
	color:#666;
	background:transparent;
}
a:hover{
	text-decoration:none;
}
a{
/**/
 overflow:hidden;
/**/
}
a img{
  border:none;
  color:#fff;
  background:transparent;
}

/* リスト
---------------------------------------------------- */
li{
	list-style:none;
}



/* パンクズ
---------------------------------------------------- */
#pl{
	margin:10px 0;
	margin-left:25px;
	font-size:14px;
	font-weight: bold;
}
#pl li{
	color:#555;
	text-decoration:none;
	font-weight: bold;
}

#pl li a{
	color:#00f;
	text-decoration:none;
	font-weight: bold;
}




/* ヘッダー
---------------------------------------------------- */
#header{
	padding-bottom:20px;
}
#header_mail{
	padding-bottom:0px;
}
#header h1{
	position:absolute;
	font-size:11px;
	margin:0px;
	font-weight:normal;
	padding-top:12px;
	float:left;
}
#header h3{
	position:absolute;
	width:250px;
	padding-top:30px;
	float:left;
}

#header-right{
	width:289px;
	padding-top:30px;
	float:right;
}

/* ヘッダ右側 */
#header-right #navi{
	width:170px;
	float:right;
}
#header-right #navi li{
	float:left;
}
/*
#header-right #navi li.navi01{
	width:87px;
}
*/
#header-right #navi li.link{
	font-size:13px;
	color:#555555;
	line-height:130%;
	font-weight:bold;
	text-decoration: none;
	background:url(../images/arw02.gif) no-repeat;
	margin-top:5px;
	padding-left:20px;
} 

#header-right #navi li.link02{
	font-size:13px;
	color:#555555;
	line-height:130%;
	font-weight:bold;
	text-decoration: none;
	background:url(../images/arw02.gif) no-repeat;
	margin-top:5px;
	margin-left:12px;
	padding-left:20px;
} 

#header-right #navi a:link{
	font-size:13px;
	color:#555555;
	line-height:130%;
	font-weight:bold;
	text-decoration: none;

} 

#header-right #navi a:visited{
	font-size:13px;
	color:#555555;
	line-height:130%;
	font-weight:bold;
	text-decoration: none;
} 

#header-right #navi a:hover{
	font-size:13px;
	color:#555555;
	line-height:130%;
	font-weight:bold;
	text-decoration : underline ;
} 




/* フッター
---------------------------------------------------- */
#footer{
	margin-top:40px;
	padding:30px 0 20px 0;
	font-size:11px;
	background:#f2f2f2;
}

#footer-inner{
	width:950px;
	margin:0px auto; /* 新しいブラウザ用中央揃え */
	text-align:left;  /* 内容を左揃えに戻す */
}

#footer h2{
	width:135px;
	background:#333;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{
	color:#333;
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}

.footerlink{
	margin-bottom:10px;
}
.footerlink td{
	vertical-align:top;
}




/* ■■■　各ページ設定　■■■
---------------------------------------------------- */

/* 【TOP】index.html
---------------------------------------------------- */

h2.top-title{
	margin-top:20px;
	width: 950px;
	height: 59px;
	background: url(/images/top_title01.jpg) no-repeat left top;
	text-indent: 60px;
	line-height: 50px;
	font-size: 20px;
}

/* 「こだわり賃貸物件を探す」 */
.listlink-box{
	position:relative;
	width:957px;
	left:-2px;
}
.listlink{
	width:159px;
	float:left;
	margin:15px 0 10px 0;
	background:url(../images/top_listlink_bg01.jpg) no-repeat left bottom;
	padding:0 0 25px 0;
	font-size:10px;
}
.listlink .img{
	background:url(../images/top_listlink_bg01.jpg) no-repeat left top;
	height:120px;
	padding:4px 5px 0 4px;
}
.listlink h3{
	margin:0 5px 3px 4px;
}
.listlink .txt{
	margin:0 10px;
	line-height:1.4;
}
h2.top-title2{
	margin-top:20px;
	width: 950px;
	height: 59px;
	background: url(/images/top_title02.jpg) no-repeat left top;
	text-indent: 60px;
	line-height: 50px;
	font-size: 20px;
}
h2.top-title3{
	margin-top:20px;
}

/* 「プロがこだわりのお部屋をお探しします」 */
.top-pro{
	margin:15px 0 0 0;
}



/* 【各絞込みページ】choosyXX.html
---------------------------------------------------- */

/* 免震 */
#mainVisual{
	position:relative;
	height:220px;
}
#mainVisual .layer{
	position: absolute;
}

/* エリアナビ */
.areanavi{
	margin-top:10px;
}

ul.areanavi01{	/* 全国・東京都…のタブナビ */
	height:62px;
	padding:0 0 0 117px;
	background:url(../images/areanavi_bg01.jpg) no-repeat left top;
}
ul.areanavi01 li{
	width:119px;
	float:left;
}
div.areanavi02 li a{
	color:#00f;
	text-decoration:none;
}


div.areanavi02{	/* 市区別ナビ */
	padding:5px 0 4px 0;
	margin:-10px 10px -5px 10px;
	border:1px solid #ccc;
	background:#fff;
}
div.areanavi02 .title{
	float:left;
}
div.areanavi02 .title img{
	margin-left:5px;
}
div.areanavi02 li{
	float:left;
	text-indent:10px;
	white-space:nowrap;
}

/* 並び替え */
div.sort li a{
	color:#00f;
	text-decoration:none;
}
div.sort{
	padding:5px 0 4px 0;
	margin:10px 10px -5px 10px;
	border:1px solid #ccc;
	background:#fff;
}
div.sort .title{
	float:left;
}
div.sort .title img{
	margin-left:5px;
}
div.sort li{
	float:left;
	text-indent:10px;
	white-space:nowrap;
}


/* カウンター */

#counter{
	font-size:110%;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:10px;
}

#counter a:link,
#counter a:visited,
#counter a:hover,
#counter a:active{
	color:#00f;
}

/* カウンター */

#counter_M{
	font-size:110%;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:10px;
}

#counter_M a:link,
#counter_M a:visited,
#counter_M a:hover,
#counter_M a:active{
	color:#00f;
}


/* 検索結果 */

.results-title{
	position:relative;
	margin-top:20px;
}
.results-title span{
	font-size:12px;
	font-weight:bold;
	position:absolute;
	display:block;
	top:18px;
	left:265px;
	line-height:1.2;
}

.results{
	position:relative;
	width:960px;
}

.results a:link,
.results a:visited,
.results a:hover,
.results a:active{
	color:#00f;
}


.results .heightLineParent #load{
	width:960px;
	text-align:center;
}
.results .heightLineParent #load2{
	width:960px;
	text-align:center;
}

.results-box{
	float:left;
	width:455px;
	border:2px solid #ccc;
	margin:15px 5px 0 5px;
	/*margin:15px 5px 0 5px;*/
}
.results-box .title{
	border:1px solid #fff;
	padding:5px 8px;
	/*padding:5px 8px;*/
	line-height:1.3;
}
.results-box .title01{
	background:url(../images/search_bg01.jpg) repeat-x bottom;
}
.results-box .title02{
	background:url(../images/search_bg02.jpg) repeat-x bottom;
}
.results-box .title h3{
	font-size:14px;
}
.results-box .note{
	border-top:2px solid #ccc;
	padding:10px;
}
.results-box .note .img{
	float:left;
	width:145px;
}
.results-box .note .data{
	float:right;
}
.results-box .note .data .btn{
	margin-bottom:8px;
}
.results-box .note .data-table{
	width:275px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.results-box .note .data-table th,
.results-box .note .data-table td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:1px 5px;
}
.results-box .note .data-table th{
	background:#f7f7f7;
	font-weight:normal;
}

.results-box .note .data-table tr.color01 th,
.results-box .note .data-table tr.color01 td{
	font-weight:bold;
	color:#f00;
	font-size:14px;
}

.results-box .pop a:hover{ /*マウスが乗ったら*/
	position: relative;
	top: 0px; left: 0px;
}
.results-box .fukidasipop { /*吹き出し本体*/
	position: absolute;
	top:-5px; left:-200px;
	display: none; /*何も表示しない*/
	padding: 13px 15px 0px 15px; /*内側の余白*/
	width: 270px; /*ブロックの幅*/
	height: 150px; /*ブロックの幅*/
	font-size: 12px; /*文字の大きさ*/
	text-decoration: none; /*文字飾り*/
	color: #666; /*文字色*/
	background: url('/images/fukidashi.png') no-repeat;  /*背景色*/

	filter: alpha(opacity=95); /* IE */
	-moz-opacity:0.95; / *Firefox・Netscape */
	opacity:0.95; /* Opera・Safari */
}
a:hover .fukidasipop {
	display: block; /*ブロック要素で表示*/
}

.results-box .fukidasipop a:hover{ /*吹き出し本体*/
	position: relative;
	top: 0px; left: 0px;
	display: block; /*ブロック要素で表示*/
}

.results-box .fukidasipop_area { /*吹き出し本体*/
	position: absolute;
	top:-5px; left:-200px;
	display: none; /*何も表示しない*/
	padding: 13px 15px 0px 15px; /*内側の余白*/
	width: 270px; /*ブロックの幅*/
	height: 195px; /*ブロックの幅*/
	font-size: 12px; /*文字の大きさ*/
	text-decoration: none; /*文字飾り*/
	color: #666; /*文字色*/
	background: url('/images/fukidashi_area.png') no-repeat;  /*背景色*/

	filter: alpha(opacity=95); /* IE */
	-moz-opacity:0.95; / *Firefox・Netscape */
	opacity:0.95; /* Opera・Safari */
}
a:hover .fukidasipop_area {
	display: block; /*ブロック要素で表示*/
}

.results-box .fukidasipop_area a:hover{ /*吹き出し本体*/
	position: relative;
	top: 0px; left: 0px;
	display: block; /*ブロック要素で表示*/
}

.load{
	text-align:center;
}
.load2{
	text-align:center;
}

.no_data{
	font-size: 120%;
	font-weight:bold;
	text-align:center;
}


/* 【店舗一覧】shopXX.html
---------------------------------------------------- */

/* エリアナビ */
.areanavi{
	margin-top:10px;
}


div.areanavi03{	/* 地図から探す */
	padding:5px 0 4px 0;
	margin:5px 20px;
	border:1px solid #ccc;
	background:#fff;
}
div.areanavi03 .title{
	float:left;
}
div.areanavi03 .title img{
	margin-left:5px;
}
div.areanavi03 li{
	float:left;
	text-indent:10px;
	white-space:nowrap;
}
#wrapper div.areanavi03 li a{
	color:#00f;
	text-decoration:none;
	background:url(../images/arw01.gif) no-repeat left 1px;
	padding-left:17px;
}


.alongnavi ul.alongnavi01{	/* 沿線名から探す、のタブナビ */
	width:899px;
	height:75px;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
	background:url(../images/shopnavi_bg01.jpg) repeat-x top;
}
.alongnavi ul.alongnavi01 li{
	width:119px;
	float:left;
}

.alongnavi-box{
	border:1px solid #ccc;
	border-top:none;
	margin:-33px 20px 0 20px;
}

.alongnavi-box table{
	width:828px;
	margin:0 40px 0 40px;
}
.alongnavi-box table th,
.alongnavi-box table td{
	vertical-align:top;
	padding:0 0 10px 0;
}
.alongnavi-box table th{
	width:150px;
	color:#fff;
}
.alongnavi-box table th h3{
	width:135px;
	background:#333;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}
.alongnavi-box table td li{
	float:left;
	text-indent:10px;
	white-space:nowrap;
}
#wrapper .alongnavi-box table td li a{
	color:#00f;
	text-decoration:none;
	background:url(../images/arw01.gif) no-repeat left 1px;
	padding-left:17px;
}


/* GoogleMap
---------------------------------------------------- */
div#pano {
	width:300px;
	height:150px;
}
div#map_canvas {
	width:300px;
	height:210px;
}



/* float対策
---------------------------------------------------- */
.clear{
	clear:both;
}

.box-clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.box-clear{
    display:inline-block;  /* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .box-clear{height: 1%;}
.box-clear{display: block;}
/*--ここまでMAC IEは非適用 */



/* 一覧表示テーブル定義
------------------------------------------*/

#TableList table{
	font-family:Arial;
	border-collapse:collapse;
	width:95%;
	margin:10px auto;
}
#TableList table td,#TableList table th{
	vertical-align:middle;
	font-size:12px;
	padding:5px;
	text-align:center;
	border:1px solid #cccccc;
}
#TableList table tr{
	background-color:#ffffff;
}
#TableList thead tr{
	background-color:#f1f1f1;
}