@charset"euc-jp";


/* -----------------------------------------------------------------------------
　デフォルトリセット
----------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form, map,
strong {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.5;
	border: none;
	list-style-type: none;

}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/* -----------------------------------------------------------------------------
　レイアウトベース
----------------------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
	font-size: 14px;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	letter-spacing: 1.5px;
	font-feature-settings: "palt" 1;
	font-kerning: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #333;
}

#wrapper {
	width: 1020px;
	margin: 0 auto;
	padding: 40px 0 60px;
}


/* --フォントの指定 ------------------------ */
/* 参考）http://qiita.com/RinoTsuka/items/4181efd43d072e246519 */

@font-face{
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 300;
  }
  
  @font-face{
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 500;
  }
  
  @font-face{
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic");
	font-weight: bold;
  }
  @font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
  }
  @font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
  }
  
  html {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  }
  
  /* IE10以上 */
  @media all and (-ms-high-contrast: none)  {
	html {
	  font-family: Verdana, Meiryo, sans-serif;
	}
  }
  @media all and (-ms-high-contrast: active) {
	html {
	  font-family: Verdana, Meiryo, sans-serif;
	}
  }

/* --リンククリック時の点線を消す ------------------------ */

a:focus{ outline:none; }


/* --　テキストリンク------------------------------------- */

a:link		{ color:#2688D9; text-decoration: underline;}
a:visited	{ color:#2688D9; text-decoration: underline;}
a:hover 	{ color:#2655A3; text-decoration: none;}
a:active 	{ color:#2655A3; text-decoration: none;}


/* -----------------------------------------------------------------------------
　header
----------------------------------------------------------------------------- */

#header {
	position: relative;
	width: 1020px;
	height: 140px;
	margin: 0 auto;
	background: #fffcfa;
}
#header #header_contents {
	position: relative;
	height: 140px;
	margin: 0 auto;
    width: 1020px;
	padding-top: 20px;
}
#header #logo_link {
	float: left;
	display: block;
}
#header #logo_link img {
	width: auto;
	height: 65px;
}
#header #header_tel {
	float: right;
	margin-top: 5px;
}

/* グローバルナビ */
#header #header_contents #g_navi {
	position: absolute;
	top: 90px;
	width: 100%;
	height: 50px;
}
#header #header_contents #g_navi.fixed {
	position: fixed;
    top: 0;
	left: 0;
	background: #fffcfa;
	box-shadow: 0 1px 20px rgba(0,0,0,0.2);
	z-index: 10000;
}
#header #header_contents #g_navi ul {
	width: 1020px;
	margin: 10px auto;
}
#header #header_contents #g_navi ul li {
	display: block;
	float: left;
	width: 128px;
	height: 30px;
	letter-spacing: 0.1em;
	border-right: 1px solid #DDD;
}
#header #header_contents #g_navi ul li:first-child {
	width: 124px; /* HOMEだけ幅小さめ */
	border-left: 1px solid #DDD;
}
#header #header_contents #g_navi ul li a {
	display: block;
	color: #333;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}
#header #header_contents #g_navi ul li a:hover {
	border-bottom: #ea5514 solid 3px;
}

/* -----------------------------------------------------------------------------
　footer
----------------------------------------------------------------------------- */

#footer{
	width: 100%;
	background: #EEE;
    font-size: 12px;
    letter-spacing: 0;
}
#footer .f_contents {
	overflow: hidden;
	width: 1020px;
	margin: 0 auto;
	padding: 20px 0 40px;
}
#footer .f_contents > div {
	float: left;
}

/* 会社情報 */
#footer .f_company {
    width: 240px;
	margin-top: 20px;
    margin-right: 55px;
}
#footer .f_company img[src*='logo'] {
	width: 240px;
	height: auto;
}
#footer .f_company .f_sns{
    text-align: end;
    padding-top: 1rem;
}
#footer .f_company p {
	margin: 30px 0;
}
#footer .f_company p .bold {
	line-height: 24px;
}

/* ナビ */
#footer .f_navi {
	width: 450px;
}
#footer .f_navi ul {
	float: left;
	display: block;
	width: 150px;
	margin-top: 20px;
}
#footer .f_navi ul li {
    margin-top: 3px;   
}
#footer .f_navi ul li:first-child::before {
	display: none;
}
#footer .f_navi ul li h5 {
	font-weight: bold;
}
#footer .f_navi ul.float_right {
	width: 275px;
}

/* 幅広のナビ */
#footer .f_navi.f_navi_wide {
	width: 275px;
}
#footer .f_navi.f_navi_wide ul {
	width: 100%;
}

/* コピーライト */
#footer #copyright {
	width: 100%;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	line-height: 30px;
	background: #333;
}

/* リンク色 */
#footer a:link    { color: #333; text-decoration: none; }
#footer a:visited { color: #333; text-decoration: none; }
#footer a:hover   { color: #999; text-decoration: underline; }
#footer a:active  { color: #999; text-decoration: underline; }


/* -----------------------------------------------------------------------------
　secondary
----------------------------------------------------------------------------- */

#secondary {
	width: 220px;
	float: left;
}

#secondary a:link	{ color: #333; text-decoration: none; }
#secondary a:visited{ color: #333; text-decoration: none; }
#secondary a:hover 	{ color: #666; text-decoration: underline; }
#secondary a:active { color: #666; text-decoration: underline; }


#secondary h2{
	font-size:14px;
	border-left:4px solid #20417B;
	border-bottom:none;
	padding:3px 0 3px 5px;
	margin:15px 0 5px 0;
	background:none;
	font-weight:bold;
	color:#20418B;
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}


#secondary .s_text{
	color:#7E6440;
	text-align:center;
	padding:7px 5px 0 5px;
}

#side_new_bukken {
    font-size: 12px;
}

	/* --------------------------------------
	　	　サイド見出し
	-------------------------------------- */

	#secondary h4 {
		position: relative;
		height: 50px;
		margin: 30px 0 15px;
		padding: 0;
		background-color: transparent;
		border-bottom: 2px solid #333;
	}
	#secondary h4::before {
		content: "";
		position: absolute;
		display: inline-block;
		top: 15px;
		left: 0;
		width: 21px;
		height: 21px;
		background: url("/common/img/side/icon_headline.png") no-repeat;
		background-size: 21px 21px;
	}
	#secondary h4 .border-bottom_color {
		display: inline-block;
		height: 50px;
		padding: 0 0 0 35px ;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.2em;
		line-height: 50px;
		border-bottom: #ea5413 solid 2px;
	}


	/* --------------------------------------
　	　サイドマイページ
	-------------------------------------- */
	#secondary ul.s_mypage{
		background: #EEE;
		padding: 15px 20px;
	}
	#secondary ul.s_mypage li{
		line-height: 1.8;
	}
	#secondary ul.s_mypage li:first-child {
		border-bottom: 1px solid #CCC;
		margin-bottom: 10px;
		line-height: 2;
	}
	#secondary ul.s_mypage li:first-child::before {
		display: none;
	}
	/* --------------------------------------
　	　サイド会員登録
	-------------------------------------- */

	#secondary #s_register a {
		position: relative;
		display: block;
		width: 220px;
		height: 350px;
		text-decoration: none;
		background: url('/common/img/side/button_register.png') no-repeat;
	}

	#secondary #s_register a:hover {
		color: #333;
		background: url('/common/img/side/button_register_on.png') no-repeat;
	}

	#secondary #s_register a div {
		position: absolute;
		top: 85px;
		width: 100px;
		font-size: 16px;
		text-align: center;
		letter-spacing: 0;
		line-height: 57px;
	}

	/* --------------------------------------
　	　サイドログイン
	-------------------------------------- */

	#secondary #s_login {
		padding:10px;
		background: #EEE;
	}
	#secondary #s_login input {
		padding: 5px;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: left center;
		border: 1px solid #CCC;
	}
	#secondary #s_login input#email{
		width: 200px;
	}
	#secondary #s_login input#email.off{
		background-image: url('/common/img/bg_email.gif');
	}
	#secondary #s_login input#pass{
		width: 120px;
		margin-top: 5px;
	}
	#secondary #s_login input#pass.off{
		background-image: url('/common/img/bg_pass.gif');
	}
	#secondary #s_login .button {
		float:right;
		width: 75px;
		height: 27px;
		line-height: 27px;
	}

	/* --------------------------------------
	　	サイド閲覧履歴
	-------------------------------------- */

	#side_history .s_history_li {
		padding: 10px 0;
		font-size: 10px;
		border-bottom: 1px solid #CCC;
	}
	#side_history .s_history_li:first-child {
		padding: 0 0 10px;
	}
	#side_history .s_history_img {
		width: 80px;
		float: left;
		margin: -4px 5px 5px 0;
	}
	#side_history input[type=checkbox] {
		width: 20px;
		height: 20px;
		margin-top: 8px;
		vertical-align: top;
	}
	#side_history .s_history_txt {
		display: inline-block;
		width: 110px;
		margin-top: 5px;
	}
	#side_history #inq_all_btn {
		height: 40px;
		line-height: 40px;
	}

	/* --------------------------------------
　	サイド新着物件
	-------------------------------------- */

	#secondary #side_new_bukken li {
		padding: 10px 0;
		border-bottom: 1px solid #CCC;
	}
	#secondary #side_new_bukken li:first-child {
		padding: 0 0 10px;
	}

	/* --------------------------------------
　	サイドスタッフ紹介
	-------------------------------------- */

	#side_staff_list li {
		padding: 10px 0;
		font-size: 10px;
		border-bottom: 1px solid #CCC;
	}
	#side_staff_list li:first-child {
		padding: 0 0 10px;
	}
	#side_staff_list img {
		float: left;
		width: 80px;
		height: auto;
		min-height: 50px;
		margin: 0 5px 5px 0;
		background: #EEE;
	}
	#side_staff_list .side_staff_detail {
		display: block;
		float: right;
		width: 130px;
	}
	#side_staff_list .button {
		height: 40px;
		line-height: 40px;
	}

	/* --------------------------------------
　	サイド絞り込み検索
	-------------------------------------- */
	#secondary .s_topic {
		color: #514029;
		background: #E1E9F7 url(../img/com/arrow_off.png) 5px 7px no-repeat;
		padding: 6px 0 6px 20px;
		margin: 4px 0 4px 0;
		cursor: pointer;
		border-bottom: 1px solid #a1aac3; }

	#secondary .s_topic2 {
		color: white;
		background: #6a80c8 url(../img/com/arrow_on.png) 5px 7px no-repeat;
		padding: 6px 0 6px 20px;
		margin: 4px 0 4px 0;
		cursor: pointer;
		border-bottom: 1px solid #a1aac3; }

	.dsp_close { display: none; }

	.dsp_open {
		display: block;
		line-height: 1.5;
		font-size: 10px;
		padding-left: 10px; }


	/* --------------------------------------
　	サイド絞り込み検索　さらに絞込み
	-------------------------------------- */
	.src_title {
		margin: 5px 0 5px 0;
		background: #eeeeee;
		padding: 2px 2px 2px 0.5em;
		clear: both; }

	.src_opt { font-size: 12px; }


	/* --------------------------------------
　	単語内改行なしの定型設定
	-------------------------------------- */
	.src_opt li {
		display: inline;
		margin-right: 8px;
		white-space: nowrap;
		line-height: 1.5; }

	*:first-child + html .src_opt li { float: left; }

	* html .src_opt li { float: left; }

	.src_setting_area {
		background: #fdfce7;
		padding: 5px;
		font-weight: bold;
		margin: 1em 0;
		line-height: 1.5em;
		color: #ff6600;
		border: 1px solid #faecc2;
		/*font-size: 10px;*/
		}

	.src_setting_area li {
		display: block;
		clear: both; }

	.src_setting_area .item {
		float: left;
		white-space: nowrap; }

	.src_setting_area .reset {
		float: right;
		white-space: nowrap; }


	/* --------------------------------------
　	サイドメニューの検索条件表示
	-------------------------------------- */
	#secondary.src_setting_area {
		background: #fdfce7;
		padding: 5px;
		font-weight: bold;
		margin: 1em 0;
		line-height: 1.5em;
		color: orange;
		border: 1px solid #faecc2;
		font-size: 10px; }

		#secondary.src_setting_area li {
			display: block;
			clear: both; }

		#secondary.src_setting_area .item {
			float: left;
			white-space: nowrap; }

		#secondary.src_setting_area .reset {
			float: right;
			white-space: nowrap; }


/* -----------------------------------------------------------------------------
　primary
----------------------------------------------------------------------------- */

#primary {
	float: right;
	width: 740px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}


	#primary p, #primary dl { margin: 1em; }

	#primary ol, #primary ul { margin: 1em 1em 1em 3em; }

	#primary ol li { list-style: decimal outside; }

	#primary .bukken {
	border: #CCCCCC 1px solid;
	padding: 3px 3px;
	margin: 0 0 5px 0 ; }


/* --------------------------------------
　共通 リスト
-------------------------------------- */
#primary ul.none_list{
	margin:20px 0;
	padding:0;
}
#primary ul.none_list li{
	list-style:none;
	line-height:1.4;
	margin:0 0 1.5em 1em;
}

#primary ul.disc_list{
	margin:20px 0;
	padding:0;
}
#primary ul.disc_list li{
	list-style:disc;
	line-height:1.4;
	margin:0 1em 1.5em 3em;
}

#primary ol.decimal_list{
	margin:20px 0;
	padding:0;
}
#primary ol.decimal_list li{
	list-style:decimal;
	line-height:1.4;
	margin:0 2em 2em 3em;
}

/* --------------------------------------
　共通 table th tr td
-------------------------------------- */
.lined_table {
	border: 1px solid #CCC;
	border-collapse: collapse;
	margin: 20px auto; }

	.lined_table tr td, table.lined_table tr th {
		border: 1px solid #CCC;
		border-collapse: collapse;
		padding: 10px;
	}

	.lined_table tr th {
		background-color: #EEE;
		color:#333;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		vertical-align: middle; }

	.lined_table tr td, table.lined_table tr .th2{
		text-align: left;
	}

/* -----------------------------------------------------------------------------
　共通　ページング
----------------------------------------------------------------------------- */
table.menu_table {
	width: 100%;
	padding: 20px;
	background-color: #EEE;
}

/* -----------------------------------------------------------------------------
　共通　未公開物件件数
----------------------------------------------------------------------------- */
.disp_box{
	width:682px;
	background:#fff;
	border:4px solid #DAE7FF;
	padding:10px 5px;
	text-align:center;
	margin:20px auto;
	line-height:2em;
}

.disp_box_num{
	font-size:25px;
	color:#f00;
	font-weight:bold;
}


/* -----------------------------------------------------------------------------
　共通　フォームエラー表示
------------------------------------------------------------------------------ */
#primary #alert{
	width:85%;
	text-align:center;
	color:#933;
	font-weight:bold;
	font-size:14px;
	margin:1em auto;
}

.error_col{
	color:#933;
	font-weight:bold;
	margin-bottom:5px;
}

/* ---------------------------------------------------------
　form_table
--------------------------------------------------------- */
.form_table{
	border:1px solid #DDD;
	border-collapse:collapse;
	padding:0;
	text-align:left;
}
.form_table td, .form_table th{
	border:1px solid #DDD;
	padding:10px;
}
table.form_table tr th{
	background-color: #EEE;
	font-weight:normal;
	color:#333;
	font-weight:bold;
	font-size:13px;
	text-align:left;
}
.req {
	background-color: #933;
	text-align: center;
	vertical-align: middle;
	padding:2px 4px;
	float:right;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	display: inline-block;
    width: 3.3em;
}

.req.opt {
    background: #666;
}

td .req {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

table.form_table input,
table.form_table select {
	padding:5px;
	vertical-align:middle;
	border: 1px solid #CCC;
    margin-right: 3px;
}

/* -----------------------------------------------------------------------------
　serch.php
----------------------------------------------------------------------------- */

.src_box_area{
	margin:3px 0;
}

.src_box_area div{
	background:#FFF;
	overflow:auto;
	padding:3px;
	width:98%;
}

.src_box_area *{
	float: left;
}

.src_box_area label{
	width:130px;
}

/* -----------------------------------------------------------------------------
　privacy.php
----------------------------------------------------------------------------- */
.privacy_contact{
	border:1px solid #ccc;
	padding:10px;
	margin:20px 10px;
	line-height:1.5em;
}


/* ---------------------------------------------------------
　info_list メニュー部
--------------------------------------------------------- */

.list_menu{
	padding: 5px;
	text-align: center;
	font-weight:bold;
}

.list_menu a.num,
.list_menu b{
	border: 1px solid #333;
	color: #333;
	padding: 6px 8px;
}

.list_menu a.num:hover,
.list_menu b{
	background: #333;
	color: #fff;
}


/* ----------------------------------------------------------------------------------------------
　area/
---------------------------------------------------------------------------------------------- */

#area table{
	text-align:center;
}

#area ul li {
list-style:none;
}

#area td{
	padding:5px 10px;
}

#area #area_menu a{
	margin:10px;
}

.schoollink ul li{
	list-style:none;
}
.schoollink li {
	float:left;
	margin:5px;
	list-style:none;
	font-size:14px;
}

.pagetop{
text-align:right;
}

/* -----------------------------------------------------------------------------
　glossary/
----------------------------------------------------------------------------- */
/*
#grossary ul li{
	list-style:none;
}

#grossary li{
	float:left;
	margin:5px;
}
#grossary-nav li{
	font-size:16px;
	font-weight:bold;
}
#grossary .center{
clear:both;
padding-top:30px;
text-align:center;
}

#grossary-box-contentsR{
	clear:both;
	padding-top:20px;
}
	#grossary-box-contentsR dt{
		font-weight:bold;
		font-size:16px;
	}
*/

/* -----------------------------------------------------------------------------
　list_staff
----------------------------------------------------------------------------- */
ul#staff_list {
	position: relative;
	overflow: hidden;
	margin: 0 10px;
}
ul#staff_list li {
	float: left;
	display: block;
	margin: 0 40px 40px 0;
}
ul#staff_list li:nth-child(3n) {
	margin: 0 0 40px 0;
}
ul#staff_list li a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 212px;
	height: 212px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
ul#staff_list li a div {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px;
	color: #FFF;
	text-align: center;
    font-size: 12px;
	line-height: 1.4;
	background-color: rgba(0, 0, 0, 0.7);
	transition: all 0.5s ease;
}
ul#staff_list li:hover a div {
	bottom: -50px;
}


/* --------------------------------------
　共通　物件種別色
-------------------------------------- */
.bk_type{
	font-size:10px;
	padding:5px 7px;
	margin-right: 5px;
}
.bk_type.type0{ background:#880000; color:#FFFFFF; } /* 会員限定物件 */
.bk_type.type1{ background:#006666; color:#FFFFFF; } /* 土地 */
.bk_type.type2{ background:#993300; color:#FFFFFF; } /* 新築一戸建て */
.bk_type.type3{ background:#977602; color:#FFFFFF; } /* 中古一戸建て */
.bk_type.type4{ background:#006699; color:#FFFFFF; } /* 中古マンション */
.bk_type.typea{ background:#817552; color:#FFFFFF; } /* 投資物件 */
.bk_type.type8{ background:#FBB03B; color:#FFFFFF; }


/* --------------------------------------
　	　おすすめ物件
-------------------------------------- */
#primary #recommend #recommend_inner {
	margin: -10px;
	font-size: 0;
}

#primary #recommend .rec_box{
	box-sizing: border-box;
	display: inline-block;
	width:360px;
	height:auto;
	margin: 9px;
	font-size: 12px;
	text-align:left;
	vertical-align: top;
}

#primary #recommend div.rec_main {
	position: relative;
	overflow: hidden;
}
#primary #recommend a.rec_main_img {
	display: inline-block;
	width: 360px;
	height: 274px;
}
#primary #recommend div.rec_main_text {
	position: absolute;
    left: 0;
    bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 6px 10px;
	background: #000;
	background: rgba(0,0,0,0.7);
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#primary #recommend div.rec_main:hover div.rec_main_text {
	bottom: -50px;
}
#primary #recommend div.rec_main_text ul {
	overflow: hidden;
	height: 36px;
	margin: 0;
	padding: 0;
}
#primary #recommend div.rec_main_text li {
	display: inline-block;
	margin: 2px 0.5em 0 0;
	color: #FFF;
	font-size: 14px;
	line-height: 1em;
	list-style: none;
}
#primary #recommend div.rec_main_text li b {
	font-size: 18px;
}

#primary #recommend .rec_point{
	background: #EEE;
	min-height: 70px;
	padding: 10px;
	font-size: 0;
}
#primary #recommend a.rec_point_staff {
	width:70px;
	height:70px;
	vertical-align: top;
	overflow: hidden;
	border-radius: 50%;
}
#primary #recommend a.rec_point_staff:hover {
	opacity: 0.7;
}
#primary #recommend div.rec_point_text {
	display: inline-block;
	width: 240px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
}


/* ----------------------------------------------------------------------------------------------
　list_bukken
---------------------------------------------------------------------------------------------- */
.down{
background:#0066FF;
color:white;
border:1px solid #0066FF;
font-size:10px;
}
.down_q{
background:#F90;
color:white;
border:1px solid #F90;
font-size:10px;
}
.down_p{
background:#FC5367;
color:white;
border:1px solid #FC5367;
font-size:10px;
}

.disp_c{
background:#6fb720;
color:white;
border:1px solid #6fb720;
font-size:10px;
}

/* -----------------------------------------------------------------------------
　list_mansion.php
----------------------------------------------------------------------------- */

.area_alert {
	padding: 20px;
	margin-bottom: 40px;
	color:#7f7f7f;
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
	background-color:#EEE;
}
#primary #area_list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
}

#primary #area_list li {
	display:block;
	float:left;
	width:20%;
	padding:3px;
}

.onsale_bu{
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #b94a48;
	padding:3px;
}



/* ---------------------------------------------------------
　パンくずリスト
--------------------------------------------------------- */

#topicPath {

}
ul#topicPath {
	margin:15px 0 20px 10px;
	padding:0;
}

#topicPath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
	padding-left:3px;
}
#topicPath li a {
	padding-right:13px;
	background:url(../img/com/path.gif) no-repeat right center;
}

/* ---------------------------------------------------------
　新着情報
--------------------------------------------------------- */

#primary ul.news_list{
	padding:0 30px;
	margin:0;
}
#primary ul.news_list li{
	border-bottom:1px dotted #ccc;
	padding:3px;
}


/* --------------------------------------
　	　新着情報
-------------------------------------- */
#primary ul.info_news{
	margin:5px 0 20px 0;
	padding:0;
	border-top:1px solid #000;
	width:700px;
}

#primary ul.info_news li{
	line-height:1.6;
	border-bottom:1px dotted #69432B;
	padding:10px;
	list-style:none;
	vertical-align:middle;
}
#primary ul.info_news .category{
	border:1px solid #BEA48D;
	color:#69432B;
	padding:3px;
	display:block;
	width:60px;
	text-align:center;
	font-size:10px;
	float:left;
	margin:0 10px 0 0;
	vertical-align:top;
}
#primary ul.info_news .date{
	font-weight:bold;
	width:100px;
	float:left;
	display:block;
	color:#666666;
	padding-top:3px;
}
#primary ul.info_news .text{
	width:500px;
	float:left;
	display:block;
	padding-top:3px;
}

#primary ul.info_news a:link    { color: #333; text-decoration: underline; }
#primary ul.info_news a:visited { color: #333; text-decoration: underline; }
#primary ul.info_news a:hover   { color: #666; text-decoration: none; }
#primary ul.info_news a:active  { color: #666; text-decoration: none; }


/* --------------------------------------
　	　メリット
-------------------------------------- */

#primary .merit01{
	border:1px solid #ccc;
	width:678px;
	margin:auto;
}
#primary .merit01 p{
	margin:1em 1.5em;
}


/* --------------------------------------
　	bootstrap
-------------------------------------- */
.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
/*
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}*/

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
/*
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}*/

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
/*
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}

*/


/* --------------------------------------
	コラム
-------------------------------------- */
#list_report{
}

#list_report ul.newsList {
	float: none;
	width: 720px;
	margin: 0 auto 10px;
	font-size: 0.98em;
	overflow: hidden;
	overflow: hidden;
}
#list_report ul.newsList li {
	position: relative;
	float: left;
	text-align: left;
	width: 200px;
	margin: 0 60px 0 0;
	padding: 0;
	cursor: pointer;
	zoom: 1;
	background-color: #fff;
}
#list_report ul.newsList li:nth-child(3n){
	margin: 0;
}
#list_report ul.newsList li a {
	display: block;
	height: 210px;
	text-decoration: none;
}
#list_report ul.newsList li:hover a {
	opacity: 0.6;
}
#list_report ul.newsList li a p.photo {
	margin: 0;
	height: 100px;
	overflow: hidden;
}
#list_report ul.newsList li a p.photo img{
	width: 190px;
}
#list_report ul.newsList li:hover a p.photo img {
	opacity: 1 !important;
}
#list_report ul.newsList li span.meta {
	margin-bottom: 0;
	font-size: 10px;
	color: #999;
}
#list_report ul.newsList li h3 {
	margin: 0 !important;
	border: 0;
	padding: 0;
	font-size: 14px;
	text-shadow: none;
}
#list_report ul.newsList li span.category {
	position: absolute;
  top: 0;
	left: 0;
	display: inline-block;
	margin: 0;
	padding: 2px 5px;
	color: #fff;
	font-size: 12px;
	display: inline;
	zoom: 1;
}
#list_report ul.newsList li span.women { background: #fd7357;}
#list_report ul.newsList li span.town {background: #f2b241;}
#list_report ul.newsList li span.staff { background: #6bc6e4;}
#list_report ul.newsList li span.consulting_column { background: #fd7357;}


.detail_report p img, .detail_report p input[type="img"], .detail_report p input[type="image"], 
.detail_report img, .detail_report input[type="img"], .detail_report input[type="image"] {
	max-width:540px !important;
	height:auto !important;
}

/* ---------------------------------------------------------------------------------- */
/*                            不動産売却についてはこちらボタン                           */
/* ---------------------------------------------------------------------------------- */

.sale_btn {
	background: #eb6a15;
	width: 500px;
    height: 61px;
	margin: 50px auto;
}

.sale_btn a {
	display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    margin: auto;
    width: 100%;
    height: 100%;
	line-height: 61px;
}

.column_arrow{
    position: relative;
    display: inline-block;
    padding: 0;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.column_arrow::before,
.column_arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
	right: 20px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.column_arrow:before{
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	background: #fff;
}
.column_arrow:after{
	right: 29px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #eb6a15;
    border-right: 2px solid #eb6a15;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* --------------------------------------
	マチレポ
-------------------------------------- */
#list_machirepo{
}

.machiTable {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.machiTable td {
	padding: 10px;
	border: 1px solid #cccccc;
}

#list_machirepo ul.machiList {
	float: none;
	width: 720px;
	margin: 0 auto 10px;
	font-size: 0.98em;
	overflow: hidden;
	overflow: hidden;
}
#list_machirepo ul.machiList li {
	position: relative;
	float: left;
	text-align: left;
	width: 200px;
	margin: 0 60px 0 0;
	padding: 0;
	cursor: pointer;
	zoom: 1;
	background-color: #fff;
}
#list_machirepo ul.machiList li:nth-child(3n){
	margin: 0;
}
#list_machirepo ul.machiList li a {
	display: block;
	height: 210px;
	text-decoration: none;
}
#list_machirepo ul.machiList li:hover a {
	opacity: 0.6;
}
#list_machirepo ul.machiList li a p.photo {
	margin: 0;
	height: 100px;
	overflow: hidden;
}
#list_machirepo ul.machiList li a p.photo img{
	width: 190px;
}
#list_machirepo ul.machiList li:hover a p.photo img {
	opacity: 1 !important;
}
#list_machirepo ul.machiList li span.meta {
	margin-bottom: 0;
	font-size: 10px;
	color: #999;
}
#list_machirepo ul.machiList li h3 {
	margin: 0 !important;
	border: 0;
	padding: 0;
	font-size: 14px;
	text-shadow: none;
}
#list_machirepo ul.machiList li span.category {
	position: absolute;
  top: 0;
	left: 0;
	display: inline-block;
	margin: 0;
	padding: 2px 5px;
	color: #fff;
	font-size: 12px;
	display: inline;
	zoom: 1;
}


.detail_machirepo p img, .detail_machirepo p input[type="img"], .detail_machirepo p input[type="image"], 
.detail_machirepo img, .detail_machirepo input[type="img"], .detail_machirepo input[type="image"] {
	max-width:540px !important;
	height:auto !important;
}

.detail_machirepo button {
	width: 250px;
	height: 60px;
	font-size: 16px;
	font-weight: bold;
	color: #0000FF;
	background: #fffcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fffcfc 0%, #e3eaed 50%, #c8d7dc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fffcfc 0%,#e3eaed 50%,#c8d7dc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fffcfc 0%,#e3eaed 50%,#c8d7dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}

.detail_machirepo_table {
	border: 4px double;
	border-collapse: separate;
}



/* --------------------------------------
	お客様の声
-------------------------------------- */
.vc_profile {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-left: 13px;
    padding-right: 30px;
    text-align: center;
}

.vc_profile_inner {
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 20px;
    background: #333;
    color: #FFF;
}

.vc_profile_inner:after {
    content: "";
    position: absolute;
    left:  -13px;
    top: -13px;
    width: 100%;
    height: 100%;
    background: #D75B30;
    z-index: -1;
}
.vc_title {
    border: none;   
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: #FFF;
}

.questionnaire {
    max-width: 100%;
    height: auto;
    border: 1px solid #eee;
}

#primary .vc_type, #primary .vc_owner {
    font-size: 18px;
    margin: 0;
}

#primary .vc_owner span {
    color: #D75B30;
    font-weight: bold;
}

.vc_main_img {
    display: table-cell;
    text-align: right;
}

.vc_main_img img {
    max-width: 400px;
    max-height: 300px;
}

.vc_comment {
    margin-top: 30px;
}

.vc_side_by_side {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding-right: 30px;
}

#primary .vc_comment p {
    margin: 0 0 5px 0;
}

.vc_sub_img {
    display: table-cell;
    vertical-align: top;
    margin-top: 30px;
}

.vc_sub_img img {
    max-width: 400px;
    max-height: 300px;
}

.vc_title_questionnaire {
    margin: 40px 0 20px;
    color: #333;
    background: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    text-align: center;
    font-size: 18px;
}

#voice_staff {
    background: #f5f5f5;
    padding: 20px;
    margin-top: 30px;
}

#voice_staff .staff_comment {
    float: left;
    width: 500px;
}

#voice_staff .staff_image {
    float: right;
    margin-top: 10px;
}


/* ---------------------------------------------------------
　メリット
--------------------------------------------------------- */

#primary .merit01{
	border:1px solid #ccc;
	width:678px;
	margin:auto;
}
#primary .merit01 p{
	margin:1em 1.5em;
}


.h3_merit01{
	background: url(/common/img/merit/ti_merit01.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
    margin: 30px 0 20px;
	text-indent:-9999px;
}

.h3_merit02{
	background: url(/common/img/merit/ti_merit02.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
    margin: 30px 0 20px;
	text-indent:-9999px;
}

.h3_merit03{
	background: url(/common/img/merit/ti_merit03.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
    margin: 30px 0 20px;
	text-indent:-9999px;
}

.h3_merit04{
	background: url(/common/img/merit/ti_merit04.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
    margin: 30px 0 20px;
	text-indent:-9999px;
}

.h4_merit01{
	background: url(/common/img/merit/st_merit02.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
	text-indent:-9999px;height: 26px;
}

.h4_merit02{
	background: url(/common/img/merit/st_merit03.gif) no-repeat 0 0 #fff;
    border: none;
    color: #FFFFFF;
	text-indent:-9999px;height: 26px;
}

.underline{
	border-bottom:1px #ffc61f solid; padding:0 0 5px 0;
}



/* ----------------------------------------------------------------------------------
	メリットページ
---------------------------------------------------------------------------------- */

#reg_merit {
	width: 740px;
	margin: 0 auto;
}

#reg_merit p, #reg_merit dl {
    margin: 0;
}

#reg_merit .button {
    width: 450px;
    height: auto;
    margin: 30px auto;
    padding: 25px 0;
    font-size: 16px;
}

.hide_contents {
	display: none;
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}

.merit_section {
	margin-top: 5%;
}

#reg_merit .merit_title {
	margin: 50px 0;
}

.merit_show {
	margin: 50px auto 20px;
}

.merit_box {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.merit_box_left {
	width: 490px;
	padding-right: 20px
}

.title_square_icon {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	-webkit-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
    color: inherit;
    text-align: left;
    text-indent: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.title_square_icon:before {
	content: normal;
}

.ico_square_icon {
	width: 70px;
	height: 70px;
	background: #ea5413;
	text-align: center;
	color: #FFF;
	font-size: 12px;

}

.ico_square_icon > span {
	display: table-cell;
	vertical-align: middle;
	height: inherit;
	width: inherit;
}

.text_square_icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 400px;
	padding-left: 3%;
	font-weight: bold;
	white-space: nowrap;
}

.merit_box .border_title {
	background: none;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	padding: 5px 0;
	margin: 10px 0;
	border-bottom: 1px solid #999;
}

#reg_merit .merit_box p {
	margin: 15px 0 0;
}

#about_reg_bukken {
	margin-left: -12px;
}

#about_reg_bukken ul {
	margin: -10px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.mem_merit_list {
	background: #fafafa;
	width: 364px;
	padding: 10px;
	float: left;
	margin: 10px 0 0 12px;
}

.mem_merit_list dl {
	float: left;
	width: 228px;
	margin: 0;
}

.mem_merit_list .figure {
	float: right;
	width: 90px;
}

.mem_merit_list dt {
	-webkit-display: flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
	white-space: nowrap;
}

.mem_merit_list dt span {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #333;
	color: #FFF;
	font-size: 20px;
	margin-right: 3%;
}

.mem_merit_list dd {
	padding-top: 10px;
}

#merit_reg_bukken {
	margin-left: -12px;
	margin-top: -10px;
}

#merit_reg_bukken ul {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#merit_reg_bukken .mem_merit_list {
	float: left;
	width: 238px;
}

#merit_reg_bukken .mem_merit_list dl {
	float: none;
	width: auto;
}
#merit_reg_bukken .mem_merit_list dd {
	min-height: 160px;
}

#merit_reg_bukken .mem_merit_list .figure {
	float: none;
	width: auto;
	margin-top: 5px;
	text-align: center;
}


.lead_arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 40px;
	border-color: #cd5b25 transparent transparent transparent;
	margin: 5% auto;
}

.lead_area {
	margin-top: 5%;
	padding: 120px 0;
	border: 5px solid #cd5b25;
	text-align: center;
	background: url(/common/img/merit/bg_lead_area.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.lead_area p {
	font-size: 20px;
	margin-bottom: 3%;
	font-weight: bold;
}

#reg_merit .button_wrap {
    width: auto;
}


.button.lead_register {
	display: block;
	width: 450px;
	height: auto;
	margin: 10px auto;
	padding: 30px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
    background: #9b0004;
}

.button.lead_register:hover {
    background: #b92400;
}

.button.lead_register span {
	width: auto;
	padding: 0;
}

.button.lead_register .small_text {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
}

.button.lead_register .small_text span {
	font-size: 1.6em;
}

.button.lead_register .large_text {
	display: inline-block;
	font-size: 45px;
	vertical-align: middle;
}

.white_stroke_text {
    text-shadow: -1px -1px 3px #FFF, 1px -1px 3px #FFF, -1px 1px 3px #FFF, 1px 1px 3px #FFF, -1px -1px 3px #FFF, 1px -1px 3px #FFF, -1px 1px 3px #FFF, 1px 1px 3px #FFF, -1px -1px 3px #FFF, 1px -1px 3px #FFF, -1px 1px 3px #FFF, 1px 1px 3px #FFF, -1px -1px 3px #FFF, 1px -1px 3px #FFF, -1px 1px 3px #FFF, 1px 1px 3px #FFF, -1px -1px 3px #FFF, 1px -1px 3px #FFF, -1px 1px 3px #FFF, 1px 1px 3px #FFF, -1px -1px 3px #FFF, 1px -1px 3px #FFF, -1px 1px 3px #FFF, 1px 1px 3px #FFF;
}