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

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

/* screens laeger than 960
***************************************************************************/
/*=======スライダー==========*/
/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  min-width:960px;
  border: 0;
}
 
/*=======カラム==========*/
#side{float:right; width:268px; margin:15px 0 0 0;}
#main{float:left; width:680px; margin:15px 0 0 0;}

/*=======右カラム・お知らせ==========*/
.r_news{
	width:268px;
	margin-bottom:20px;
	background-color:#f0f0f0;
}
.r_news dt{
	padding:5px 3px;
	font-size:130%;
	font-weight:bold;
	color:#ffffff;
	background-color:#9f9faf;
}
.r_news dd{
	padding:5px;
}
.r_news li{
	display:block;
	margin-left:5px;
}
.r_news li a{
	color:blue;
}
.r_news li.date{
	font-weight:bold;
	margin-top:15px;
}
.r_news li.body{
	margin:5px;
}
.r_news li.link{
	margin-top:20px;
	text-align:right;
}

/*=======右カラム・メニュー==========*/
.r_menu{
	width:264px;
	margin-bottom:10px;
	border:2px solid #bfbfbf;
}
li.r_rent a,
li.r_house a,
li.r_land a{
	display:block;
	width:250px;
	height:0;
	margin:5px 0 5px 9px;
	padding-top:99px;
	overflow:hidden;
}
li.r_rent a{
	margin-top:10px;
	background:url(../images/btn_rent.jpg) no-repeat 0 0;
}
li.r_house a{
	background:url(../images/btn_house.jpg) no-repeat 0 0;
}
li.r_land a{
	margin-bottom:5px;
	background:url(../images/btn_land.jpg) no-repeat 0 0;
}
li.r_rent span,
li.r_house span,
li.r_land span{
	display:block;
	position:relative;
	width:250px;
	margin:0 0 -25px 9px;
	padding:5px 0;
	top:-36px;
	font-size:130%;
	text-align:center;
	color:#fff;
	background:rgba(40,40,40,0.75);
}
li.r_rent a:hover,
li.r_house a:hover,
li.r_land a:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}

/*=======右カラム・メニュー２==========*/
.r_menu2{
	margin-bottom:10px;
}
.r_menu2 li{
	display:block;
	width:268px;
	margin:0 0 10px 0;
	padding:15px 0;
	text-align:center;
	background:#bfbfbf;
}
.r_menu2 li a{
	font-weight:bold;
	color:#ffffff;
}

/*=======右カラム・ランキング==========*/
h3.ranking{
	font-size:130%;
	margin-bottom:10px;
	border-bottom:3px solid #9f9faf;
}
.ranking_box{
	margin-bottom:20px;
}
.ranking_box dl{
	width:100%;
	background:#fff;
}
.ranking_box dt{
	float:left;
}
.ranking_box dt img{
	max-width:100px;
	max-height:74px;
	margin-right:5px;
}
.ranking_box dd span{
	font-weight:bold;
}

/*=======右カラム・こだわり==========*/
h3.kodawari{
	font-size:130%;
	margin-bottom:10px;
	border-bottom:3px solid #9f9faf;
}
.kodawari_box{
	margin-bottom:20px;
}

/*=======右カラム・お役立ち情報==========*/
h3.oyakudachi{
	font-size:130%;
	margin-bottom:10px;
	border-bottom:3px solid #9f9faf;
}
.oyakudachi_box{
	margin-bottom:20px;
}

/*=======右カラム・会社リンク==========*/
.r_maker{
	width:268px;
	margin-top:15px;
}
.r_maker li{
	height:42px;
	margin:0 9px;
	padding-top:8px;
	text-align:center;
	border-bottom:1px solid #ccc;
}

/*=======メインカラム・新着おススメ賃貸/売買==========*/
h3.whatsnew,
h3.recommend{
	border-bottom:3px solid #9f9faf;
}
.whatsnew_box dl,
.recommend_box dl{
	float:left;
	width:203px;
	min-height:310px;
	margin:0 3px 5px;
	padding:5px 8px 4px;
	background:#f0f0f0;
}
.whatsnew_box dl:last-child,
.recommend_box dl:last-child{
	margin-right:0;
}
.whatsnew_box dt,
.recommend_box dt{
	font-size:110%;
	font-weight:bold;
	min-height:2.7em;
} 
.whatsnew_box dd.photo,
.recommend_box dd.photo{
	width:203px;
	text-align:center;
}
.whatsnew_box dd.photo img,
.recommend_box dd.photo img{
	max-width:203px;
	max-height:152px;
}
.whatsnew_box dd.icon,
.recommend_box dd.icon{
	width:60px;
	height:16px;
	margin-left:143px;
	font-size:95%;
	text-align:center;
	color:#ffffff;
	background:#9f9faf;
}
.whatsnew_box dd.detail,
.recommend_box dd.detail{
	padding-top:5px;
	padding-bottom:8px;
	font-size:90%;
	color:#333;
	text-decoration:none;
}
p.whatsnew_morelink,
p.recommend_morelink{
	margin-right:10px;
	text-align:right;
}

/*=======メインカラム・オープンハウス==========*/
h3.openhouse{
	border-bottom:3px solid #9f9faf;
}
.openhouse_box{
	margin-bottom:25px;
}
.openhouse_box .photo{
	float:left;
	margin-right:15px;
}
.openhouse_box .date{
	margin-bottom:10px;
	font-weight:bold;
	font-size:130%;
}
.openhouse_box .add{
	font-weight:bold;
	font-size:120%;
}
.openhouse_box .price{
	font-size:125%;
	font-weight:bold;
	color:#F00;
}
.openhouse_box .comment{
	margin-top:5px;
	font-weight:normal;
	font-size:100%;
}
p.openhouse_morelink{
	margin-right:10px;
	text-align:right;
}

/*=======メインカラム・グループ==========*/
.group_box{
	margin-top:0;
	margin-bottom:25px;
	background:#e0e0f0;
}
.group_box dl{
	float:left;
	width:203px;
	margin:0 3px 5px;
	padding:5px 8px 4px;
}
.group_box dt{
	font-size:110%;
	font-weight:bold;
}
.group_box dd img{
	max-width:203px;
	max-height:152px;
}
.group_box dd.detail{
	padding-top:5px;
	padding-bottom:8px;
	font-size:90%;
	color:#333;
	text-decoration:none;
}


/* screens smaller than 959
***************************************************************************/
@media only screen and (max-width:959px) {
 
/*=======カラム==========*/
#side{margin:15px 0 0 -280px; position:relative; top:0; z-index:100;}
#main{width:auto; margin:15px 280px 0 0; position:relative; top:0; z-index:1;}


}


/* screens smaller than 599
***************************************************************************/
@media only screen and (max-width:599px) {

/*=======カラム==========*/
#side{float:none; width:96%; margin:7px auto 0 auto;}
#main{float:none; width:96%; margin-left:auto;margin-right:auto;}

/*=======右カラム・お知らせ==========*/
.r_news{
	width:100%;
}

/*=======右カラム・メニュー２==========*/
.r_menu2{
	margin-bottom:10px;
}
.r_menu2 li{
	width:100%;
	margin:0 0 8px 0;
	padding:10px 0;
}

/*=======右カラム・ランキング==========*/
.ranking_box dl{ 
	background:#fff url(../images/arrow2.png) no-repeat right center;
	-moz-background-size:12px 18px;
	background-size:12px 18px;
}

/*=======メインカラム・おススメ賃貸/売買==========*/
.whatsnew_box dl,
.recommend_box dl{ 
	float:none; 
	width:auto; 
	margin:0 auto 10px; 
	padding:4px 8px; 
	min-height:10px; 
	background:#f0f0f0 url(../images/arrow2.png) no-repeat right center;
	-moz-background-size:12px 18px;
	background-size:12px 18px;
}
.whatsnew_box dt,
.recommend_box dt{
	min-height:1.5em;
	font-size:110%;
} 
.whatsnew_box dd.photo,
.recommend_box dd.photo{
	float:left;
	width:100px;
	margin-right:2px;
	text-align:center;
}
.whatsnew_box dd.photo img,
.recommend_box dd.photo img{
	max-width:100px;
	max-height:74px;
}
.whatsnew_box dd.icon,
.recommend_box dd.icon{
	margin-left:0;
	margin-bottom:2px;
}
.whatsnew_box dd.detail,
.recommend_box dd.detail{
	width:auto;
	margin:0 10px;
	padding-bottom:8px;
}

/*=======メインカラム・オープンハウス==========*/
.openhouse_box{
	margin-bottom:30px;
}
.openhouse_box .photo{
	clear:both;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.openhouse_box .photo img{
	max-width:260px;
	max-height:200px;
}
.openhouse_box .date{
	font-size:120%;
}

/*=======メインカラム・グループ==========*/
.group_box dl{
	float:none; 
	width:auto; 
	margin:0 3px;
	padding:5px 5px;
	background:#f0f0f0 url(../images/arrow2.png) no-repeat right center;
	-moz-background-size:12px 18px;
	background-size:12px 18px;
}
.group_box dt{
	font-size:110%;
	font-weight:bold;
}
.group_box dd.photo{
	float:left;
}
.group_box dd img{
	max-width:150px;
	max-height:120px;
	margin-right:5px;
}
.group_box dd.detail{
	width:auto;
	margin:0 10px;
	padding-top:0;
	padding-right:5px;
	padding-bottom:0;
	font-size:90%;
	color:#333;
	text-decoration:none;
}


}