@CHARSET "utf-8";






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

div#header{
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:10;
	background:rgba(35,34,33,0.6);
}


div.topImageBox{
	position:relative;
}

div.topImageBox div.title{
	position:absolute;
	left:40%;
	top:30%;
	right:4%;
}

div.topImageBox div.title h1{
	color:#fffcf0;
	font-weight:normal;
	font-size:34px;
	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;
	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.conceptBox{
	padding:20px 40px;
}

div.conceptBox div.image{
	width:420px;
}

div.conceptBox div.content{
	width:460px;
	padding-top:70px;
}

div.conceptBox div.contentsRight{
	float:right;
}

div.conceptBox div.contentsLeft{
	float:left;
}


		/* お知らせ */

div.newsBox{
	margin-top:40px;
}

div.newsBox div.news{
	list-style:none;
	border-bottom:1px solid #bbbbbb;
}


div.newsBox div.news dl dt{
	padding:5px 14px;
	margin-top:10px;
	float:left;
	color:#ffffff;
}

div.newsBox div.news dl dd.category{
	background:#dd8822;
	color:#ffffff;
	float:left;
	padding:5px 14px;
	margin:10px 14px 10px 0;
}

div.newsBox div.news dl dd{
	padding:5px 14px;
	margin-top:10px;
	float:left;
	color:#ffffff;
}

/*
div.newsBox div.news a:link , div.newsBox div.news a:visited{
	display:block;
	background:url('../img/icon/arrow_gray.png') no-repeat;
	background-position:99% center;
	color:#333333;
	text-decoration:none;
}

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


div.newsBox .news div.content{
	clear:both;
	display:none;
	padding:10px 20px 20px;
	color:#ffffff;
	background:#444240;
	line-height:140%;
}

div.newsBox .news div.init{
	display:block;
}

div.newsBox .news div.content img{
	margin-top:10px;
}


	/* ピックアップ画像 */
	
div.indexPickupImage{
	padding:40px 40px 24px;
	background:#eeece9;
}

div.indexPickupImage div.image{
	width:49%;
	margin-bottom:16px;
}

div.indexPickupImage div.imageLeft{
	float:left;
	clear:both;
}

div.indexPickupImage div.imageRight{
	float:right;
}

div.indexPickupImage div.verticalImage{
	width:32%;
	margin-right:2%;
	margin-bottom:16px;
	float:left;
}

div.indexPickupImage div.verticalImageLast{
	margin-right:0;
}


	/* イベント 情報 */
	
ul.topicsList{
	margin-top:40px;
}
	
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;
}


	/* コンセプト */
	
div.indexModelhouseBox{
}

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

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

div.indexModelhouseBox div.content dl{
	color:#ffffff;
}

div.indexModelhouseBox div.content dt{
	font-weight:bold;
	border-bottom:2px dotted #bbbbbb;
	padding:8px 10px 8px;
	margin-bottom:10px;
	font-size:20px;
}

div.indexModelhouseBox div.content dd{
	padding:6px 10px 12px;
}

	/* スタッフ紹介 */
	
div.staffBoxWrapper{
	padding:40px 40px 30px;
}

div.staffBoxWrapper div.staffBox{
	margin-bottom:40px;
}

div.staffBoxWrapper div.staffBox div.image{
	width:400px;
}

div.staffBoxWrapper div.staffBox div.content{
	width:480px;
}

div.staffBoxWrapper div.staffBox div.contentsLeft{
	float:left;
	text-align:right;
}

div.staffBoxWrapper div.staffBox div.contentsRight{
	float:right;
	text-align:left;
}

div.staffBoxWrapper div.staffBox div.content dl{
	padding:100px 20px 0;
}

div.staffBoxWrapper div.staffBox div.content dl dt{
	font-size:32px;
	color:#ffffff;
}

div.staffBoxWrapper div.staffBox div.content dl dd{
	font-size:18px;
	color:#dddad5;
	font-style:italic;
}


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

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

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

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


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

}

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

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

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

div.companyBox div.content p{
}

div.companyBox p.license{
	font-size:14px;
	background:#665f55;
	margin:0 0 20px;
	padding:14px 20px;
}