@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2013-12-02
 * Editor:    contents kinoshita
 * Modified:  2014-00-00 by:
 *
 * ***********************************************************
 */


/* Font-size Adjustment
--------------------------------------------------------------
 *
 *    77% = 10px  |  122% = 16px  |	167% = 22px
 *    85% = 11px  |  129% = 17px  |	174% = 23px
 *    92% = 12px  |  136% = 18px  |	182% = 24px
 *    100% = 13px |  144% = 19px  |	189% = 25px
 *    107% = 14px |  152% = 20px  |	197% = 26px
 *    114% = 15px |  159% = 21px  |
 *
--------------------------------------------------------------
*/


/*============================================================

	Rental

============================================================*/

#container { background:url(../images/rental/category_bg.jpg) no-repeat center 132px; }

#category {
	width:1000px;
	margin:0px auto;
}


/*	list
------------------------------------------------------------*/
.pagination {
	padding-bottom:0.3em;
	border-bottom:1px solid #C8C8E0;
}
.pagination li { float:right; }

.pagination li:first-child { float:left; }
 
.pagination li.first-child { /*IE-expression (first-child) */
	float:left;
}
.pagination li　{ /* IE-expression (first-child) */
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
}
.pagination li.back {
	float:none;
	text-align:center;
}
.list { margin:2.0em 0px 0px; }

.list li {
	margin-bottom:2.0em;
	padding-bottom:0.8em;
	border-bottom:1px solid #C8C8E0;
	zoom:1;
}
.list li:after {
	content:".";  
	display:block;  
	visibility:hidden;  
	height:0.1px;  
	font-size:0.1em;  
	line-height:0;  
	clear:both; 
}
.list li .newIco {
	font-size:0.1em;
	line-height:0;
}
.list li .thumb {
	float:left;
	width:176px;
	height:117px;
}
.list li .data {
	float:right;
	width:544px;
	margin-bottom:0.8em;
}
p.cmmt { font-size:107%; }

.list li h3 {
	margin-top:0.3em;
	font-size:136%;
	line-height:130%;
}
.list li h3 span {
	display:block;
	float:left;
	width:7.5em;
	margin-right:0.5em;
	padding:0.3em 0px;
	color:#FFF;
	font-size:65%;
	line-height:100%;
	text-align:center;
}
.list li h3 span.item01 { background:#809724; }/* 土地 */

.list li h3 span.item02 { background:#A77134; }/* マンション */

.list li h3 span.item03 { background:#B2B200; }/* アパート */

.list li h3 span.item04 { background:#C272A0; }/* 一戸建て */

.list li h3 span.item05 { background:#7676B1; }/* オフィスビル */

.list li h3 span.item06 { background:#428459; }/* 飲食店舗 */

.list li h3 span.item07 { background:#DA7272; }/* 駐車場 */

.list li .detail {
	margin-top:0.5em;
	padding:5px;
	background:#EFEFEF;
	line-height:0;
	text-align:right;
}
.list li .txtArea {
	float:right;
	width:544px;
}
	
	
/*	detail
------------------------------------------------------------*/
h3.hl {
	margin-bottom:0.65em;
	padding-bottom:0.1em;
	border-bottom:1px solid #C8C8E0;
	font-size:182%;
}
h3.hl span {
	display:block;
	float:left;
	width:7.5em;
	margin:0.5em 0.5em 0px 0px;
	padding:0.3em 0px;
	color:#FFF;
	font-size:50%;
	line-height:100%;
	text-align:center;
}
h3.hl span.item01 { background:#809724; }/* 土地 */

h3.hl span.item02 { background:#A77134; }/* マンション */

h3.hl span.item03 { background:#B2B200; }/* アパート */

h3.hl span.item04 { background:#C272A0; }/* 一戸建て */

h3.hl span.item05 { background:#7676B1; }/* オフィスビル */

h3.hl span.item06 { background:#428459; }/* 飲食店舗 */

h3.hl span.item07 { background:#DA7272; }/* 駐車場 */

h4.hl { margin-bottom:20px; }

p.cmmt02 {
	font-size:107%;
	margin-bottom:1.0em;
}
.mainPic {
	float:left;
	width:400px;
	height:300px;
	margin-bottom:30px;
	border:1px solid #C8C8E0;
}
.summary,
.loan {
	float:right;
	clear:right;
	width:316px;
	margin-bottom:0.8em;
	border:1px solid #C8C8E0;
}
.summary th {
	width:23%;
	padding:0.5em 0px;
	background:#DDDDEC;
	border:1px solid #C8C8E0;
	text-align:center;
}
.loan th {
	padding:0.5em 0px;
	background:#DDDDEC;
	border:1px solid #C8C8E0;
	text-align:center;
}
.summary td,
.loan td {
	padding:0.5em 10px;
	border:1px solid #C8C8E0;
}
.loan p.payments {
	margin-bottom:0.5em;
	padding-bottom:0.3em;
	border-bottom:1px dotted #202084;
	color:#202084;
}
.loan p.payments span { font-weight:bold; }

.loan p.simu {
	margin:0.3em 0px;
	text-align:center;
}
.moreInfo {
	width:100%;
	border:1px solid #C8C8E0;
	margin-bottom:3.0em;
}
.moreInfo th {
	width:11%;
	padding:0.5em 0px;
	border:1px solid #C8C8E0;
	background:#DDDDEC;
	text-align:center;
}
.moreInfo td {
	width:38%;
	padding:0.5em 10px;
	border:1px solid #C8C8E0;
}
th.not {
	background:#DDD;
	color:#868686;
}
td.not { background:#F3F3F3; }

.map { float:right; }

#slideshow {
	width:642px;
	margin:0px 0px 3.0em 49px;
}
#slideshow div {
	position:relative;
	width:642px;
	height:482px;
	margin-bottom:20px;
	overflow:hidden;
}
#slideshow div div {
	position: absolute;
	top:0;
	left:0;
	width:640px;
	height:480px;
	border:1px solid #C8C8E0 !important;
}
#slideshow ul { margin-left:-10px; }

#slideshow ul li {
	float:left;
	width:152px;
	height:113px;
	margin:0px 0px 9px 9px;
	border:1px solid #C8C8E0;
}
#slideshow .active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
p.back02 {
	padding-bottom:0.3em;
	border-bottom:1px solid #C8C8E0;
	text-align:center;
}