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

/*=============================================
  トップページの設定
=============================================*/

/* screens laeger than 960
***************************************************************************/

/*=======メインカラム・画像==========*/
#main_box .top_img {
	margin:0 0 30px;
}
#main_box .top_img img {
	width:100%;
}


/*=======メインカラム・土地、中古物件検索==========*/
.top_search {
	margin:0 0 50px;
}

.top_search dl {
	display:table;
	width:100%;
}
.top_search dl.land {
	background:url(../images/icon_search1.png) no-repeat 18px bottom,url(../images/border1.png) no-repeat 0 bottom;
	background-size: auto 85px,auto 17px;
	margin:0 0 25px;
	min-height:98px;
}
.top_search dl.house {
	background:url(../images/icon_search2.png) no-repeat 3px bottom,url(../images/border2.png) no-repeat 0 bottom;
	background-size: auto 80px,auto 7px;
}
.top_search dt{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 95px;
	font-size:30px;
	font-weight: bold;
	font-family:YuMincho, '游明朝',serif;
	color:#684227;
}

.top_search dd{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 19px;
	width:30em;
}

.top_search dd ul{
	overflow:hidden;
	zoom:1;
}
.top_search dd ul li{
	float:left;
	width:14em;
	margin:0 0 6px 0.5em;
}

.top_search dd ul li a{
	display:block;
	background:url(../images/btn.jpg) no-repeat center;
	border-radius:6px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:100%;
	padding:12px 0 10px;
	font-size:16px;
}
.top_search dd ul li a:hover{
	text-decoration: none;
	background:url(../images/btn2.jpg) no-repeat center;
}


/*=======メインカラム・おすすめの売買物件==========*/
h3.recommend2 {
	background:url(../images/border3.png) no-repeat 10px bottom,url(../images/bg2.jpg) repeat 0 0;
	background-size: auto 8px,300px auto;
	font-family:YuMincho, '游明朝',serif;
	font-size:24px;
	font-weight: bold;
	text-align:center;
	color:#684227;
	padding:25px 10px 20px;
}

.recommend_box{
	background:url(../images/bg2.jpg) repeat 0 0;
	padding:20px 10px;
	margin:0 0 30px;
	overflow:hidden;
	zoom:1;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}
.recommend_box a {
	display:block;
	width:30%;
	margin-bottom:30px;
}
.recommend_box a:hover{
	text-decoration:none;
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}

.recommend_box::after{
  content:"";
  display: block;
  width:30%;
}

.recommend_box .photo {
	text-align:center;
	height:150px;
}
.recommend_box .photo img {
	max-height:142px;
	max-width:100%;
	overflow:hidden;
}

.recommend_box dt.pc{
	font-size:15px;
	font-weight:bold;
}
.recommend_box .detail {
	font-size:13px;
	color:#666;
}

/*=======メインカラム・アクセス==========*/
.top_map{
	background:url(../images/bg6.jpg) repeat;
	padding:20px 10px 10px;
}

.top_map dl{
	display:table;
	width:100%;
	margin:0 0 20px;
}
.top_map dt{
	display:table-cell;
	width:5em;
	vertical-align:middle;
	font-family:YuMincho, '游明朝',serif;
	color:#f7f4f0;
	font-size:18px;
	background:url(../images/border5.png) no-repeat right center;
}
.top_map dd{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	padding:0 0 0 1em;
}
.top_map #gmap {
	width:100%;
	height:380px;
	background:#5a3d1e;
}