@charset "shift_jis";
/* CSS Document */

body{
	background: none;}

@media screen and (min-width: 569px){
	
/* 背景画像 */

#background{
	background: url(images/background.png);}	

/* ヘッダー右上セット */

#hpb-headerExtra1{
	margin: -70px 0 0;}
	
#hpb-headerExtra1 p:nth-child(1){
	line-height: 1.2;}
	
#hpb-headerExtra1 p:nth-child(2){
	line-height: 1.4;}
	
#hpb-headerExtra1 p:nth-child(3){
	margin: 0;
	padding: 0;
	text-align: right!important;}
	
.tel{
	font-size: 0.8rem!important;}
	
.tel-link{
	padding: 0!important;}
	
.mobile_content{
	display: none;}

/* メニュー */

#hpb-nav{
	width: 100%;
	height: 43px;
	position: static;
	top: 0;
	left: 0;
	background: url(images/fBg_6Fa_03.png) repeat-x;
	background-position: 0 100%;}

#main-nav{
	width: 960px;
	margin: 0 auto!important;
	padding: 0!important;
	background: none!important;}
	
#main-nav li{
	width: 135px;
	padding: 0;
	border-left: 1px solid #CCC;
	background: none!important;}
	
#main-nav li:nth-child(7){
	padding: 0 3px 0 3px;
	border-right: 1px solid #CCC;}
	
#main-nav li a{
	padding: 0;}
	
/* カラム分け */

#hpb-inner{
	position: static;}
	
#hpb-main{
	margin: -15px 0 0;
	padding: 0!important;
	z-index: 1;}
	
/* メインカラム */

.hpb-parts-pbox-01{
	margin: 0!important;}

/* トップページ地域＆会社説明 */
	
.top_sentence_box{
	margin: 0 0 30px!important;
	padding: 10px;}
	
.top_sentence{
	font-size: 0.9rem;}
	
.top_sentence h4{
	font-size: 1.4rem;}

.top_sentence2{
	text-align: center;
	font-size: 1.1rem;
	margin: 10px 0;}
	
.staffpic{
	display: none;}

/* お知らせ */

.bukken_box iframe{
	width: 100%;
	border: 4px double #ccc;
	overflow: scroll;}

.whats_new{
	width: 100%;
	font-size: 0.9rem;
	background: white;}
	
.whats_new dt{
	width: 20%!important;
	background: none!important;
	padding: 10px 0 10px 0!important;
	float: left;}
	
.whats_new dd{
	width: calc(100% - 20%);
	padding: 10px 0 10px 20%!important;
	float: none;
	border-bottom: 2px dotted #ccc;}
	
.whats_new dt:nth-last-of-type(1){
	border: none!important;}
	
.whats_new dd:nth-last-of-type(1){
	border: none!important;}

/* アイキャッチ */

.eyecatch{
	width: 300px;
	text-align: center;
	line-height: 1.5;
	font-size: 0.8rem;}
	
.catchtop{
	margin: 0 auto;
	padding: 10px 0 0;
	border-top: 3px dashed #ccc;}
	
.catchbottom{
	margin: 10px auto 5px;
	padding: 0 0 10px;
	border-bottom: 3px dashed #ccc;}
	
/* 新着物件〜広さから探す */

#bannerset{
	width: 100%;
	margin: 30px 0 ;
	text-align: center;}	

.top_new{
	width: 300px;
	padding: 0;
	font-size: 0rem;
	display: inline-block;}
	
.top_new img{
	width: 300px!important;
	height: auto;}
	
#sioiri{
	width: 300px;
	display: inline-block;
	vertical-align: top;}
	
#sioiri img{
	width: 300px;
	height: auto;}
	
.bukken_box{
	height: auto;
	background: none;
	text-align: center;}
	
.bukken_box h3{
	height: 42px;
	background: url(indexBg_6Fa_01.png) left bottom no-repeat;}
	
.bukken_box h3 img{
	position: relative;
	top: 7px;}
	
.box{
	display: inline-block;
	text-align: center;
	border: 4px double #ccc;
	float: none;}
	
.osusume{
	width: 260px!important;}
	
.osusume p{
	text-align: center;}	
	
.osusume iframe{
	width: 250px!important;}
	
.bukken_list ul{
	border: none!important;}
	
.bukken_list li{
	background-position: 0 6px!important;}
	
.bukken_list ul li:nth-last-of-type(1){
	border: none!important;}
	
.bukken_list2{
	width: 600px;
	margin: 0 auto;}
	
.bukken_list3{
	width: 600px;
	margin: 10px auto 20px;}
	
.box4{
	width: 137px;
	text-align: center;
	border: 4px double #ccc;}

.box4 a{
	font-size: 0.8rem;}
	
.content_end{
	margin: 100px 0 0;
	font-size: 0.9rem;}
	
.content_end h4{
	margin: 15px 0 0!important;}
	
.content_end h4 span{
	font-weight: normal!important;}


/* サイドバー */

#hpb-aside{
	padding: 0!important;
	margin: -15px 0 0;}
	
.sidebar{
	margin: 15px 0 0!important;}

.bukken_count{
	font-size: 0.8rem;}
	
.sidebar_list{
	font-size: 0.8rem;}
	
.sidebar_list h3{
	padding: 5px 0!important;
	font-size: 0.8rem!important;}

.sidebar_osusume{
	font-size: 0.8rem!important;}
	
.sidebar_osusume ul li a img{
	vertical-align: bottom;}
	
.sidebar_osusume ul li a{
	padding: 5px 0 5px 10px!important;
	height: auto!important;}

#line{
	padding: 20px 0 0;}
	
#line>img{
	width: 150px;
	height: auto;}
	
#line a img{
	width: 100px;
	height: auto;
	margin: 5px 0 0;
	display: block;}	
	
#line p{
	text-align: center;
	font-size: 0.8rem;}
	
.sidebar-end{
	margin: 30px 0 30px;}
	
/* フッタ */

#footerbox{
	width: 100%;
	background-image: url(images/footerBg_6Fa.png);
	padding: 0 0 10px;}

/* 会社案内 */

.topic-path{
	width: 250px;
	margin: 5px 0 0!important;
	padding: 0;
	text-align: left;}
	
.subpage_title_box h3 span{
	padding: 8px 0 0;
	font-size: 1.2rem;
	display: block;}
	
#company{
	font-size: 0.9rem;}
	
#company dt,#company dd{
	border: none!important;}
	
.staff_box{
	margin: 0 0 10px!important;
	padding: 10px;}
	
.subpage_title_box2{
	margin: 50px 0 0;}
	
.map_link{
	text-align: right;}
	
#accessmap{
	width: 600px;
	margin: 0 auto;}
	
.access_tips{
	margin: 0;
	font-size: 1rem;
	font-weight: bold;}
	
.access_sentence{
	font-size: 0.9rem;}

.comment{
	text-align: center;}
	
/* 街情報 */

.town_box{
	margin: 0 0 10px!important;
	padding: 10px;
	font-size: 0.9rem;}

.town_box div{
	width: 400px;
	float: left;}

/* プライバシー */

#privacy{
	font-size: 0.9rem;}

#privacy h3{
	height: 33px;
	padding: 7px 0 0 25px;
	background: url(indexBg_6Fa_03.png) no-repeat;
	font-size: 1.1rem;}
	
#privacy ol{
	text-align: left;
	list-style: decimal inside;
	padding: 0;}

#privacy ol li{
	margin: 10px 0;}

/* 免責条項 */

.escape_sentence{
	font-size: 0.9rem;}
	
/* お部屋探し */

#privacy h4{
	margin: 0 0 30px;
	line-height: 1.5;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: left;}
	
#oheya-tel,#oheya-mall{
	width: 200px;
	margin: 20px 0;
	text-align: center;
	display: inline-block;
	vertical-align: top;}
	
/* サイトマップ */

.sitemap{
	font-size: 0.9rem;}

/* 売買ページ */

#maincolumn{
	width: 960px;
	margin: 0 auto;}
	
.baibai_comment{
	width: 100%;
	margin: 10px 0 30px;
	padding: 30px 0 30px!important;
	background: #e1eaef;}
	
.baibai_comment p{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	font-size: 0.9rem;
	line-height: 2;}
		
#blog-table{
	font-size: 0.9rem;}
	
.title{
	font-size: 1.3rem;}
	
.summary_comment{
	text-align: left!important;
	border: none!important;}
	
.blog_info{
	width: 100%;
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 3px solid #ccc;}
	
.roomimg{
	width: 100%;
	display: inline-block;}
	
.details{
	width: 950px;
	margin: 50px auto 10px;
	border-bottom: 3px solid #000000;}
	
.toiawaseset{
	width: 280px;
	margin: 0 auto 50px;
	padding: 10px 0;
	text-align: center;
	border-top: 3px dashed #ccc;
	border-bottom: 3px dashed #ccc;}
	
.nav-below{
	padding: 0 0 100px;}
		
.nav-previous{
	float: left;}

.nav-next{
	float: right;}
	
.mobileset{
	display: none;}
	
}