@CHARSET "utf-8";






/* PC版トップページ用CSS */


	/* お知らせ */
h2.newsHeadline{
	color:#444433;
	font-weight:normal;
	border-bottom:2px solid #444444;
	padding:6px 14px 6px;
	margin-bottom:20px;
}

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

/*
ul.topicsList li.link{
	background:url('../img/icon/arrow_gray.png') no-repeat;
	background-position:98% center;
}
*/

ul.topicsList li dl dt{
	background:#556699;
	color:#ffffff;
	float:left;
	padding:5px 14px;
	margin:10px 14px 10px 0;
}

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



ul.topicsList li a:link , ul.topicsList li a:visited{
	display:block;
	text-decoration:none;
}

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

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

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

dl.coronaBoard dd{

}
*/

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.topSubImage div.subImage{
	width:498px;
}

div.topSubImage div.subImageLeft{
	float:left;
}

div.topSubImage div.subImageRight{
	float:right;
}



	/* 販売情報 */
	
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.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:#333333;
	text-align:center;
	font-style:italic;
	padding:5px 0 4px;
	margin-bottom:6px;
	border-bottom:1px solid #bbbbbb;
}

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

	/* 間取り */
	
div.floorBox div.floorImage img{
	width:49%;
}
	
/*
	
div.floorBox div.image{
	width:600px;
	float:left;
}


div.floorBox div.content{
	width:380px;
	float:right;
	margin-top:60px;
}

div.floorBox div.content dl dt{
	color:#333322;
	font-weight:bold;
	margin-bottom:6px;
}

div.floorBox div.content dl dd{
	color:#333322;
	font-size:14px;
	margin-bottom:24px;
}

div.floorBox h3.floorHeadline{
	color:#333333;
	text-align:center;
	font-weight:normal;
	font-size:24px;
	background:#f2eeeb;
	padding:6px 0;
	margin-bottom:20px;
}

*/


div.vrBox{
	background:#eeeeee;
	padding:20px;
	margin:0 auto;
	width:600px;
}

div.vrBox h3{
	font-size:18px;
	margin-bottom:8px;
}

div.vrBox div.qrcode{
	width:100px;
	height:100px;
	background:#bbbbbb;
	float:left;
}

div.vrBox div.url{
	width:480px;
	float:right;
	font-size:14px;
}

div.vrBox div.url span.url{
	font-size:11px;
}

div.vrBox div.images ul li{
	list-style:none;
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:4px;
}

div.vrBox div.images{
	border-top:2px dotted #bbbbbb;
	margin-top:6px;
	padding-top:12px;
	font-size:14px;
	color:#333333;
}

div.vrBox div.images ul li.last{
	margin-right:0;
}

	/* ポイント */
	
div.pointContainer{
	margin:40px 0 40px;
	padding:40px 20px;
	background:#665f55;
}


h2.indexPointHeadline{
	color:#ffffff;
	font-size:28px;
	text-align:center;
	font-weight:normal;
	padding-bottom:20px;
}

table.indexPointTable{
	width:100%;
	margin:0 auto;
	border-spacing:24px;
}

table.indexPointTable tr td{
	width:16.6%;
	vertical-align:top;
}

table.indexPointTable tr td.box{
	width:33.3%;
	background:#ffffff;
	border-radius:2px;
}


table.indexPointTable td dl dt{
	font-weight:bold;
	text-align:center;
	padding:10px 14px;
	color:#333322;
	background:#eeddbb;
}

table.indexPointTable td dl dd{
	padding:10px 14px;
}


	/* 現場便り */
	
div.sceneReportBox ul li{
	list-style:none;
	width:280px;
	float:left;
	margin-right:43px;
	margin-bottom:30px;
	background:#ffffff;
}

div.sceneReportBox ul li dl dt{
	font-size:14px;
	color:#333333;
	font-weight:bold;
	margin:6px 0 6px;
}

div.sceneReportBox ul li dl dd{
	color:#666666;
	font-size:14px;
	overflow:hidden;
	position:relative;
	text-align:center;
}

div.sceneReportBox ul li dl dd div.initialContents{
	text-align:left;
}

div.sceneReportBox ul li dl dd div.toggleContents{
	display:none;
	text-align:left;
}

div.sceneReportBox ul li dl dd div.readMoreButton{
	background:#116655;
	color:#ffffff;
	display:inline-block;
	padding:6px;
	margin:10px auto 5px;
}


	/* 物件案内・地図 */
	
div.planBox{
	margin-bottom:40px;
}

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

div.planBox div.planImage{
	border:10px #eeeeee solid;
	line-height:100% !important;
	background:#eeeeee;
}
	
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.objectInfoTable{
	border-collapse: collapse;
	margin:20px auto 20px;
}

table.objectInfoTable tr th{
	padding:8px 14px;
	border-collapse: collapse;
	background:#eeddbb;
	color:#333333;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	min-width:160px;
	border:1px solid #ddccaa;
	font-weight:normal;
}

table.objectInfoTable tr td{
	padding:8px 14px;
	border-collapse: collapse;
	background:#ffffff;
	border:1px solid #dddddd;
	min-width:400px;
	border-radius:5px;
	color:#333333;
}


div.mapBox{
	width:800px;
	margin:0 auto;
}

p.mapNaviCaption{
	text-align:center;
	color:#333333;
	font-size:20px;
}


	/* アクセス */
	
div.accessBox div.content{
	width:560px;
	float:left;
}

div.accessBox div.map{
	width:400px;
	float:right;
}

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

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


	/* 会社情報 */
	
div.companyBox{

}

div.companyBox div.catch{
	font-weight:bold;
	padding:0 14px 20px;
	text-align:center;
	color:#555555;
}

div.companyBox div.image{
	width:480px;
	float:left;
}

div.companyBox div.content{
	width:480px;
	float:right;
}

div.div.companyBox div.content p{
}


	/* 動画 */

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;
}

/* お知らせページ */

/* お知らせ */

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 a:link , ul.summaryNewsList li a:visited{
	display:block;
	background:url('../img/icon/arrow_gray.png') no-repeat;
	background-position:99% center;
	color:#333333;
	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:#333333;
	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;
	background:#ffffff;
	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:#333333;
	margin-bottom:6px;
}

ul.seminarList li div.content dl dt{
	font-weight:bold;
	color:#333333;
	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:#333333;
	margin-bottom:6px;
}

ul.seminarList li div.description{
	color:#333333;
	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:#666666;
}

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:#333333;
	margin-bottom:5px;
}

div.recommendLandBox div.content div.access{
	color:#333333;
	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:#333333;
	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') no-repeat #362e2b;
	background-position:98% center;
	text-decoration:none;
}

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;
}