@CHARSET "utf-8";






/* PC版二ツ木ページ用CSS */


/**************** コロナ対策 **************/

/*
dl.coronaBoard{
	background:#eeeeee;
	color:#333333;
	margin:50px 30px 20px;
	padding:20px;
}

dl.coronaBoard dt{
	font-weight:bold;
	margin-bottom:20px;
	color:#333333;
}

dl.coronaBoard dd{
	color:#333333;
}

dl.coronaBoard dd p{
	color:#333333;
}
*/


	
div.stopCovid19Board{
	text-align:center;
	margin:30px 0;
}

div.stopCovid19Board a:link , div.stopCovid19Board a:visited{
	background:#eeeeee;
	display:inline-block;
	padding:12px 32px;
	color:#333333;
}

div.stopCovid19Board a:hover , div.stopCovid19Board a:active{
	color:#dd8822;
}


/**************** コロナ対策 **************/




div.topImageBox{
	position:relative;
}

div.topImageBox div.title{
	position:absolute;
	left:20%;
	top:70%;
	right:4%;
}

div.topImageBox div.title h1{
	color:#232221;
	font-weight:normal;
	font-size:28px;
	text-shadow:
		rgba(255,248,236,0.6) 2px 0px 2px,  rgba(255,248,236,0.6) -2px 0px 2px,
		rgba(255,248,236,0.6) 0px -2px 2px, rgba(255,248,236,0.6) 0px 2px 2px,
		rgba(255,248,236,0.6) 2px 2px 2px, rgba(255,248,236,0.6) -2px 2px 2px,
		rgba(255,248,236,0.6) 2px -2px 2px, rgba(255,248,236,0.6) -2px -2px 2px,
		rgba(255,248,236,0.6) 1px 2px 2px,  rgba(255,248,236,0.6) -1px 2px 2px,
		rgba(255,248,236,0.6) 1px -2px 2px, rgba(255,248,236,0.6) -1px -2px 2px,
		rgba(255,248,236,0.6) 2px 1px 2px,  rgba(255,248,236,0.6) -2px 1px 2px,
		rgba(255,248,236,0.6) 2px -1px 2px, rgba(255,248,236,0.6) -2px -1px 2px;
	padding:0 0 6px;
}

div.topImageBox div.title div.h1sup{
	font-size:18px;
	color:#ffffff;
	text-shadow:
		rgba(24,22,20,0.2) 2px 0px 2px,  rgba(24,22,20,0.2) -2px 0px 2px,
		rgba(24,22,20,0.2) 0px -2px 2px, rgba(24,22,20,0.2) 0px 2px 2px,
		rgba(24,22,20,0.2) 2px 2px 2px, rgba(24,22,20,0.2) -2px 2px 2px,
		rgba(24,22,20,0.2) 2px -2px 2px, rgba(24,22,20,0.2) -2px -2px 2px,
		rgba(24,22,20,0.2) 1px 2px 2px,  rgba(24,22,20,0.2) -1px 2px 2px,
		rgba(24,22,20,0.2) 1px -2px 2px, rgba(24,22,20,0.2) -1px -2px 2px,
		rgba(24,22,20,0.2) 2px 1px 2px,  rgba(24,22,20,0.2) -2px 1px 2px,
		rgba(24,22,20,0.2) 2px -1px 2px, rgba(24,22,20,0.2) -2px -1px 2px;
}


	/* 販売情報 */
	
div.sellInfo{
	padding:30px;
	width:720px;
	background:#ffeecc;
	margin:20px auto 20px;
}

div.sellInfo dl dt{
	background:#dd8822;
	float:left;
	padding:8px 20px;
	color:#ffffff;
	font-size:20px;
	margin-bottom:10px;
}

div.sellInfo dl dd{
	clear:both;
	color:#333333;
	margin-bottom:6px;
}

div.sellInfo dl dd.price{
	color:#bf0000;
	font-size:28px;
}



	/* アクセス */
	

div.accessBox div.map{
	margin-bottom:10px;
}

div.accessBox dl.accessList dt{
	color:#eee9e0;
	
}

div.accessBox dl.accessList dd{
	color:#eee9e0;
	margin-bottom:10px;
}


		/* 物件案内・地図 */
		
	/* プラン */
	
div.planBox ul.planPickupList li{
	list-style:none;
	width:460px;
	padding:20px;
	float:left;
}

div.planBox ul.planPickupList li:nth-child(odd){
	clear:both;
}

div.planBox ul.planPickupList li dl dt{
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	font-style:italic;
	padding:5px 0 5px;
	margin-bottom:10px;
	border-bottom:1px solid #bbbbbb;
}

div.planBox ul.planPickupList li dl dd{
	color:#eeeeee;
	text-align:center;
}
	

	
/*

div.planBox{
	margin-bottom:40px;
}

div.planBox p.catch{
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}

div.planBox div.planImage{
	text-align:center;
}

*/
	
ul.modelhouseBannerList li{
	list-style:none;
	width:720px;
	margin:0 auto 40px;
	padding:40px;
	background:#eee9e0;
	border-radius:2px;
}

ul.modelhouseBannerList li img{
	margin-bottom:10px;
}

ul.modelhouseBannerList li p{
	color:#333333;
	margin-bottom:10px;
}

ul.modelhouseBannerList li div.link a:link,ul.modelhouseBannerList li div.link a:visited{
	display:block;
	background:#dd8822 url('../img/icon/arrow_white.png') no-repeat;
	background-position:98% center;
	color:#ffffff;
	padding:10px 26px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

ul.modelhouseBannerList li div.link a:hover,ul.modelhouseBannerList li div.link a:active{
	background:url('../img/icon/arrow_gray.png') #f2f0eb no-repeat;
	background-position: 98% center;
	color:#dd8822;

}


	/* 間取りポイント */
	
table.floorMapPointTable{
	border-spacing:20px;
	width:1040px;
	margin-left:-20px;
}

table.floorMapPointTable tr td{
	background:#665f55;
	padding:14px;
	width:33.3%;
	vertical-align:top;
}

table.floorMapPointTable tr td dl dt{
	color:#eeeeee;
	font-weight:bold;
	border-bottom:2px dotted #bbbbbb;
	padding:0px 10px 6px;
	margin-bottom:10px;
}

table.floorMapPointTable tr td dl dd{
	font-size:14px;
	padding:0 10px;	
	color:#eeeeee;
}



	/* 動画 */

ul.movieList li{
	width:33%;
	float:left;
	list-style:none;
}

ul.movieList li div.youtubeBoxWrapper{
	margin:10px;
}

ul.movieList li div.youtubeBox{
	clear:both;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

ul.movieList li div.youtubeBox iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


ul.movieList li div.title{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#eeeeee;
}


/* お知らせページ */

/* お知らせ */

ul.summaryNewsList{
	
}

ul.summaryNewsList li{
	list-style:none;
	border-bottom:1px solid #bbbbbb;
}


ul.summaryNewsList li dl dt{
	padding:5px 14px;
	margin-top:10px;
	float:left;
}

ul.summaryNewsList li dl dd.category{
	background:#dd8822;
	color:#ffffff;
	float:left;
	padding:5px 14px;
	margin:10px 14px 10px 0;
}

ul.summaryNewsList li dl dd{
	padding:5px 14px;
	margin-top:10px;
	float:left;
}

ul.summaryNewsList li div.noLink{
	color:#dddddd;
}


ul.summaryNewsList li a:link , ul.summaryNewsList li a:visited{
	display:block;
	background:url('../img/icon/arrow_gray.png') no-repeat;
	background-position:99% center;
	color:#ffffff;
	text-decoration:none;
}

ul.summaryNewsList li a:hover , ul.summaryNewsList li a:active{
	background:url('../img/icon/arrow_gray.png') no-repeat #dfdddb;
	background-position:99% center;
	color:#2280d0;
}

	/* カテゴリー特定クラス */
	
div.newsBox div.news div.header dl dd.category div.event{
	background:#88bb44;
	color:#ffffff;
}

div.newsBox div.news div.header dl dd.category div.soldout{
	background:#bf2222;
	color:#ffffff;
}

div.newsBox div.news div.header dl dd.title{
	clear:both;
	padding:10px 0 20px;
	color:#eeeeee;
	font-size:28px;
}

div.newsBox div.news li div.content{
	padding:14px 20px;
	background:#f4f4f4;
	color:#333333;
	line-height:180% !important;
}




	/* セミナー・イベントリスト */


ul.seminarList{
	border-top:1px solid #bbbbbb;
}


ul.seminarList li{
	list-style:none;
	padding:20px;
	border-bottom:1px solid #bbbbbb;
}




ul.seminarList li div.image{
	width:320px;
	float:left;
}

ul.seminarList li div.content{
	width:600px;
	float:right;
}

ul.seminarList li div.content dl dd.date{
	color:#eeeeee;
	margin-bottom:6px;
}

ul.seminarList li div.content dl dt{
	font-weight:bold;
	color:#eeeeee;
	margin-bottom:6px;
	font-size:20px;
}

ul.seminarList li div.content dl dd.price{
	display:inline-block;
	background:#dfdddb;
	color:#362e2b;
	font-size:14px;
	font-weight:bold;
	padding:6px 18px;
	margin-bottom:10px;
}

ul.seminarList li div.content dl dd.place{
	color:#eeeeee;
	margin-bottom:6px;
}

ul.seminarList li div.description{
	color:#eeeeee;
	padding-top:10px;
}

ul.seminarList li div.seminarLinkBox{
	padding-top:14px;
}

ul.seminarList li div.seminarLinkBox a:link , ul.seminarList li div.seminarLinkBox a:visited{
	display:block;
	float:left;
	margin-right:20px;
	padding:10px 20px;
	text-decoration:none;
}

ul.seminarList li div.seminarLinkBox a.detail:link , ul.seminarList li div.seminarLinkBox a.detail:visited{
	background:#dd8822 url('../img/icon/arrow_white.png') no-repeat;
	background-position:98% center;
	color:#ffffff;
}

ul.seminarList li div.seminarLinkBox a.contact:link , ul.seminarList li div.seminarLinkBox a.contact:visited{
	background:#6c9bd2 url('../img/icon/arrow_white.png') no-repeat;
	background-position:98% center;
	color:#ffffff;
}

ul.seminarList li div.seminarLinkBox div.tel{
	margin-top:12px;
	color:#eeeeee;
}

ul.seminarList li div.seminarLinkBox div.department{
	line-height:100% !important;
	font-size:12px;
}

ul.seminarList li div.seminarLinkBox div.number{
	margin-top:6px;
	font-size:24px;
}

ul.seminarList li div.seminarLinkBox div.number img{
	height:20px;
	margin-bottom:-2px;
}

ul.seminarList li div.seminarLinkBox div.businessHours{
	margin-top:4px;
	font-size:12px;
}



	/* おすすめ土地情報 */
div.recommendLandBox div.image{
	width:480px;
	float:left;
	margin-bottom:30px;
	text-align:center;
}

div.recommendLandBox div.image img:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div.recommendLandBox div.content{
	width:480px;
	float:right;
	margin-bottom:30px;
}

div.recommendLandBox div.content div.category{
	display:inline-block;
	padding:6px 18px;
	background:#eeddcc;
	color:#333333;
	margin-bottom:10px;
}

div.recommendLandBox div.content div.title{
	font-size:18px;
	font-weight:bold;
	color:#eeeeee;
	margin-bottom:5px;
}

div.recommendLandBox div.content div.access{
	color:#eeeeee;
	margin:10px 0;
}

div.recommendLandBox div.content div.price{
	color:#dd8822;
	font-weight:bold;
	margin-bottom:5px;
	font-size:24px;
}

div.recommendLandBox div.content div.description{
	color:#eeeeee;
	margin-bottom:8px;
}

div.recommendLandBox div.content div.link{
	margin-top:20px;
}

div.recommendLandBox div.content div.link a:link , div.recommendLandBox div.content div.link a:visited{
	display:block;
	padding:10px 20px;
	text-align:center;
	font-size:22px;
	color:#ffffff;
	background:url('../img/icon/arrow_white.png') #dd8822 no-repeat;
	background-position:98% center;
	text-decoration:none;
}

div.recommendLandBox div.content div.link a:hover , div.recommendLandBox div.content div.link a:active{
	color:#dd8822;
	background:url('../img/icon/arrow_gray.png') #f2f0eb no-repeat;
	background-position: 98% center;
}

div.recommendLandBox div.content dl.openHouseList{
	margin:12px 0;
	padding:10px 20px;
	background:#eeeeee;
	border-radius:4px;
}

div.recommendLandBox div.content dl.openHouseList dt{
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	padding:5px 14px;
	background:#dd8822;
	color:#ffffff;
	padding-bottom:5px;
	margin-bottom:5px;
	border-radius:2px;
}

div.recommendLandBox div.content dl.openHouseList dd{
	color:#333333;
}

div.recommendLandBox div.content div.tel{
	color:#333333;
}

div.recommendLandBox div.content div.department{
	line-height:100% !important;
	font-size:12px;
}

div.recommendLandBox div.content div.number{
	margin-top:6px;
	font-size:20px;
}

div.recommendLandBox div.content div.number img{
	height:16px;
	margin-bottom:0px;
}

div.recommendLandBox div.content div.businessHours{
	margin-top:4px;
	font-size:12px;
}