@charset "UTF-8";
/* エリア
------------------------------------------------------------------------------- */
#mainContents .tjArea-map,
#mainContents .tjArea-new {
	position: relative;
}
#mainContents .tjArea-new,
#mainContents .tjArea-feature,
#mainContents .tjArea-facility {
	padding-top: 58px;
	padding-bottom: 60px;
}
#mainContents .tjArea-facility {
	background-color: #e5f3fa;
}
#mainContents .tjArea-column {
	margin-top: 0;
}
@media only screen and (max-width: 949px) {
	#mainContents .tjArea-map,
	#mainContents .tjArea-new,
	#mainContents .tjArea-feature,
	#mainContents .tjArea-facility {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#mainContents .tjArea-new {
		background: #e3f2fb url(../images/top/bg02_smp.jpg) left top no-repeat !important;
		-webkit-background-size: 100% auto !important;
		-moz-background-size: 100% auto !important;
		background-size: 100% auto !important;
	}
	#mainContents .tjArea-feature {
		background: #401f0e url(../images/top/bg03_smp.jpg) left top no-repeat !important;
		-webkit-background-size: 100% auto !important;
		-moz-background-size: 100% auto !important;
		background-size: 100% auto !important;
	}
	#mainContents .tjArea-new .anystretch img,
	#mainContents .tjArea-feature .anystretch img {
		display: none !important;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .tjArea-map,
	#mainContents .tjArea-new,
	#mainContents .tjArea-feature,
	#mainContents .tjArea-facility {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
/* エリア・都道府県から探す
------------------------------------------------------------------------------- */
#mainContents .tjMap {
	background: url(../images/top/bg09.jpg) left top repeat-x;
}
#mainContents .tjMap_in {
	position: relative;
	height: 704px;
}
#mainContents .tjMap_head {
	position: absolute;
	top: 60px;
	left: 0;
	line-height: 48px;
	padding: 0 0 0 66px;
	background: url(../images/top/ico02.png) left center no-repeat;
	font-size: 200%;
	font-weight: bold;
}
#mainContents .tjMap_img {
	position: absolute;
	top: 180px;
	left: 207px;
}
#mainContents .tjMap_txt {
	position: absolute;
	top: 130px;
	left: 0;
	font-size: 134%;
}
#mainContents .tjMap_area {
	position: absolute;
}
#mainContents .tjMap_area-hokkaido {
	top: 248px;
	left: 768px;
	width: 182px;
}
#mainContents .tjMap_area-tohoku {
	top: 330px;
	left: 768px;
	width: 182px;
}
#mainContents .tjMap_area-kanto {
	top: 476px;
	left: 768px;
	width: 182px;
}
#mainContents .tjMap_area-chubu2 {
	top: 248px;
	left: 294px;
	width: 274px;
}
#mainContents .tjMap_area-chubu {
	top: 540px;
	left: 566px;	
	width: 182px;
}
#mainContents .tjMap_area-kinki {
	top: 248px;
	left: 0;
	width: 274px;
}
#mainContents .tjMap_area-chugoku {
	top: 362px;
	left: 0;
	width: 274px;
}
#mainContents .tjMap_area-shikoku {
	top: 540px;
	left: 364px;
	width: 182px;
}
#mainContents .tjMap_area-kyushu {
	top: 476px;
	left: 0;
	width: 182px;
}
#mainContents .tjMap_area p {
	margin: 0 0 2px;
}
#mainContents .tjMap_btn {
	display: block;
	line-height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#mainContents .tjMap_btn:hover {
	color: #fff;
}
#mainContents .tjMap_btn span {
	padding: 0 0 0 18px;
	background: url(../images/ico_arw06.png) left center no-repeat;
}
#mainContents .tjMap_area ul {
	margin: 0 -2px 0 0;
}
#mainContents .tjMap_area li {
	float: left;
	width: 90px;
	height: 30px;
	margin: 0 2px 2px 0;
	font-size: 14px;
}
#mainContents .tjMap_area-hokkaido li {
	width: 182px;
}
#mainContents .tjMap_area li a {
	display: block;
	line-height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	color: #3f4c6c;
	text-align: center;
	text-decoration: none;
}
#mainContents .tjMap_area li a:hover {
	background-color: #ccc;
	color: #3f4c6c;
}
#mainContents .tjMap_area li span {
	padding: 0 0 0 10px;
	background: url(../images/ico_arw05.png) left center no-repeat;
}
#mainContents .tjMapBg1 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 307px;
	height: 437px;
	background: url(../images/top/bg04.png) left top no-repeat;
}
#mainContents .tjMapBg2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 52px;
	background: url(../images/top/bg08.png) left top repeat-x;
}
@media only screen and (max-width: 949px) {
	#mainContents .tjMap {
		background: #fff;
	}
	#mainContents .tjMap_in {
		height: auto;
	}
	#mainContents .tjMap_head {
		position: static;
		top: auto;
		left: auto;
		line-height: 1.3;
	    margin-bottom: 20px;
	    padding-left: 0;
	    background: none;
    	font-size: 184%;
		text-align: center;
	}
	#mainContents .tjMap_txt {
		position: static;
		top: auto;
		left: auto;
	}
	#mainContents .tjMap_img {
		display: none !important;
	}
	#mainContents .tjMap_area {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		margin-top: 20px;
		border: 1px solid #bbb;
	}
	#mainContents .tjMap_area p {
		margin-bottom: 0;
	}
	#mainContents .tjMap_area .tjMap_btn {
		line-height: 50px;
		padding: 0 13px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: #bdd5ef url(/common/images/search/ico_acc01.gif) right top no-repeat;
		-webkit-background-size: 50px 100px;
		-moz-background-size: 50px 100px;
		background-size: 50px 100px;
		color: #333;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		text-align: left;
	}
	#mainContents .tjMap_area p.fnNav_open .tjMap_btn {
		background-position: right -50px;
	}
	#mainContents .tjMap_btn span {
		padding-left: 0;
		background: none;
	}
	#mainContents .tjMap_area ul {
		display: none !important;
		line-height: 1.3;
		margin: 0 0 -1px;
		border-top: 1px solid #bbb;
		background-color: #dcdcdc;
	}
	#mainContents .tjMap_area ul.fnNav_open {
		display: block !important;
	}
	#mainContents .tjMap_area li {
		width: 50%;
		height: auto;
		margin: 0;
		font-size: 16px;
	}
	#mainContents .tjMap_area .tjMap_top {
		width: 100%;
		margin-top: -1px;
		border-top: 1px solid #bbb;
	}
	#mainContents .tjMap_area .tjMap_top a,
	#mainContents .tjMap_area li:nth-child(2n) a {
		border-right: none;
	}
	#mainContents .tjMap_area li a,
	#mainContents .tjMap_area li a:hover {
		height: 34px;
		line-height: 1.2;
		padding: 16px 6px 0 17px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		background: url(../images/ico_arw04.png) 10px center no-repeat;
		color: #333;
		text-align: left;
	}
	#mainContents .tjMap_area li span {
		padding: 0;
		background: none;
	}
	#mainContents .tjMapBg1 {
		display: none !important;
	}
	#mainContents .tjMapBg2 {
		display: none !important;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .tjMap_head {
		font-size: 134%;
	}
	#mainContents .tjMap_txt {
		font-size: 117%;
	}
}
*:first-child+html #mainContents .tjMap_area ul { zoom: 1; } /* IE7 */
#mainContents .tjMap_area ul:after { content: ''; display: block; clear: both; height: 0; }
/* 見出し
------------------------------------------------------------------------------- */
#mainContents .tjHeadingT01 {
	position: relative;
	background: url(../images/top/bg10.jpg) left top repeat-x;
}
#mainContents .tjHeadingT01_wrap {
	height: 250px;
	background: url(../images/top/bg01.jpg) left top no-repeat;
}
#mainContents .tjHeadingT01_bg {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 850px;
	height: 250px;
	background-image: url(../images/top/bg05.png);
}
#mainContents .tjHeadingT01_in {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 120px;
	margin: 0 0 0 -475px;
	padding: 30px 10px 0 30px;
	background: url(../images/top/bg06.png) left top repeat;
	z-index: 1;
}
#mainContents .tjHeadingT01_tit {
	margin: 0 0 10px;
	color: #fff;
	font-size: 250%;
	font-weight: bold;
}
#mainContents .tjHeadingT01_tit .anystretch {
	display: none !important;
}
#mainContents .tjHeadingT01_txt {
	margin: 0;
	color: #fff;
}
@media only screen and (max-width: 949px) {
	#mainContents .tjHeadingT01_bg {
		right: -250px;
	}
	#mainContents .tjHeadingT01_in {
		left: 20px;
		width: 410px;
		height: auto;
		margin: 0;
		padding: 20px;
	}
	#mainContents .tjHeadingT01_tit {
		font-size: 200%;
	}
}
@media only screen and (max-width: 800px) {
	#mainContents .tjHeadingT01_bg {
		right: -300px;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .tjHeadingT01 {
		background: none;
	}
	#mainContents .tjHeadingT01_wrap {
		height: auto;
		background: none;
	}
	#mainContents .tjHeadingT01_bg {
		display: none !important;
	}
	#mainContents .tjHeadingT01_in {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		margin-top: 0 !important;
		padding: 0;
		background: none;
	}
	#mainContents .tjHeadingT01_tit {
		position: relative;
		margin: 0;
		padding: 35px 0;
		font-size: 150%;
		text-align: center;
	}
	#mainContents .tjHeadingT01_tit span {
		display: inline-block;
		padding: 0 20px;
		line-height: 55px;
		margin: 0 auto;
		background: url(../images/top/bg06.png) left top repeat;
	}
	#mainContents .tjHeadingT01_tit .anystretch {
		display: block !important;
	}
	#mainContents .tjHeadingT01_txt {
		line-height: 1.4;
		padding: 15px;
		background: #333;
	}
}
#mainContents .tjHeadingT02 {
	line-height: 1.3;
	margin: 0 0 19px;
	font-size: 250%;
	text-align: center;
}
#mainContents .tjHeadingT02-cw {
	color: #fff;
}
@media only screen and (max-width: 949px) {
	#mainContents .tjHeadingT02 {
		margin-bottom: 15px;
		font-size: 184%;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .tjHeadingT02 {
		font-size: 134%;
	}
}
#mainContents .tjHeadingT03 {
	margin: 0 0 20px;
	padding: 3px 5px 2px;
	background-color: #21a7da;
	color: #fff;
	font-size: 184%;
	text-align: center;
}
@media only screen and (max-width: 600px) {
	#mainContents .tjHeadingT03 {
		margin-bottom: 10px;
		padding: 6px 5px 4px;
		font-size: 134%;
	}
}
/* 段落
------------------------------------------------------------------------------- */
#mainContents .tjTxtT01 {
	margin: 0 0 34px;
	font-size: 134%;
}
#mainContents .tjTxtT01-cw {
	color: #fff;
}
@media only screen and (max-width: 949px) {
	#mainContents .tjTxtT01 {
		margin-bottom: 20px;
	}
	#mainContents .tjArea-new .tjTxtT01 {
		margin-right: 40px;
		margin-left: 40px;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .tjTxtT01 {
		line-height: 1.4;
		margin-bottom: 15px;
		text-align: left;
		font-size: 117%;
	}
	#mainContents .tjArea-new .tjTxtT01 {
		margin-right: 10px;
		margin-left: 10px;
	}
}
/* 新の住宅展示場のご紹介
------------------------------------------------------------------------------- */
#mainContents .tjIco {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#mainContents .tjNew {
	background-color: #fff;
}
#mainContents .tjNew_pref {
	display: block;
	line-height: 1.2;
	padding: 7px 5px 4px;
	background-color: #000;
	color: #fff;
	font-size: 134%;
	text-align: center;
}
#mainContents .tjNew_img {
	display: block;
    background-color: #ededed;
	text-align: center;
}
#mainContents .tjNew_in {
	padding: 18px 15px 15px;
}
#mainContents .tjNew_name {
	padding: 0 0 0 31px;
	background: url(../images/ico_arw01.png) left 0.2em no-repeat;
	font-size: 150%;
	font-weight: bold;
}
#mainContents .tjNew_name a {
	color: #434c66;
	text-decoration: underline;
}
#mainContents .tjNew_name a:hover {
	color: #434c66;
	text-decoration: none;
}
#mainContents .tjNew_addr {
	line-height: 1.5;
	margin: 0;
}
#mainContents .tjNew_tel {
	display: block;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 0 23px;
	background: url(../images/ico_tel02.png) left center no-repeat;
}
@media only screen and (max-width: 949px) {
	#mainContents .tjIco {
		width: 100px;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .tjIco {
		width: 60px;
	}
	#mainContents .tjNew_pref {
		font-size: 117%;
	}
	#mainContents .tjNew_in {
		padding: 12px 10px;
	}
	#mainContents .tjNew_name {
		line-height: 1.4;
		margin-bottom: 5px;
		padding-left: 0;
		font-size: 134%;
		background: none;
	}
	#mainContents .tjNew_addr {
		line-height: 1.4;
	}
	#mainContents .tjNew_tel {
		line-height: 1.4;
		padding-left: 25px;
		background-image: url(../images/ico_tel02_smp.png);
		-webkit-background-size: 16px auto;
		-moz-background-size: 16px auto;
		background-size: 16px auto;
	}
}
/* 特集から展示場を探す
------------------------------------------------------------------------------- */
#mainContents .tjFeature {
	background-color: #fff;
}
#mainContents .tjFeature_img {
	display: block;
	position: relative;
    background-color: #ededed;
	text-align: center;
}
#mainContents .tjFeature_img img {
	vertical-align: middle;
}
#mainContents .tjFeature_ico {
	position: absolute;
	right: 15px;
	bottom: -11px;
}
#mainContents .tjFeature_in {
	padding: 18px 15px 15px;
}
#mainContents .tjFeature_tit {
	padding: 0 0 0 31px;
	background: url(../images/ico_arw01.png) left 0.2em no-repeat;
	font-size: 150%;
	font-weight: bold;
}
#mainContents .tjFeature_tit a {
	color: #434c66;
	text-decoration: underline;
}
#mainContents .tjFeature_tit a:hover {
	color: #434c66;
	text-decoration: none;
}
#mainContents .tjFeature_txt {
	line-height: 1.5;
	margin: 0;
}
@media only screen and (max-width: 600px) {
	#mainContents .tjFeature {
		height: auto !important;
		padding: 10px;
	}
	#mainContents .tjFeature_img {
		float: left;
		width: 96px;
		margin: 0 10px 0 0;
		background: none;
	}
	#mainContents .tjFeature_ico {
		position: static;
		right: auto;
		bottom: auto;
		line-height: 20px;
		background-color: #000;
		color: #fff;
		text-align: center;
	}
	#mainContents .tjFeature_in {
		overflow: hidden;
		padding: 0;
	}
	#mainContents .tjFeature_tit {
		line-height: 1.4;
		margin-bottom: 5px;
		padding-left: 24px;
		font-size: 134%;
		background-position: left 0.25em;
		-webkit-background-size: 15px auto;
		-moz-background-size: 15px auto;
		background-size: 15px auto;
	}
	#mainContents .tjFeature_txt {
		line-height: 1.4;
	}
}
*:first-child+html #mainContents .tjFeature { zoom: 1; } /* IE7 */
#mainContents .tjFeature:after { content: ''; display: block; clear: both; height: 0; }
/* 全国の住まい体験施設
------------------------------------------------------------------------------- */
#mainContents .tjFacility_img {
	display: block;
	text-align: center;
}
#mainContents .tjFacility_in {
	padding: 18px 0 0;
}
#mainContents .tjFacility_tit {
	padding: 0 0 0 31px;
	background: url(../images/ico_arw01.png) left 0.2em no-repeat;
	font-size: 150%;
	font-weight: bold;
}
#mainContents .tjFacility_tit a {
	color: #434C66;
	text-decoration: underline;
}
#mainContents .tjFacility_tit a:hover {
	color: #434C66;
	text-decoration: none;
}
#mainContents .tjFacility_txt {
	line-height: 1.5;
	margin: 0;
}
@media only screen and (max-width: 600px) {
	#mainContents .tjFacility {
		height: auto !important;
		padding: 10px;
		background-color: #fff;
	}
	#mainContents .tjFacility_img {
		float: left;
		width: 96px;
		margin: 0 10px 0 0;
		background: none;
	}
	#mainContents .tjFacility_in {
		overflow: hidden;
		padding: 0;
	}
	#mainContents .tjFacility_tit {
		line-height: 1.4;
		margin-bottom: 5px;
		padding-left: 24px;
		font-size: 134%;
		background-position: left 0.25em;
		-webkit-background-size: 15px auto;
		-moz-background-size: 15px auto;
		background-size: 15px auto;
	}
	#mainContents .tjFacility_txt {
		line-height: 1.4;
	}
}
*:first-child+html #mainContents .tjFacility { zoom: 1; } /* IE7 */
#mainContents .tjFacility:after { content: ''; display: block; clear: both; height: 0; }

#mainContents .tjNew_img {
	display: table;
    table-layout: fixed;
	width: 100%;
	line-height: 1;
	font-size: 0;
}
#mainContents .tjNew_img span {
	display: table-cell;
	height: 150px;
	vertical-align: middle;
	text-align: center;
}
#mainContents .tjNew_img img {
	width: auto;
	max-height: 100%;
}
@media only screen and (max-width: 600px) {
	#mainContents .tjNew_img span {
		height: 130px;
	}
}

/* 特記事項
------------------------------------------------------------------------------- */
#mainContents .idxNotices {
	padding: 20px;
	background-color: #fff;
}
#mainContents .idxNotices_in {
	max-width: 906px;
	margin: 0 auto;
	padding: 10px 20px;
	border: 2px solid #c00;
	background-color: #fff;
}
#mainContents .idxNotices_tit {
	font-size: 134%;
	font-weight: bold;
}
#mainContents .idxNotices_txt {
	margin: 5px 0 0;
	font-size: 134%;
}
@media only screen and (max-width: 949px) {
	#mainContents .idxNotices {
		background-color: #ebeae6;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .idxNotices {
		padding-right: 10px;
		padding-left: 10px;
	}
}