@CHARSET "utf-8";






/* PC版スタッフ紹介ページ用CSS */


	/* スタッフページトップ */
	
		/* スタッフ一覧 */
		
/*
ul.staffList li{
	list-style:none;
	width:250px;
	float:left;
	margin-bottom:10px;
}
	
ul.staffList li div.staffBox{
	margin:20px;
}

ul.staffList li div.staffBox div.image{
	border-radius:8px;
}

ul.staffList li div.staffBox div.image img{
	border-radius:8px;
}

ul.staffList li div.staffBox div.image:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul.staffList li div.staffBox dl dt{
	text-align:center;
	font-size:28px;
	color:#333333;
	padding:14px 0 8px;
}

ul.staffList li div.staffBox dl dd{
	color:#333333;
	padding:8px 12px 8px;
	line-height:180%;
}

ul.staffList li div.staffBox div.content div.linkButton{
	
}
*/

ul.staffList{
	text-align:center;
}

ul.staffList li{
	list-style:none;
	width:300px;
	display:inline-block;
	vertical-align: top;
	margin-bottom:20px;
}
	
ul.staffList li div.staffBox{
	margin:20px;
}

ul.staffList li div.staffBox div.image{
	border-radius:8px;
}

ul.staffList li div.staffBox div.image img{
	border-radius:8px;
}

ul.staffList li div.staffBox div.image:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul.staffList li div.staffBox dl dt{
	text-align:center;
	font-size:28px;
	color:#333333;
	padding:14px 0 8px;
}

ul.staffList li div.staffBox dl dd{
	color:#333333;
	padding:8px 12px 8px;
	line-height:180%;
}

ul.staffList li div.staffBox div.content div.linkButton{
	
}

		/* スタッフ一覧（各部集合） */
		
ul.staffOverviewBoxList li{
	width:480px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	list-style:none;
}

ul.staffOverviewBoxList li:nth-child(odd){
	clear:both;
}

ul.staffOverviewBoxList li:nth-child(even){
	width:480px;
	float:right;
	margin-right:0;
}

ul.staffOverviewBoxList li dl dt{
	color:#333333;
	font-size:20px;
	font-weight:bold;
	border-bottom:4px solid #dd8822;
	padding:0 14px 8px;
	margin-bottom:20px;
}
	
	
		/* 保有資格 */
	
div.certificationBox{
	width:460px;
	
}

div.certificationBoxWrapper{
}

div.certificationBoxWrapper div.realEstate{
	float:left;
}

div.certificationBoxWrapper div.architecture{
	float:right;
}

div.certificationBoxWrapper div.image{
	margin-bottom:10px;
}

div.certificationBoxWrapper ul.certificationList li{
	background:#ffddaa;
	padding:6px 14px;
	border-radius:4px;
	margin-bottom:8px;
	border-left:#dd8822 5px solid;
	list-style:none;
}


div.otherCertificationBox div.pickupBox div.image{
	width:320px;
	float:left;
	text-align:center;
	color:#666666;
	font-size:12px;
	line-height:160%;
}

div.otherCertificationBox div.pickupBox div.image img{
}

div.otherCertificationBox div.pickupBox div.content{
	width:660px;
	float:right;
}

div.otherCertificationBox div.pickupBox ul.otherCertificationList li{
	padding:6px 12px;
	width:292px;
	margin:0px 14px 8px 0;
	float:left;
	background:#ffddaa;
	border-radius:4px;
	list-style:none;
}


	/* スタッフ一覧リスト */

div.realestateStaffContainer div.staffListBox{
	float:left;
	width:280px;
}

div.realestateStaffContainer div.staffListBox ul li{
	list-style:none;
	background:#eeeeee;
	margin-bottom:10px;
}

div.realestateStaffContainer div.staffListBox ul li.current{
	background:#dd8822;
	color:#ffffff;
	margin-right:0px;
}

div.realestateStaffContainer div.staffListBox ul li:hover{
	background:rgba(238,150,40,0.8);
	color:#ffffff;
}

div.realestateStaffContainer div.staffListBox ul li dl{
	padding:20px 20px 0;
}

div.realestateStaffContainer div.staffListBox ul li dl dt{
	width:80px;
	margin-bottom:20px;
	float:left;
	line-height:100% !important;
	margin-right:20px;
}

div.realestateStaffContainer div.staffListBox ul li dl dt img{
	width:80px;
	line-height:100% !important;
}

div.realestateStaffContainer div.staffListBox ul li dl dd{
	width:100px;
	margin-bottom:20px;
	float:left;
	line-height:100% !important;
	padding-top:20px;
}

	/* スタッフ紹介部分 */

div.realestateStaffContainer div.staffContentsBox{
	float:left;
	width:720px;
	color:#333333;
}

div.realestateStaffContainer div.staffContentsBox div.staffContents{
	padding:20px 40px 20px 35px;
	border-left:5px solid #dd8822;
}

div.realestateStaffContainer div.staffContentsBox div.staffContents div.catch{
	font-size:28px;
	padding:14px 0 14px;
}

div.realestateStaffContainer div.staffContentsBox div.staffContents dl.staffDataList dt{
	clear:both;
	float:left;
	width:80px;
	padding:6px 14px;
	background:#dd8822;
	margin-bottom:14px;
	color:#ffffff;
	margin-right:20px;
}

div.realestateStaffContainer div.staffContentsBox div.staffContents dl.staffDataList dd{
	float:left;
	width:500px;
	padding:6px 0;
	margin-bottom:14px;
}

div.realestateStaffContainer div.staffContentsBox div.staffContents dl.staffInterviewList dt{
	color:#333333;
	font-size:18px;
	background: #dd8822;
	color:#ffffff;
	padding:6px 14px;
	margin-bottom:10px;
}

div.realestateStaffContainer div.staffContentsBox div.staffContents dl.staffInterviewList dd{
	margin-bottom:20px;
}

div.realestateStaffContainer div.staffContentsBox div.staffContents dl.staffInterviewList dd img{
	max-width:240px;
	float:left;
	margin:14px;
}

div.realestateStaffContainer div.staffContentsBox p.interviewCaution{
	color:#333333;
	font-size:12px;
	padding:10px 14px;
	margin:10px 20px 10px;
	background:#eeeeee;
	border-radius:2px;
}

div.realestateStaffContainer div.staffContentsBox div.interviewImageBox{
	padding:20px 0 20px;
}

div.realestateStaffContainer div.staffContentsBox div.interviewImageBox div.mainImage{
	width:360px;
}

div.realestateStaffContainer div.staffContentsBox div.interviewImageBox div.subImage{
	width:240px;
	margin-top:40px;
}

div.realestateStaffContainer div.staffContentsBox div.interviewImageBox div.imageLeft{
	float:left;
}

div.realestateStaffContainer div.staffContentsBox div.interviewImageBox div.imageRight{
	float:right;
}