﻿@charset "utf-8";


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 Reset CSS
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
	}
ul,ol,li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
hr {
	display:none;
	}
a {
	color:#4d4d4d; 
	text-decoration: none;
	
}
a:hover {
	text-decoration: underline;
}

.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
img{
	vertical-align: bottom;
}

/* フルードイメージ */
img{	
	max-width:100%;
	height:auto;
}
.ie8 img{width:auto;}


/*　画像の影　*
----------------------------------------------------------*/
.shadow{
	-webkit-box-shadow: 0px 0px 8px 2px #c3c3c3;
	-moz-box-shadow: 0px 0px 8px 2px #c3c3c3;
	box-shadow: 0px 0px 8px 2px #c3c3c3;
	background:#fff;
	position:relative;
	text-align:left;
}



/* clearfix
----------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/* Androidでpタグの横幅が狭まるバグ対策 */
p {background-image:url(image);}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
	padding : 0 0 0 0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:17px;
	line-height: 1.8em;
	color:#545454;
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	width : 100%;
	margin:auto;
	overflow:hidden;
	background:url(../img/common/back.png) center top ;
}


/*　ヘッダー　*
----------------------------------------------------------*/
#header{
	width:100%;
	background-image:url(../img/common/border_gray.png);
	background-position:center  bottom;
	background-repeat: repeat-x;
}
#header h1{
	font-size:12px;
	line-height:1.2em;
	padding:8px 0;
}

.header_inner{
	max-width:1000px;
	padding:0 5px;
	margin:auto;
}
.h_logo{
	float:left;
	padding-bottom:10px;
}
.h_info{
	float: right;
	padding-bottom:10px;
}



/*　メニュー　*
----------------------------------------------------------*/

/*　PC版メニュー　*/
#navi{
	width:100%;
}

.dropmenu{
  *zoom: 1;
  max-width: 1000px;
  float:right;
  margin: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  text-align: center;
}
.dropmenu li a{
  display: block;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 10px 0;
  border-bottom: 1px solid #888888;
  background: #ffffff;
  text-align: center;
  font-size:14px;
}
.dropmenu li ul li:hover > a{
	background-color:#e4e4e4;
	text-decoration:none;
}
.dropmenu li ul li a:hover{
	background-color:#e4e4e4;
	text-decoration:none;
}

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}



/*　スマホ版メニュー　*/

.demo01{
	width:100%;
	background-color:#474747;
	padding:8px 0;
	color:#ffffff;
	font-size:17px;
}
.demo01 a{
	color:#ffffff;
}
.demo01 li.m_open{
	width:100%;
	display:block;
	text-align:right;
}
.child {
    display: none;
}

ul.inner li a{
	text-align:left;
	display:block;
	padding:10px;
	border-bottom:solid 1px #888888;
}


/*  ページトップへ */
.p_top{
	max-width:900px;
	margin:auto;
	text-align:right;
	}

/*　フッター　*
----------------------------------------------------------*/
#footer{
	width:100%;
}
.footer_innre{
	background-color:#5ebddc;
	color:#ffffff;
	padding:20px 5px;
}
.footer_innre ul{
	max-width:900px;
	padding:0 5px ;
	margin:auto;
}
.footer_innre li{
	display: inline-block;
	margin-right:20px;
	font-size:16px;
}
.footer_innre li a{
	color:#ffffff;
}
.copy{
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:1.2em;
	color:#ffffff;
	padding:10px;
	background-color: #838383 ;
}

/*　コンテンツ　*
----------------------------------------------------------*/

.ttl_image{
	width:100%;
}
.contents{
	max-width:1000px;
	padding:0 5px;
	margin:40px auto 60px;
}
.ttl_line{
	font-size:25px;
	border-bottom:dashed 2px #baab83;
	padding-bottom:5px;
	margin-bottom:15px; 
}





/*　ホーム　*
----------------------------------------------------------*/

/* トップページ　スライダー */
#mainimage{
	clear:both;
	width:100%;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:4px;
	background-image:url(../img/common/border_gray.png);
	background-position:center  bottom;
	background-repeat: repeat-x;
}
#sss{
	z-index:-1;
}
#slides{
      display:none;
}




.waku_news{
	padding:10px 20px;
	border-bottom: solid 2px #baab83;
	margin-bottom:15px;
}

.waku_news dl {
  width:100%;
}
.waku_news dt {
  float:left;
  margin-bottom:15px;
}
.waku_news dd {
  margin-left:130px;
  margin-bottom:15px;
}

ul.bukken{
	margin:auto;
    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;
}
ul.bukken li{
	float:left;
	text-align:left;
	width:230px;
	margin-right:20px;
	margin-bottom:30px;
	font-size:15px;
	line-height:1.6em;
}

.pic_img{
	background-color:#dfdfdf;
	width:230px;
	height:230px;
	text-align:center;
	margin-bottom:10px;
	vertical-align:middle;
	display:table-cell;
}
.pic_img img{
	max-width:230px;
	max-height:230px;
}
.pic_cate{
	background-color:#56adb6;
	color:#ffffff;
	font-size:15px;
	text-align:center;
	width:230px;
	margin-bottom:5px;
}
dl.icons{
}
dl.icons dd{
	float:left;
	margin-right:5px;
}

table.icon{
	width:100%;
}
table.icon td{
	width:33%;
}
.kuwasiku{
	text-align:right;
	font-size:15px;
	margin-top:5px;
}




ul.f_info li{
	float:left;
	line-height:1.5em;
	margin-bottom:10px;
	margin-right:40px;
}
ul.f_info li.end{
	margin-right:0px;
}





















/*　空き家対策　*
----------------------------------------------------------*/

dl.taisaku{
	width:100%;
	font-size:20px;
	margin-bottom:15px;
}
dl.taisaku dt{
	background-color:#f29600;
	color:#ffffff;
	font-weight:bold;
	width:30px;
	text-align:center;
	float: left;
}
dl.taisaku dd{
	margin-left:40px;
}

ul.komari{
	margin-left:1.5em;
}
ul.komari li{
	list-style:disc;
	margin-bottom:8px;
}

/*　よくあるご質問　*
----------------------------------------------------------*/
dl.b_midori{
	width:100%;
	margin-bottom:15px;
}
dl.b_midori dt{
	background-color:#55c670;
	color:#ffffff;
	font-weight:bold;
	width:30px;
	text-align:center;
	float: left;
}
dl.b_midori dd{
	margin-left:40px;
	font-weight:bold;
	font-size:19px;
}
dl.b_blue{
	width:100%;
	margin-bottom:15px;
}
dl.b_blue dt{
	background-color:#4473b3;
	color:#ffffff;
	font-weight:bold;
	width:30px;
	text-align:center;
	float: left;
}
dl.b_blue dd{
	margin-left:40px;
}
.kei_qa{
	height:1px;
	border-bottom:solid 1px #ccc09b;
	margin:15px 0;
}

/*　会社案内　*
----------------------------------------------------------*/
.img_hana{
	width:100%;
	background-image:url(../img/useful/img_company02.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: contain;
	text-align:center;
	font-size:22px;
	line-height:1.6em;
	margin-bottom:40px;
}
table.kaisya{
	width:95%;
	margin:0 auto 40px;
}
table.kaisya th,
table.kaisya td{
	border:solid 1px #838383;
	padding:10px;
}
table.kaisya th{
	width:25%;
	text-align:center;
	background-color:#5ebddc;
	color:#ffffff;
	padding:10px 0;
}
table.kaisya td{
	padding:10px;
	line-height:1.4em;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*　地域情報　*
----------------------------------------------------------*/
.ttl_town{
	border-bottom:solid 1px #ccc09b;
	padding:5px 0;
	font-size:20px;
	margin-left:20px;
	margin-bottom:20px;
}
.town02{
	background-image:url(../img/town/town_img02.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.town03{
	background-image:url(../img/town/town_img03.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.town04{
	background-image:url(../img/town/town_img04.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.town05{
	background-image:url(../img/town/town_img05.png);
	background-position:left top;
	background-repeat:no-repeat;
}
ul.links{
	margin-left:40px;
	margin-bottom:60px;
}
ul.links li{
	float:left;
	margin-right:40px;
}
ul.links li.end{
	margin-right:0;
}
ul.links li a{
	color:#005baa;
}


ul.links:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul.g_img{
	margin-left:20px;
	margin-bottom:60px;
}
ul.g_img li{
	float:left;
	margin:10px;
}



/*　物件情報　*
----------------------------------------------------------*/
.r_list{
	padding-top:20px;
	margin-bottom:20px;
}
.r_list li a{
	background-color:#5ebddc;
	line-height:1.2em;
	color:#ffffff;
	display:block;
	width:15%;
	padding:1%;
	float:left;
	margin:0 1%;
}
.r_list li.apa a{
	width:20%;
}

table.kensaku{
	width:90%;
	margin:auto;
}
table.kensaku th,
table.kensaku td{
	border:solid 1px #999999;
}

table.kensaku th{
	text-align:center;
	background-color:#5ebddc;
	color:#ffffff;
}
table.kensaku td{
	background-color:#ffffff;
	padding:15px;
}
table.kensaku td.spece{
	padding:0;
	border: none;
	background-color:transparent;
}
.kensaku li{
	float:left;
	margin-right:40px;
}
.select4 li{
	float:left;
	width:205px;
	margin:0;
}

.pd05{
	padding:5px;
}



































.pc{ display:block;}
.sp{ display:none;}



/*-----------------------------------------------------	*/
/*	for - 769px					*/
/*-----------------------------------------------------	*/


@media screen and  (max-width: 769px) {

/*　メニュー　*
----------------------------------------------------------*/
.pc{ display:none;}
.sp{ display:block;}

.h_logo,
.h_info{
	float:none;
	text-align:center;
	padding-bottom:20px;
}

/*　コンテンツ　*
----------------------------------------------------------*/
.ttl_line{
	font-size:22px;
}

/*　ホーム　*
----------------------------------------------------------*/
.waku_news dt {
  float: none;
  margin-bottom:0px;
}
.waku_news dd {
  margin-left:00px;
  margin-bottom:15px;
}

ul.f_info{
	width:auto;
	margin:auto;
}
ul.f_info li{
	float: none;
	text-align:center;
	margin-right:0;
}

/*　会社案内　*
----------------------------------------------------------*/
.img_hana{
	font-size:20px;
	line-height:1.4em;
	margin-bottom:30px;
}



/*　物件情報　*
----------------------------------------------------------*/
.r_list{
	padding-top:0;
	margin-bottom:10px;
}

.r_list li a,
.r_list li.apa a{
	width:45%;
	border-bottom:solid 1px #ffffff;
}
























/*  ページトップへ */
.p_top{
	text-align: center;
	}



}













@media print{
#wrapper {
	overflow:visible; 
}
}
