@charset "utf-8";

@import url('reset.css');
@import url('layout.css');
@import url('common.css');


/* ----------------------------------------------------------------------------
	トップページ
---------------------------------------------------------------------------- */
body {
	background:url(../img_top/bg.jpg) repeat-x center top;
}
.wrap {
	background:url(../img_top/bg_top01.jpg) no-repeat center top;
}

#mainArea {
	width:	958px;
	clear:both;
	margin:15px auto 38px;
	padding-left:2px;
	text-align:left;
}
#mainArea #slideBox {
	width:716px;
	float:left;
}
#mainArea #slideArea {
	width:716px;
	height:288px;
	position:relative;
	overflow:hidden;
	z-index:0;
	/margin-bottom:10px;
}
#mainArea #slideArea img { position:absolute; left:0; top:0;}

.nivoSlider { background:url(../img_top/slide/loading.gif) no no-repeat center center;}
.nivo-controlNav {
	text-align: right;
	height:4px;
	padding: 2px 0 0;
	position: relative;
	z-index: 10;
}
.nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:4px;
	background:url(../img_top/slide/icon.png) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
	border:0;
	margin: 0 0 0 7px;
	cursor:pointer;
}
.nivo-controlNav a.active {
	background-position:0 -6px;
}


#mainArea #infoBox {
	width:226px;
	height:292px;
	float:right;
}
#mainArea #infoBox h2 {
	font-size:0;
	width:208px;
	margin:0 auto 12px;
	padding:10px 5px 12px;
	border-bottom:#C9C7C2 1px solid;
}
#mainArea #infoBox #infoDLWrap {
	overflow:hidden;
	position:relative;
	/*width:218px;*/
	width:210px;
	margin:0 0 0 4px;
	height:	238px;
	padding-right:12px;
}
#mainArea #infoBox dl {
	/*width:210px;*/
	width:202px;
	margin:0 auto 11px;
	padding:0 4px 11px;
	background:url(../img_top/info_border.jpg) repeat-x left bottom;
}
#mainArea #infoBox dt {
	font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:10px;
	line-height:1.1;
	font-weight:bold;
	color:#52413D;
	margin-bottom:7px;
}
#mainArea #infoBox dd {
	font-size:11px;
	line-height:1.5;
}
#mainArea #infoBox dd a {
	line-height:1.5;
}

#topPage {
	width:710px;
	padding-right:1px;
	background:#FFF;
	float:right;
}
#topPage h2 { font-size:0;}

.list_carousel {
	width:669px;
	height:190px;
	position:relative;
	margin:11px auto 34px;
	padding:10px 0 0 21px;
	background:#EBEBEB;
}
.list_carousel ul {
	width:642px;
	height:180px;
	display: block;
	padding-left:10px;
	overflow:hidden;
}
.list_carousel li {
	font-size: 0;
	width: 200px;
	height: 180px;
	margin-right:14px;
	display: block;
	float: left;
}
.list_carousel li a img{
	background:none!important;
}
.list_carousel li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
}
	
.list_carousel .prevBtn {
	width:22px;
	height:182px;
	position:absolute;
	left:-11px;
	top:9px;
	cursor:pointer;
}
.list_carousel .nextBtn {
	width:22px;
	height:182px;
	position:absolute;
	left:679px;
	top:9px;
	cursor:pointer;
}






#topPage .icons { font-size:0; margin:13px 0 17px;}

#bukkenWrap {
	width:724px;
	clear:both;
	margin-right:-14px;
	overflow:hidden;
 }
.bukkenBox {
	width:326px;
	border:#CDCDCD 1px solid;
	padding:13px 8px 0px 12px;
	padding-bottom:46px!important;
	min-height:150px;
	position:relative;
	margin-bottom:15px;
	margin-right:14px;
	float:left;
}
/*.bukkenBox.floatR { margin-left:14px;}*/
.bukkenBox .name {
	margin-bottom:10px;
	font-size:94%;
	line-height:1.1;
}
.bukkenBox .name span {
	font-size:10px;
	color:#4D4D4D;
	padding-right:9px;
	vertical-align:2px;
}
.bukkenBox .name a{
	background:url(../img_common/icon_blank.jpg) no-repeat right 2px;
	padding-right:16px;
	line-height:.1.1;
	font-weight:bold;
}
.bukkenBox .name.sold_name {
	padding-right:16px;
	line-height:.1.1;
	font-weight:bold;
}
.bukkenBox .img { width:130px; float:left; padding-top:2px; margin-bottom:12px; position:relative; z-index:0;}
.bukkenBox .img span {
	width:40px; height:29px; position:absolute; left:-1px; top:1px; z-index:100;
}
.bukkenBox .img span img {width:40px; height:29px;}

.bukkenBox .img img {
	max-width:130px;
	height:auto;
	-ms-interpolation-mode: bicubic;
	background:none!important;
	position:relative;
}
.bukkenBox .img a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
}


.bukkenBox .point { width:186px; float:right; margin-bottom:12px;}
.bukkenBox .point p { font-size:69%; line-height:1.5; margin-bottom:8px;}
.bukkenBox .point ul { width:186px; font-size:0;}
.bukkenBox .point li { width:23px; float:left; margin-right:3px;}

.bukkenBox .traffic { width:322px; clear:both; border-top:#CDCDCD 1px solid; border-collapse:collapse; border-spacing:0; font-size:69%;}
.bukkenBox .traffic th { padding:7px 0 0 2px; width:35px; text-align:left; padding-right:5px; line-height:1.4; vertical-align:top;}
.bukkenBox .traffic td { padding:7px 0 0; width:280px; text-align:left; line-height:1.4;}

.bukkenBox .btn {
	width:328px;
	height:26px;
	clear:both;
	font-size:0;
	position:absolute;
	left:12px;
	bottom:12px;
}
.bukkenBox .btn li { width:158px; margin-right:6px; float:left;}