/*===============================================
SELLINGLIST.CSS

物件検索及び物件の詳細ページに関するCSS
===============================================*/


/*==========================================
物件検索
==========================================*/

/*=============================
メインコンテンツエリア
=============================*/


/*===============
ul.sortList
===============*/

ul.sortList,ul.sortList li{
margin:0px;
padding:0px;
text-align:left;
}

ul.sortList{
margin-bottom:15px;
}

ul.sortList li{
display:inline;
margin:0px 10px 5px 0px;
}


/*=================
div#info area
=================*/

div#infoarea {
	margin: 0px;
	padding: 0px;
	width: 510px;
}

div#infoarea ul{
	margin: 0px 0px 0px 1em;;
	padding: 0px;
}

div#infoarea li{
	margin: 0px;
	padding: 2px 0px 2px 0px;
	list-style-type:circle;
}

div#infoarea:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#infoarea {
	display: inline-table;
	margin: 0px;
	padding: 0px;
}

div#leftarea {
	margin: 0px;
	padding: 5px;
	float: left;
	width: 130px;
}

div#middlearea {
	margin: 0px;
	padding: 5px;
	float: left;
	width: 150px;
}

div#rightarea {
	margin: 0px;
	padding: 5px;
	float: left;
	width: 200px;
}


/*===============
div#detail_condition
================*/

div#detail_image_closed{
margin:0px 0px 10px 0px;
}

div#detail_condition{
padding:5px 18px 10px 18px;
margin:10px 0px 30px 0px;
border:3px solid #cccccc;
}

div#detail_condition form{
margin:0px;
padding:0px;
}

div#mainContents div.contentsarea div#detail_condition h3{
font-size:100%;
font-weight:normal;
margin:0px 0px 0.5em 0px;
border-bottom:none;
border-left:none;
}

div#detail_condition hr{
border:1px solid #cccccc;
padding:0px;
margin:8px 0px 8px 0px;
height:1px;
color:#cccccc;
}

div#detail_image_closed p img{
margin:0px 0px 0px 15px;
}





/*==========
div.entries
==========*/

div.entries{
border:1px solid #d2d2d2;
padding:0px 0px 3px 0px;
position:relative;
margin:0px 0px 20px 0px;
}

div#mainContents div.contentsarea div.entries h3{
font-size:125%;
margin:0px;
padding:0px;
border-bottom:none;
border-left:none;
}

div.entries h3 a{
}

div.entries img.gotoDetail{
position:absolute;
top:5px;
left:430px;
border:none;
vertical-align:bottom;
}


/*===============
div.entriesTop
===============*/

div.entriesTop{
margin:0px 0px 0px 0px;
padding:7px 0px 6px 18px;
border-bottom:1px solid #cccccc;
background-color:#F5FAF8;
}



/*===============
div.entriesBottom
===============*/

div.entriesBottom{
/*width:500px;*/
margin:0px 10px 5px 10px;
padding:5px 0px 15px 0px;

/*position:relative;*/
}

div.entriesBottom p{
display:block;
width:400px;
margin:0px;
float:left;
}

div.entriesBottom ul{
/*position:absolute;
left:450px;
top:38px;*/
width:66px;
margin:0px;
padding:0px;
float:right;
list-style-type:none;
}

div.entriesBottom ul li{
margin:0px;
padding:0px;
}



/*===================
ul.entrydetail
===================*/

ul.entrydetail{
clear:both;
text-align:left;
list-style-type:none;
margin:0px 18px 0px 18px;
padding:5px 0px 0px 0px;
border-top:1px dashed #888888;
}

ul.entrydetail li{
display:inline;
text-align:left;
margin:0px 1em 5px 0px;
padding:0px;
line-height:150%;
}


/*==================
div.nextpreviewBox
==================*/

div.nextpreviewBox{
text-align:right;
}

div.nextpreviewBox img{
vertical-align:middle;
}

ul.nextpreview{
margin:0px 5px 0px 5px;
padding:0px;
text-align:left;
list-style-type:none;
display:inline;
}

ul.nextpreview li{
font-weight:bold;
display:inline;
padding:0px 0px 5px 0px;
margin:0px 3px 0px 0px;
}



/*=======================================
物件の詳細ページ
=======================================*/

/* details-lead */

dl.details-lead{
margin:1em 0px;
}

dl.details-lead dt{
width:200px;
font-weight:bold;
margin:0px;
padding:2px 0px 2px 5px;
border-left:1px solid #77be77;
border-right:1px solid #77be77;
border-top:1px solid #77be77;
background-color:#F5F5F5;
}

dl.details-lead dd{
font-size:120%;
margin:0px;
padding:10px 5px;
/*background-color:#F5F5F5;*/
border:1px solid #77be77;
}


/* details */

table.details{
width:100%;
border-spacing:0px 1px 0px 0px;
}

table.details th{
width:120px;
text-align:left;
color:#ffffff;
padding:1px 3px;
background-color:#58A37A;
}

table.details td{
text-align:left;
padding:1px 3px;
border:1px solid #58A37A;
}


/* googleMap */

div.googleMap{
margin:2em 0px 0px 0px;
}

div#mainContents div.contentsarea h4 {
margin:2em 0px 1em 0px;
}








/*-------
di.contact
-------*/

dl.contact {
	padding: 5px;
	margin: 10px;
	background-color: #fcfcfc;
	border: 1px solid #eeeeee;
}

dl.contact dt {
	font-weight: bold;
	border-bottom: 1px dashed #77be77;
	padding: 0px 0px 0.2em 0px;
	margin: 0px 0px 0.2em 0px;
}

dl.contact dd {
	line-height: 150%;
	font-size: 120%;
	padding: 0px;
	margin: 0px;
}

dl.contact dd ul {
	padding: 0px 0px 0.5em 0px;
	margin: 0px;
}

dl.contact dd ul li {
	padding: 0px;
	margin: 0px 0px 0px 40px;
}


dl.contact dd a.link {
	width: 100%;
	text-align: right;
	display: block;
	padding: 0px;
	margin: 0px;
}