@charset "utf-8";
/* *******************************

	東急コミュニティー
	賃貸オフィスのパートナー

	list.css

	* list navigation
	* listbox
	* inquir
	* side search

******************************** */


/* list navigation
---------------------------------------------------------- */

#result-tx{
	font-size: 1.2em;
	color: #2972a6;
	font-weight: bold;
	padding-top: 24px;
	}
#result-tx span{
	color: #e61a33;
	}

#change-order{
	width: 876px !important;
	width: 910px;
	height: 42px;
	background: url(/img/list/bg-change-order.gif) left top no-repeat;
	color: #FFFFFF;
	margin-top: 20px;
	padding: 10px 17px 0;
	}
	#change-order a{
		color: #ffcc33;
		}
#change-order .order-list{
	float: left;
	}
#change-order .page-list{
	float: right;
	}

#change-order2{
	width: 876px !important;
	width: 910px;
	height: 42px;
	background: url(/img/list/bg-change-order2.gif) left top no-repeat;
	color: #FFFFFF;
	margin: 45px 20px 20px 20px;
	padding: 10px 17px 0;
	}
	#change-order2 a{
		color: #ffcc33;
		}
#change-order2 .order-list{
	float: left;
	}
#change-order2 .page-list{
	float: right;
	}



/* listbox
---------------------------------------------------------- */

#container{
	position: relative;
	}

#listbox{
	width: 655px;
	float: left;
	margin-top: 0 !important;
	margin-top: 10px;
	}
#listbox .listbox-in{
	width: 655px;
	background: url(/img/list/bg-listbox.gif) left top no-repeat;
	margin-bottom: 15px;
	}
#listbox .listbox-in div{
	width: 655px;
	padding-bottom: 5px;
	background: url(/img/list/bg-listbox-bottom.gif) left bottom no-repeat;
	}
	/* 奇数の場合 */
	#listbox .listbox-in2{
		width: 655px;
		background: url(/img/list/bg-listbox2.gif) left top no-repeat;
		margin-bottom: 15px;
		}
	#listbox .listbox-in2 div{
		width: 655px;
		padding-bottom: 5px;
		background: url(/img/list/bg-listbox2-bottom.gif) left bottom no-repeat;
		}

/*  リストの内容 */

#listbox dl{
	width: 300px !important;
	width: 320px;
	padding: 0 10px;
	position: relative;
	}
#listbox dl.listbox-left{
	float: left;
	}
#listbox dl.listbox-right{
	float: right;
	}
#listbox dt{
	background: url(/img/list/listmark.gif) left top no-repeat;
	padding-left: 9px;
	padding-bottom: 1px;
	font-size: 1.2em;
	color: #338999;
	font-weight: bold;
	margin: 13px 0 10px 0;
	}
#listbox dt.advertise{
	background-image: url(/img/list/listmark2.gif);
	padding-right: 75px;
	}
#listbox dd.listbox-img{
	width: 117px !important;
	width: 119px;
	border: solid 1px #FFFFFF;
	float: left;
	}
#listbox dd.listbox-tx{
	width: 168px;
	padding-bottom: 32px;
	line-height: 1.4em;
	float: right;
	}
#listbox dd.listbox-detail{
	width: 128px;
	height: 19px;
	position: absolute;
	bottom: 10px;
	left: 184px;
	clear: both;
	}
#listbox dd.listbox-detail a{
	display: block;
	width: 129px;
	height: 19px;
	background: url(/img/list/btn-detail.gif) left top no-repeat;
	text-indent: -9999px;
	}
#listbox dd.listbox-detail a:hover{
	background-position: left bottom;
	}


/* inquir
---------------------------------------------------------- */

#inquiry{
	width: 200px !important;
	width: 220px;
	background: url(/img/list/bg-inquiry.gif) left top no-repeat;
	margin-top: 15px;
	padding: 10px 10px 8px 10px;
	float: right;
	}
.inquiry_plus{
	margin-top: 0;
	float: none;
	clear: both;
	position: absolute;
	bottom: 10px;
	left: 710px;
	}
#inquiry2{
	width: 200px !important;
	width: 220px;
	background: url(/img/list/bg-inquiry.gif) left top no-repeat;
	padding: 10px 10px 8px 10px;
	clear: both;
	position: absolute;
	bottom: 10px;
	left: 710px;
	}
#inquiry h3,#inquiry2 h3{
	width: 200px;
	height: 43px;
	background: url(/img/list/cap-inquiry.gif) left top no-repeat;
	text-indent: -9999px;
	}
#inquiry .telnumber,#inquiry2 .telnumber{
	width: 200px;
	height: 29px;
	background: url(/img/list/telnumber-inquiry.gif) left top no-repeat;
	text-indent: -9999px;
	margin: 10px 0 10px 0;
	}
#inquiry .btn-mail,#inquiry2 .btn-mail{
	width: 200px;
	height: 20px;
	}
	#inquiry .btn-mail a,#inquiry2 .btn-mail a{
		display: block;
		width: 200px;
		height: 20px;
		background: url(/img/list/btn-mail.gif) left top no-repeat;
		text-indent: -9999px;
		}
	#inquiry .btn-mail a:hover,#inquiry2 .btn-mail a:hover{
		background-position: left bottom;
		}



/* side search
---------------------------------------------------------- */

#side-search{
	width: 200px !important;
	width: 220px;
	float: right;
	background-color: #f6fafb;
	border: solid 1px #2995b0;
	padding: 0 9px;
	}
#side-search h3{
	width: 155px;
	height: 25px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 10px;
	}
#side-search h3.advertise{ background-image: url(/img/list/cap-search2.gif); }
#side-search h3.manage{ background-image: url(/img/list/cap-search1.gif); }

#side-search h4{
	width: 194px !important;
	width: 200px;
	background: url(/img/list/bg-capsearch.gif) left top no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 0 6px 6px;
	margin: 10px 0;
	line-height: 1em;
	}
#side-search form{
	color: #000000;
	line-height: 1.8em;
	}
#side-search select{
	width: 5.5em;
	}
#side-search #btn-search{
	width: 200px;
	margin-top: 12px;
	margin-bottom: 1px;
	padding: 15px 0 10px 0;
	text-align: center;
	background: #f0f1f1 url(/img/list/dotline-sidesearch.gif) left top no-repeat;
	}
#side-search .attention{
	font-size: 0.9em;
	}

#side-search fieldset {
  color: #000000;
  line-height: 1.8em;
}