@charset "utf-8";
/* CSS Document */
#staff ul {
	width:960px;
	margin:25px auto 130px;
}
#staff li {
	display:inline-block;
	width:220px;
	height:305px;
	box-sizing:border-box;
	padding:5px 4px;
	border:1px solid #c6c6c6;
	text-align:center;
	margin:0 22px 23px 0;
}
#staff li:hover{
	border:1px solid #3cbb8c;
}
.staff_name{
	margin:7px 0 0 0;
}
#staff li a{
	text-decoration: none;
	color:#000;
}
.staff_name > dd {
	width:100%;
	height:30px;
	line-height:30px;
	font-size:15px;
	font-weight:bold;
	color:#fff ;
	background-color:#ff9c00;
}
#staff li.li_last {
	margin:0 0 23px 0;
}
/**/
.staff_detail {
	width:740px;
	height:395px;
	padding:10px;
	border-radius:5px;
	background-image:url(../images/back.png);
	position:fixed;
	top:150px;
	left:50%;
	margin:0 0 0 -370px;
}
.detail_contents {
	width:740px;
	height:395px;
	border-radius:5px; 
	background-color:#fff;
} 
.sta_img {
	float:left;
	padding:5px;
	width:255px;
	height:343px;
	border:1px solid #c6c6c6;
	margin:23px 15px 23px 23px;
}
.sta_profile {
	margin:23px 0 0 0;
	float:left;
	width:400px;
	
}
.sta_profile h3 {
	height:40px;
	line-height:40px;
	font-weight:bold;
	border-bottom:1px solid #9dddc5;
	padding:0 0 0 10px;
	text-align:left;
}
.sta_profile table {
	width:100%;
}
.sta_profile table th,.sta_profile table td {
	border-bottom:1px dotted #dfdfdf;
	line-height:1.2em;
}
.sta_profile table th {
	width:100px !important;
	padding:15px 0 15px 10px;
	font-weight:normal;
}
.sta_profile table td {
	width:290px !important;
	padding:15px 0; 
}
.sta_comment {
	padding:15px 0 15px 10px;
}
.sta_comment dt {
	width:100px;
	float:left;
}
.sta_comment dd {
	float:left;
	width:280px;
}
.detail_button {
	position:absolute;
	top:10px;
	right:10px;
}