@charset "shift_jis";

@import url(basic.css);
@import url(common.css?date=20230517);

@media print{
	/* 649(印刷での表示幅) ÷ 902(スクリーンでの表示幅) x 100 = 71（端数切り捨て）  */
	body { _zoom:71%; }
}

/* ====================================================================

   Style Info: トップページ
 
==================================================================== */

/* ----------------------------------------------------
   ナビゲーション
---------------------------------------------------- */

#nav_area { background:url(../image/nav_area_bg.gif) repeat-x left top; }
#nav_area_inner { background:url(../image/nav_img.png) no-repeat center top; }

#nav {
	width:902px;
	height:400px;
	margin:0 auto;
	}


#total {    
	background:url(../image/logo_bg_bottom.png) no-repeat left top;
	padding-top:14px;
	min-height:26px;
    overflow: hidden;
}

/* 総物件数 -----------------------------*/
#total_kensu {
    float: right;
    display: table;
    background-color: rgba(255,255,255,0.28);
    height: 42px;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.2);
    margin-top: 1px;
    margin-right: 8px;
	}

#pist_md {
    display: table-cell;
    vertical-align: middle;
	padding: 0 18px 0 12px;
}

#pistsu {
    display: table-cell;
    vertical-align: middle;
    background-color: rgba(255,255,255,0.4);
    border: 1px solid rgba(0,0,0,0.2);
    padding: 0 10px;
    border-radius: 4px;
	font-size:18px;
	font-weight:bold;
	color:#f00f14;
    line-height: 1.1;
	}

#pistsu span { font-size:15px; }

/* 参加会社 -----------------------------*/

#total_area {
    float: right;
	}

#total_area:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

#total_md {
	background:url(../image/total_bg_left.png) no-repeat left top;
	padding:14px 16px 15px 20px;
	display:table-cell;
	vertical-align:top;
	}

#totalsu {
	background:url(../image/total_bg_right.png) no-repeat right top;
	display:table-cell;
	vertical-align:top;
	padding:7px 5px 7px 0;
	}

/* IE 6 */
* html #total_md { display:inline; zoom:1; }
* html #totalsu { display:inline; zoom:1; }
* html #totalsu dt { display:inline; zoom:1; padding:6px 8px 9px 10px; }
* html #totalsu dd { display:inline; zoom:1; padding:6px 8px 0 0; }
* html #totalsu dt img { margin-top:2px; }
 
/* IE 7 */
*:first-child+html #total_md { display:inline; zoom:1; }
*:first-child+html #totalsu { display:inline; zoom:1; }
*:first-child+html #totalsu dt { display:inline; zoom:1; padding:7px 8px 9px 10px; }
*:first-child+html #totalsu dd { display:inline; zoom:1; padding:6px 8px 0 0; }
 
/*\*//*/
* html #total_md { display:inline-block; }
* html #totalsu { display:inline-block; }
* html #totalsu dt { display:inline-block; }
* html #totalsu dd { display:inline-block; }
/**/

#totalsu dt {
	background:url(../image/stotal_bg_left.png) no-repeat left top;
	padding:8px 6px 9px 10px;
	display:table-cell;
	vertical-align:top;
	}

#totalsu dd {
	background:url(../image/stotal_bg_right.png) no-repeat right top;
	min-height:30px;
	padding:7px 9px 0 0;
	display:table-cell;
	vertical-align:top;
	font-size:18px;
	font-weight:bold;
	color:#f00f14;
	}

#totalsu dd span { font-size:15px; }


/* 物件情報 -----------------------------*/

#pist {
	width:608px;
	float:left;
	margin-top:4px;
	margin-top:3px\9;
    *margin-top:4px;
    _margin-top:6px;
	}

#pist h3 {
	background:url(../image/navpist_bg_top.png) no-repeat left top;
	padding:16px 16px 12px 18px;
	text-align:left;
	}

#pist h3 img { margin-right:10px; }

#pist_listarea {
	background:url(../image/navpist_bg_bottom2.png) no-repeat left bottom;
	padding-bottom:13px;
	}
* html #pist_listarea { padding-bottom:12px; }

#pist_list {
	background:url(../image/pist_bg_bottom2.gif) no-repeat left bottom;
	width:582px;
	margin:0 auto;
	padding-bottom:12px;
	}

#pist_list:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

#pist_list h4 { padding:14px 0 8px 0; text-align:center; }

#pist_list li { margin-top:2px; text-align:center; }

#pist_list li a {
	width:100%;
	height:63px;
	font-weight:bold;
	color:#409c00;
	text-decoration:none;
	display:block;
	_display:inline-block;
	}

#pist_list li img { margin-top:16px; margin-bottom:3px; }

#pist_list li.mapbtn {
	position: relative;
}

#pist_list li .new_ic {
	position: absolute;
	top:-26px;
	left: -10px;
}


/* 賃貸 */
#pist_list #chintai {
	width:290px;
	float:left;
	display:inline;
	text-align:left;
	}

#pist_list #chintai h4 { background:url(../image/pist_bg_top.gif) no-repeat left top; }

#pist_list #chintai ul {
	width:268px;
	list-style:none;
	margin-left:12px;
	}

#pist_list #chintai li {
	width:134px;
	float:left;
	background:url(../image/chintai_bt_off.jpg) no-repeat left top;
	}

#pist_list #chintai li a:hover { background:url(../image/chintai_bt_on.jpg) no-repeat left top; }

#pist_list #chintai li.small {
	width:88px;
	float:left;
	background:url(../image/chintai_bt02_off.jpg) no-repeat left top;
	margin-right: 1px;
	}
#pist_list #chintai li.small a:hover { background:url(../image/chintai_bt02_on.jpg) no-repeat left top; }
#pist_list #chintai li.small:last-of-type { margin-right: 0; }


/* 売買 */
#pist_list #baibai {
	width:282px;
	float:right;
	display:inline;
	text-align:left;
	}

#pist_list #baibai h4 { background:url(../image/pist_bg_top.gif) no-repeat right top; }

#pist_list #baibai ul {
	width:262px;
	list-style:none;
	margin-left:12px;
	}

#pist_list #baibai li {
	width:130px;
	float:left;
	background:url(../image/baibai_bt_off.jpg) no-repeat left top;
	}

#pist_list #baibai li a:hover { background:url(../image/baibai_bt_on.jpg) no-repeat left top; }


/* 新築＆リフォーム情報 （旧） -----------------------------*/

#house {
	width:287px;
	float:right;
	margin-top:4px;
	margin-top:3px\9;
    *margin-top:4px;
    _margin-top:6px;
	}

#house h3 {
	background:url(../image/navhouse_bg_top.png) no-repeat left top;
	padding:16px 16px 12px 18px;
	text-align:left;
	}

#house h3 img { margin-right:10px; _margin-bottom:1px; }

#house_listarea {
	background:url(../image/navhouse_bg_bottom.png) no-repeat left bottom;
	padding-bottom:12px;
	_margin-top:-1px;
	}

#house_list {
	background:url(../image/house_bg_bottom.gif) no-repeat left bottom;
	width:262px;
	margin:0 auto;
	padding-bottom:11px;
	}

#house_list:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

#house_list ul {
	padding-top:12px;
	*padding-top:13px;
	_padding-top:13px;
	background:url(../image/house_bg_top.gif) no-repeat left top;
	list-style:none;
	padding-bottom:1px\9;
    *padding-bottom:1px;
    _padding-bottom:1px;
	}

#house_list li {
	width:238px;
	background:url(../image/house_bt_off.jpg) no-repeat left top;
	margin:1px auto 0 auto;
    *margin:2px auto 0 auto;
    _margin:2px auto 0 auto;
	}

#house_list li a {
	width:100%;
	padding:13px 0;
	font-weight:bold;
	color:#228ad3;
	text-decoration:none;
	display:block;
	_display:inline-block;
	}

#house_list li a:hover { background:url(../image/house_bt_on.jpg) no-repeat left top; }

#house_list li img { margin-bottom:3px; margin-right:10px; vertical-align:middle; }

/* 新築＆リフォーム情報 （旧） -----------------------------*/

#jutakunet_area {
	background:url(../image/navhouse_bg_bottom.png) no-repeat left bottom;
	padding-bottom:12px;
	_margin-top:-1px;
	}

#jutakunet {
	position: relative;
	background:url(../image/house_bg_bottom.gif) no-repeat left bottom;
	width:262px;
	margin:0 auto;
	padding-bottom:11px;
	}

#jutakunet:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

#jutakunet h4 {
	padding-top:11px;
	*padding-top:12px;
	_padding-top:12px;
	background:url(../image/house_bg_top.gif) no-repeat left top;
	list-style:none;
	margin-bottom: -3px;
	}

#jutaku_btn {
	display: block;
	width:238px;
	height: 65px;
	background:url(../image/jutaku_sekourei_btn2.png) no-repeat left top;
	margin:10px auto 0 auto;
    *margin:11px auto 0 auto;
    _margin:11px auto 0 auto;
	text-decoration: none;
	}

#jutaku_btn p {
	text-align: right;
	width:80%;
	padding: 1em 10%;
	font-weight:bold;
	color:#6AB800;
	font-size: 24px;
	display:block;
	_display:inline-block;
	}

#house_list li a:hover { background:url(../image/house_bt_on.jpg) no-repeat left top; }

#house_list li img { margin-bottom:3px; margin-right:10px; vertical-align:middle; }




/* ----------------------------------------------------
   TOPICS
---------------------------------------------------- */

#topics .topics { width:76px; float:left; }
#topics .topics img { vertical-align:top; margin-top:2px; }


/* ----------------------------------------------------
   サイト案内
---------------------------------------------------- */

#siteinfo_area {
	width:660px;
	background:url(../image/siteinfo_bg_bottom.gif) no-repeat left bottom;
	text-align:center;
	}

#siteinfo_area .inner {
	background:url(../image/siteinfo_bg_top.gif) no-repeat left top;
	padding:18px 14px 14px 14px;
	}

#siteinfo {
	width:604px;
	margin:0 auto;
	background:url(../image/siteinfo_img.gif) no-repeat right top;
	text-align:left;
	padding:8px 0 20px 0;
	}

#siteinfo h3 { padding-bottom:4px; }
#siteinfo h3 img { margin-bottom:8px; }

#area {
	background:url(../image/area_bg.gif) no-repeat left top;
	line-height:37px;
	padding-left:116px;
	padding-right:10px;
	text-align:left;
	}

#area strong { font-weight:normal; }


/* ----------------------------------------------------
   イレギュラー
---------------------------------------------------- */

#caution {
	width:660px;
	box-sizing:border-box;
	background:#ffe9e1;
	border:solid 2px #df4444;
	border-radius:5px;
	margin-bottom:20px;
	padding:20px;
	}

#caution .inner {
	text-align:left;
	}

#caution .inner .subject {
	color:#df4444;
	font-size:17px;
	text-align:center;
	margin:0 0 15px 0;
	}

#caution .inner .block {
	float:left;
	width:calc((100% - 20px) / 3);
	box-sizing:border-box;
	background:#ffffff;
	/*border:solid 2px #e97e7e;*/
	border-radius:5px;
	margin:15px 10px 0 0;
	padding:20px;
	}
#caution .inner .block:nth-of-type(3) {
	margin:15px 0 0 0;
	}
#caution .inner .block p {
	font-size:15px;
	text-align:center;
	}
#caution .inner .block:nth-of-type(1) p { color:#17a05d; }
#caution .inner .block:nth-of-type(2) p { color:#0078d7; }
#caution .inner .block:nth-of-type(3) p { color:#ff6b39; }
#caution .inner .block ol {
	margin:10px 0 0 10px;
	padding:0;
	}
#caution .inner .block ol li {
	font-size:11px;
	margin:5px 0 0 0;
	}


/* ----------------------------------------------------
   住宅イベント情報
---------------------------------------------------- */

#event {
	width:660px;
	background:url(../image/event_bg_bottom.gif) no-repeat left bottom;
	background-color:#f0f8fa;
	margin-bottom:20px;
	padding-bottom:20px;
	}

#event .inner {
	background:url(../image/event_bg.gif) repeat-y left top;
	}

#event .md {
	width:660px;
	height:46px;
	position:relative;
	background:url(../image/event_md_bg.gif) no-repeat left top;
	font-size:0;
	line-height:0;
	}

#event .md h3 {
	width:190px;
	height:46px;
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
	}

#event .md span {
	width:101px;
	height:28px;
	position:absolute;
	right:9px;
	top:9px;
	}

#event .eventbox {
	width:620px;
	box-sizing:border-box;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
	}
#event .eventbox .inner {
  display: flex;
  flex-wrap: wrap;
	box-sizing:border-box;
	background:transparent !important;
	border:none !important;
	}
#event .eventbox.eventfewbox .inner {
  justify-content: center;
}
#event .eventbox .inner a {
	display:block;
	width:calc(33.33% - 10px);
	text-decoration:none;
	box-sizing:border-box;
	background:#ffffff;
	margin:0 0 15px 15px;
	}
#event .eventbox.eventfewbox .inner a {
	width:calc(40% - 10px);
	margin:0 0 15px 15px;
}
#event .eventbox .inner a:hover {
	background:#ffffd9;
	border-radius:5px;
	}
#event .eventbox .inner a:first-child,
#event .eventbox .inner a:nth-of-type(3n+1) {
	margin-left:0;
	}
#event .eventbox .inner a dl {
	box-sizing:border-box;
	}
#event .eventbox .inner a dl dt {
	width:100%;
	height:147px;
	box-sizing:border-box;
	overflow:hidden;
	}
#event .eventbox.eventfewbox .inner a dl dt {
	height:190px;
}
#event .eventbox .inner a dl dt img {
	width:100%;
	height:auto;
	}
#event .eventbox .inner a dl dd {
	box-sizing:border-box;
	padding:0 10px 10px 10px;
	}
#event .eventbox .inner a dl dd p.c_name {
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	box-sizing:border-box;
	background:#6ab800;
	margin:-26px -10px 10px -10px;
	padding:3px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	}
#event .eventbox .inner a dl dd p.date {
	color:#666666;
	font-size:11px;
	font-weight:bold;
	}
#event .eventbox .inner a dl dd p.title {
	color:#232323;
	font-size:13px;
	font-weight:bold;
	margin:3px 0 0 0;
	}

/*
.eventbox table {
	width:100%;
	border-collapse:collapse;
	}
.eventbox th {
	background-color:#cce6f2;
	border:1px solid #79b9e5;
	padding:8px 10px;
	text-align:center;
	}
.eventbox td {
	background-color:#fff;
	border:1px solid #79b9e5;
	padding:8px 10px;
	text-align:center;
	}
*/


/* ----------------------------------------------------
   お知らせ
---------------------------------------------------- */

#info h4 { padding:20px 0 10px 0; }

#info ul { text-align:left; }

#info li {
    display: table;
    width: 100%;
    padding: 10px 10px 12px 10px;
    border-bottom: 1px dotted #ccc;
    box-sizing: border-box;
    text-align:left; 
    list-style: none;
}

#info li span {
    display: table-cell;
	width:7em;
	}

#info li b { color:#f00f14; font-size:14px; }


/* ----------------------------------------------------
   バナースペース
---------------------------------------------------- */

#banner_space {
	width:660px;
	list-style:none;
	margin-top:6px;
	}

#banner_space li {
	float:left;
	margin-top:14px;
	display:inline;
	}

#banner_space li.right { margin-left:14px; }


/* ----------------------------------------------------
   HOME'S連携について
---------------------------------------------------- */

.homes {
	background:#fdedcc;
	border:solid 2px #e66d19;
	}
#special {
	position:relative;
	text-align:left;
	box-sizing:border-box;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px; 
	margin:0 0 20px 0;
	padding:63px 17px 17px 17px;
	}
	#special h3 {
		position:absolute;
		top:-2px;
		left:-2px;
		}
	#special p {
		}
	#special p.textR { text-align:right; }
	#special p.mg-t05 { margin:5px 0 0 0; }
	#special p.mg-t10 { margin:10px 0 0 0; }
	#special p.mg-t15 { margin:15px 0 0 0; }
		#special p strong {
			font-size:15px;
			}
		#special p strong.title {
			display:block;
			font-size:15px;
			margin:0 0 5px 0;
			}
		#special p strong.fc-red {
			color:#ff0000;
			font-size:15px;
			}
		#special p strong.fc-red a {
			color:#ff0000;
			}


/* ----------------------------------------------------
   404
---------------------------------------------------- */

.page404 {
	text-align:center;
	margin:50px 0 0 0;
	}
	.page404 p {
		margin:0 0 30px 0;
		}
		.page404 p strong {
			font-size:30px;
			}