@chraset "UTF-8";

@import "rentCommon.css";
@import "listSub.css";

/*
========== TABLE of CONTENTS ==========
* common
* Listbase
* rentListTitleS
* Map
* mean
* rentaTop 201408
* areaInfo
* searchPref
========== TABLE of CONTENTS ==========
*/

/** common */
#aveList dt img,
.rentListTitleSetDe{
background:url(../../../images/rent_ad/icon_rent.png) no-repeat;
}
#aveHd,
.rentListExtend,
#rentListType,
#rentListTitle{
	background:url(../../../images/rent_ad/bg_repaet.png) repeat-x;
}
.close #aveTog,
.open #aveTog,
.mapBtn a:hover,
.mapBtn,
#rentListType li a,
#rentListType li{
	background:url(../../../images/rent_ad/list_images.png) repeat-x;
}
#rentList{
	float:right;
	position:relative;
	width:720px;
	margin-bottom:10px;
	overflow:hidden;
}
/** /common */

/** Listbase */
#wrapper{
	clear:both;
}
#rentLoading{
	z-index:10000;
	position:absolute;
	width:100%;
	height:3000px;
	background:url(../../../images/rent_ad/bg_load.png);
	text-indent:-9999px;
}
*html #rentLoading{
	background:none;
}
#rentLoadingPop{
	z-index:11000;
	position:absolute;
	width:490px;
	background:#fff url(../../../images/cross/bg_cross_1.png);
}
#rentLoadingPopBox{
	position:relative;
	background:#FFF url(../../../images/rent_ad/bg_load_2.png) no-repeat left bottom;
	margin:5px;
	padding:80px 5px 50px 170px;
}
#rentLoadingPopBox p{
	position:relative;
	display:block;
	font-size:146.5%;
	font-weight:bold;
	color:#009F16;
	text-align:center;
	margin:0px 10px 0px 0px;
}
#rentLoadingPopBox p img{
	margin:5px 0px 0px;
}
#rentListTitle{
	position:relative;
	min-height:35px;
	background-position:0px 0px;
	margin-bottom:8px;
}
*html #rentListTitle{
	height:35px;
}
#rentListTitle h2{
	float:left;
	padding:8px 8px 4px;
	margin-bottom:4px;
}
#rentListTitle h2 .word{
	font-size:127%;
	font-weight:bold;
}
#rentListTitle h2 .wordAl{
	font-size:127%;
	font-weight:bold;
	color:#F00;
}
#rentListTitle h2 .numb{
	font-size:127%;
	font-weight:bold;
	color:#009F16;
}
#rentListTitleEx{
	position:relative;
	box-shadow:1px 1px #ffffff inset,-1px -1px #ffffff inset;	
	border-radius:3px 3px 3px 3px;
	margin:0px 0px 15px;
	border:1px solid #CCC;
	background:url(../../../images/rent_ad/btn_Gray.png) repeat-x bottom;
}
.rentListTitleExT{
	min-height:88px;
	/height:88px;
}
#rentListTitleEx .wrap{
	padding:10px;
	margin:1px 1px 0px 0px;
}
#rentListTitleExR{
	position:relative;
	font-size:167%;
	line-height:1.2em;
	font-weight:bold;
}
#rentListTitleEx h2{
	display:inline;
	font-size:150%;
	color:#009F16;
}
#rentListTitleExR .name{
	font-size:125%;
	color:#009F16;
}
#rentListTitleExR .num{
	color:#009F16;
}
.rentRank{
	display:inline-block;
	width:47px;
	height:47px;
	margin-right:5px;
	background:url(../../../images/rent_ad/icn_rank.png) no-repeat;
	vertical-align:15px;
	text-indent:-9999px;
	/text-indent:0;
	/vertical-align:-10%;
	/display:inline;
	/zoom:1;
}
.rentRank span{
	text-indent:-9999px;
}
.rentRank01{background-position:0px 0px;
}
.rentRank02{background-position:-47px 0px;
}
.rentRank03{background-position:-94px 0px;
}
.rentRank04{background-position:-141px 0px;
}
.rentRank05{background-position:-188px 0px;
}
.rentRank06{background-position:-235px 0px;
}
.rentRank07{background-position:-282px 0px;
}
.rentRank08{background-position:-329px 0px;
}
.rentRank09{background-position:-379px 0px;
}
.rentRank10{background-position:-423px 0px;
}

.rentListTitleExN{
	border-top:2px solid #309B31;	
	padding:8px 10px;
	height:1%;
}
.rentListTitleExN dt{
	display:inline;
	font-weight:bold;
	padding:5px;
	background:#F1F1F1;
	border:1px solid #CCC;
	margin:0px 8px 0px 0px;
}
.rentListTitleExN dd{
	display:inline;
	padding:5px 0px;
	font-size:108%;
	color:#999;
	line-height:1.7em;
}
.rentListTitleExN dd a{
	white-space:nowrap;
}
.rentListTitleExRead{
	width:810px;
	border-top:2px solid #309B31;
	padding:8px 10px;
	font-size:108%;
	font-weight:bold;
	line-height:1.2em;
}
.rentListTitleExImg{
	position:absolute;
	top:0px;
	right:0px;
}
/** /Listbase */
	
/** rentListTitleS */
#rentListTitleS{
	float:right;
	margin:8px;
}
#rentListTitleS .rentListTitleSF{
	width:200px;
	margin:0px 3px 0px 0px;
	padding:2px;
}
#rentListTitleS .rentListTitleSB{
	width:70px;
	padding:1px;
	font-weight:bold;
}
#rentListTitleSet{
	font-size:93%;
	clear:both;
	margin:0px 8px 8px;
}
#rentListTitleSet dt,#rentListTitleSet dd{
	display:inline-block;
	margin:0px 5px 5px 0px;
	/display:inline;
	/zoom:1;
}
#rentListTitleEx #rentListTitleSet{
	border-top:1px dashed #CCC;
	padding:8px 0px 0px;
}
.rentListTitleExT #rentListTitleSet{
	border-top:1px dashed #CCC;
	margin-top:8px;
	padding:8px 0px 0px;
}
/** /rentListTitleS */

/** Map */
#rentListNavi{
	position:relative;	
	z-index:2;	
	padding:0px 0px 5px;
}
#rentList .mapOn{
	box-shadow:0 1px 5px #111111;
}
#rentListMap{
	overflow:hidden;
	z-index:1;
	position:relative;
}
.mapBtn{
	position:absolute;
	width:99px;
	height:23px;
	text-indent:-9999px;
	background-position:0px -200px;
	right:0px;
	top:16px;
	margin:0px 10px 5px 0px;
}
.mapOn .mapBtn{
	background-position:-99px -200px;
}
.mapBtn a{
	display:block;
	width:99px;
	height:23px;
	overflow:hidden;
}
.mapBtn a:hover{
	background-position:-198px -200px;
}
.mapOn .mapBtn a:hover{
	background-position:-297px -200px;
}
#rentListMapOb{
	margin:0px 0px 4px;
}
#ave{
	position:absolute;
	top:10px;
	left:0;
	width:175px;
	z-index:1000;
	zoom:1;
}
#aveTog{
	float:right;
	width:13px;
	height:88px;
	margin-top:5px;
	overflow:hidden;
	cursor:pointer;
	zoom:1;
}
#aveTog p{
	text-indent:-9999px;
	overflow:hidden;
	zoom:1;
}
.open #aveTog{
	background-position:0px -235px;
}
.close #aveTog{
	background-position:-236px -154px;
}
#aveHd{
	float:left;
	width:156px;
	padding-left:5px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#525252;
	background-position:0 -1383px;
	color:#fff;
	font-weight:bold;
}
#aveBd{
	float:left;
	width:161px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#fff;
	font-size:92%;
}
#aveList dl{
	font-size:92%;	
	zoom:1;
}
#aveList dt{
	padding-top:2px;
	padding-left:5px;
	border-bottom:1px solid #e0e0e0;
	background-color:#e9e9e9;
	cursor:pointer;
	zoom:1;
}
*html #aveList dt{/* for IE5.x 6 */
	padding-top:5px;
}
#aveList dt .open{
	width:5px;
	height:3px;
	margin-right:3px;
	background-position:0 -3201px;
	vertical-align:3px;
}
#aveList dt .close{
	width:3px;
	height:5px;
	margin-right:3px;
	background-position:0 -3401px;
	vertical-align:3px;
}
#aveList dd{
	width:156px;
	margin-bottom:3px;
	padding-left:5px;
	line-height:1.4;
	overflow:hidden;
	zoom:1;
}
#aveList dd span{
	color:#009f16;
	font-weight:bold;
}
#aveList p{
	white-space:nowrap;
}
#rentListType{
	background-position:0px -267px;
}
#rentListType li a,
#rentListType li{
	display:block;
	width:162px;
	height:39px;
}
#rentListType li{
	float:left;
	text-indent:-9999px;
	margin:0px 8px 0px 0px;
}
#rentListType li{
	background-position:0px -25px;
}
#rentListType li a:hover{
	background-position:0px -112px;
}
#rentListType li a{
	background-position:0px -68px;
}
#rentListType li.rentListTypeB{
	background-position:-162px -25px;
}
#rentListType li.rentListTypeB a:hover{
	background-position:-162px -112px;
}
#rentListType li.rentListTypeB a{
	background-position:-162px -68px;
}
#rentListType li.rentListNumber{
	float:right;
	width:200px;
	padding-top:10px;
	margin:0;
	background-image:none;
	text-indent:0px;
	text-align:right;
}
/** /Map */
	
/** mean */
#mean{
	border:1px solid #ccc;
	margin-bottom:10px;
	background:#F1F1F1;
	padding:2px;
}
#mean dl{
	background:#fff;
	padding:2px;
	color:#666;
}
#mean dl dt{
	float:left;
	width:96px;
	min-height:40px;
	background:#F1F1F1;
	text-align:center;
	padding:10px 5px 5px;
}
#mean dl dd{
	float:left;
	margin:12px 0px 0px 5px;
}
#mean dl dd ul{
}
#mean dl dd ul li{
	display:inline;
	line-height:1em;
}
#mean dl dd ul li img{
	vertical-align:middle;
	margin:0px 3px 0px 0px;
}
/** /mean */

/* rentaTop 201408 */
h1{
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	line-height:1.3em;
}
.headWrap{
	border-bottom:#e5e5e5 solid 3px;
	position:relative;
	margin-bottom:10px;
}
.headWrap h1{
	margin:12px 0 2px;
	width:700px;
	color:#333;
	float:left;
	font-size:170%;
	text-align:left;
	font-weight:bold;
}
.headWrap .lClm{
	float:left;
}
.headWrap .lClm img{
	float:left;
	margin-right:10px;
}
.headWrap .rClm{
	float:right;
	vertical-align:bottom;
	position:absolute;
	right:0px;
	bottom:5px;
}
.headWrap .errorTxt{
	float:none;
}
.headWrap .errorTxt h1{
	color:#f00;
	width:100%;
}
.headWrap .errorTxt span{
	font-size:70%;
	color:#000;
	margin-left:10px;
	font-weight:100;
}
.headWrap .rentRank{
	float:left;
}
.rentAreaMap{
	width:620px;
	height:447px;
	background-image:url(../../../images/rent/rentMapBg.png);
	background-repeat:no-repeat;
	margin:10px;
	position:relative;
}
.headWrap .rClm .numberCounter{
	font-size:200%;
	color:#009f16;
	font-weight:bold;
}
.headBtmTxt{
	margin:0px 0px 15px;
	font-size:88%;
	color: #666;
}
.headAnchor{
	display:block;
	width:924px;
	margin-bottom:20px;
	padding:10px;
	border:3px solid #e5e5e5;
	color:#b8b8b8;
	text-align:center;
}
.headAnchor ul{
	text-align:center;
	white-space:nowrap;
}
.headAnchor li{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.headAnchor a{
	margin:0 5px;
	padding-right:16px;
	background:url(../../../images/rent/linkDownArrow.png) no-repeat right;
}
.rentPub{
	font-size:100%;
	font-weight:bold;
}
.linkArrowUp{
	width:11px;
	height:10px;
	display:inline-block;
	*display:inline;  
	*zoom:1;  
	margin-left:5px;
	background-image:url(../../../images/rent/linkUpArrow.png);
	background-repeat:no-repeat;
}
.linkArrowDown{
	width:11px;
	height:10px;
	display:inline-block;
	*display:inline;  
	*zoom:1;  
	margin-left:5px;
	background-image:url(../../../images/rent/linkDownArrow.png);
	background-repeat:no-repeat;
}
.rentInfo{
	background-color:#e7f7dc;
	padding:15px;
	margin-bottom:15px;
}
.rentInfo li{
	padding:0 0 .3em 10px;
	border-top:0 none;
	background:url(../../../images/rent/listTopImg.png) no-repeat scroll 0 5px transparent;
}
.popStation{
	border:1px solid #e5e5e5;
	margin-bottom:20px;
}
.popStation .title{
	background-color:#eeeeee;
	padding:6px;
	margin-right:10px;
	vertical-align:top;
	width:90px;
	font-weight:bold;
}
.popStation .txt{
	color:#cccccc;
	float:left;
}
.popStation ul{
	padding:5px;
}
.popStation .top{
	border:1px solid #e5e5e5;
}
.searchBox{
	margin:5px 0 10px;
}

#mtmInq{ width:100%; height:43px; padding-top:10px; background-color:rgba(51,51,51,0.9); background-color:#333; position:fixed; top:38px; text-align:center; color:#fff; z-index:9999;
}
#mtmInq .mtmTxt{ color:#fff; font-size:120%; font-weight:bold;
}

#mtmInq .mtmFavBtn,
#mtmInq .mtmOraBtn{ display:inline-block; margin-left:10px; border:1px solid #CCC; border-radius:5px;
}
#mtmInq .mtmOraBtn{ border-color:#B94817;
}
#mtmInq .mtmFavBtn{ background-image:-moz-linear-gradient(top, #FFF, #F6F6F6); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFF), color-stop(1.0, #F6F6F6)); background-color:#F6F6F6;
}
#mtmInq .mtmOraBtn{ background-image:-moz-linear-gradient(top, #fd8d43, #e33305); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd8d43), color-stop(1.0, #e33305)); background-color:#e33305;
}

#mtmInq .mtmFavBtn a,
#mtmInq .mtmOraBtn .mtmOraBtnWrp{ display:block; height:100%; padding:5px 10px; text-decoration:none; color:#000; font-size:120%;
}
#mtmInq .mtmFavBtn a{ padding-left:30px; background:url(../../../images/rent/icn_plusOra.png) no-repeat 7px 8px; background-size:15px 15px; background-image:url(../../../images/rent/icn_plusOraS.png)\9; *background:url(../../../images/rent/icn_plusOraS.png) no-repeat 7px 8px;
}
#mtmInq .mtmOraBtn .mtmOraBtnWrp{ cursor:pointer; color:#FFF;
}
/* /rentaTop 201408 */

/* areaInfo */
.infoRent,
.infoPopArea,
.infoMarketPrice,
.infoPopStation,
.infoUseful,
.infoNeighboring,
.infoNarrow{
	width:950px;
	padding-bottom:10px;
	border-top:solid 2px #309b30;
}
.infoRent h2,
.infoPopArea h2,
.infoMarketPrice h2,
.infoPopStation h2,
.infoUseful h2,
.infoNeighboring h2,
.infoNarrow h2{
	width:950px;
	padding:10px 0;
	border-top:solid 1px #ffffff;
	background-color:#F5F5F5;
	font-size:125%;
	font-weight:bold;
}
.infoRent h2 span,
.infoPopArea h2 span,
.infoMarketPrice h2 span,
.infoPopStation h2 span,
.infoUseful h2 span,
.infoNeighboring h2 span,
.infoNarrow h2 span{
	display:inline-block;
	height:20px;
	padding-left:20px;
	background:url(../../../images/rent_ad/h2Icon.png) no-repeat;
}
.infoRent .body{
	width:910px;
	margin:20px 20px 20px 20px;
	font-size:109%;
	line-height:1.4em;
}
.infoPopArea .body{
	width:910px;
	margin:20px 20px 20px 20px;
	font-size:109%;
	line-height:1.4em;
}
.infoPopArea .list{
	width:910px;
	margin:20px 20px 20px 20px;
}
.infoPopArea .list li{
	padding:0 0 8px 14px;
	margin:0 0 8px 0;
	background:url(../../../images/rent_ad/list_dot.png) 0px 6px no-repeat;
	border-bottom:1px solid #dfe0d0;
	font-size:109%;
}
.infoMarketPrice .table{
	width:910px;
	margin:20px 20px 20px 20px;
}
.infoMarketPrice .table .heading{
	font-size:117%;
	font-weight:bold;
}
.infoMarketPrice .table th{
	width:150px;
	padding:5px 0;
	border-right:1px solid #ffffff;
	background-color:#d5eed5;
	text-align:center;
}
.infoMarketPrice .table .average{
	font-weight:normal;
	text-align:right
}
.infoMarketPrice .table .average .areaName{
	text-align:left;
	font-size:108%;
}
.infoMarketPrice .table td{
	width:150px;
	padding:8px 0px;
	border-bottom:1px solid #dfe0d0;
	vertical-align:middle;
	line-height:1.3em;
}
.infoMarketPrice .table td span{
	margin-right:2px;
	color:#ff8000;
	font-size:142%;
	font-weight:bold;
}
.infoPopStation .list{
	width:910px;
	margin:20px 20px 0px 20px;
}
.infoPopStation .list li{
	display:inline-block;
	float:left;
	width:98px;
	height:33px;
	margin:0 10px 10px 0;
	padding-left:22px;
	padding-top:1px;
	background:url(../../../images/rent/rentSearchIcon.png) no-repeat;
	background-position:-240px -162px;
	font-size:109%;
	color:#006acc;
	line-height:1.2em;
	overflow:hidden;
}
.infoUseful .list{
	width:925px;
	margin:20px 5px 20px 20px;
}
.infoUseful .list li{
	display:block;
	float:left;
	width:225px;
	height:60px;
	font-size:109%;
	vertical-align:top;
}
.infoUseful .list li .image{
	display:block;
	float:left;
	width:90px;
	height:60px;
}
.infoUseful .list li .text{
	display:block;
	float:left;
	width:120px;
	height:60px;
	margin-right:15px;
	text-decoration:underline;
}
.infoNeighboring .list{
	width:910px;
	margin:20px 0px 0px 20px;
}
.infoNeighboring .list li{
	display:inline-block;
	float:left;
	width:98px;
	height:33px;
	margin:0 10px 10px 0;
	padding-left:22px;
	padding-top:1px;
	background:url(../../../images/rent/rentSearchIcon.png) no-repeat;
	background-position:-240px -10px;
	font-size:109%;
	color:#006acc;
	line-height:1.2em;
	overflow:hidden;
}
.infoNarrow .list{
	width:910px;
	margin:20px 20px 20px 20px;
	font-size:109%;
}
.infoNarrow .list .heading{
	margin-bottom:3px;
	font-weight:bold;
}
.infoNarrow .list .layout li,
.infoNarrow .list .kodawari li{
	display:inline-block;
	color:#cccccc;
	margin-bottom:2px;
	/display:inline;
	/zoom:1;
}
.infoNarrow .list .layout,
.infoNarrow .list .kodawari{
	border-bottom:1px dotted #cccccc;
	padding-bottom:10px;
	margin-bottom:10px;
}

/* searchPref */
.searchPref{
	width:950px;
	padding-bottom:10px;
	border-top:solid 2px #309b30;
}
.searchPref h2{
	width:950px;
	padding:10px 0;
	border-top:solid 1px #ffffff;
	background-color:#F5F5F5;
	font-size:125%;
	font-weight:bold;
}
.searchPref h2 span{
	display:inline-block;
	height:20px;
	padding-left:20px;
	background:url(../../../images/rent_ad/h2Icon.png) no-repeat;
}
.searchPref .listLeft{
	float:left;
	width:445px;
	margin:10px 10px 0px 20px;
	font-size:109%;
}
.searchPref .listRight{
	float:left;
	width:445px;
	margin:10px 20px 0px 10px;
	font-size:109%;
}
.searchPref .listLeft .heading,
.searchPref .listRight .heading{
	margin-top:15px;
	font-weight:bold;
}
.searchPref .listLeft li,
.searchPref .listRight li{
	display:inline-block;
	color:#cccccc;
	margin-bottom:2px;
	/display:inline;
	/zoom:1;
}
.searchPref .heading {
    margin: 20px 20px 10px 20px;
    font-weight:bold;
    font-size: 109%;
}
.searchPref ul {
    margin: 0 20px 10px;
}
.searchPref ul:after {
    display:block;
    clear:both;
    content: '';
}
.searchPref ul li {
    float: left;
    margin-left: 10px;
    font-size: 109%;
}