@charset "utf-8";
/* interview */
#interview {}
#interview .body { border-left:#003399 2px solid; border-right:#003399 2px solid; border-bottom:#003399 2px solid; padding:20px 0; box-sizing:border-box; overflow:hidden; }
#interview h2 { font-size:18px; font-weight:bold; background:url(../img/search_bg_ttl.jpg); padding:10px 20px; color:#FFF; }

.interview {
}
.interview dl {
	width: 460px;
	margin: 0 0 20px 20px;
	padding: 0;
	font-size: 20px;
	float: left;
	border: solid 4px #01478F;
	box-sizing: border-box;
}
.interview dt {
	width: 150px;
	margin: 0;
	padding: 8px 0 0 8px;
	font-weight: bold;
	text-align: center;
	float: left;
}
.interview dt img {
	display: block;
	margin: 0 auto 10px;
	text-align: center;
}
.interview p {
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 5px 0;
}
.interview dt span {
	display: block;
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}
.interview a {
	display: block;
	margin: 10px 0 5px 0;
	padding: 3px 10px;
	font-size: 14px;
	line-height: 1em;
	text-decoration: none;
	font-weight: normal;
	background: #E0344E;
	color: #FFF;
	border: solid 1px #E0344E;
	border-radius: 4px;
}
.interview a:hover {
	background: #FFF;
	color: #E0344E;
}

.interview dd {
	width: 270px;
	margin: 0;
	padding: 0 8px 8px 0;
	font-size: 12px;
	float: right;
}
.interview dd span {
	display: block;
	margin: 8px 0 4px;
	padding: 0 0 0 4px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	color: #01478F;
	border-left: solid 4px #01478F;
	border-bottom: dotted 1px #01478F;
}
/*
.interview dt {
	width: 130px;
	margin: 0;
	padding: 8px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	float: left;
}
.interview dt img {
	margin: 0 0 5px 0;
}
.interview dt span {
	display: block;
	margin: 5px 0 0 0;
	font-size: 12px;
	font-weight: normal;
}

.interview dd {
	width: 140px;
	margin: 0;
	padding: 5px 10px 10px 0;
	font-size: 12px;
	float: right;
}
.interview dd span {
	display: block;
	margin: 5px 0;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	background: #01478F;
	color: #FFF;
	text-align: center;
}
*/
/* detail */
#detail {}
#detail .body { border-left:#003399 2px solid; border-right:#003399 2px solid; border-bottom:#003399 2px solid; padding:20px; box-sizing:border-box; overflow:hidden; }
#detail h2 { font-size:18px; font-weight:bold; background:url(../img/search_bg_ttl.jpg); padding:10px 20px; color:#FFF; }
#detail h2 a {
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background: #01478F;
	color: #FFF;
	border: solid 1px #FFF;
	border-radius: 4px;
	box-sizing: border-box;
}
#detail h2 a:hover {
	background: #FFF;
	color: #01478F;
}
.detail {
}
.detail dl {
}
.detail dt {
	width: 200px;
	float: left;
	padding: 0 0 40px 0;
}
.detail dd {
	width: 710px;
	float: right;
	padding: 0 0 40px 0;
}
.detail p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.detail p img {
	margin: 0 0 10px 0;
}
.detail h4 {
	display: inline-block;
	margin: 10px 0;
	padding: 0 10px;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	background: #01478F;
	color: #FFF;
	text-align: center;
}

.detail table { width: 100%; margin: 0; padding: 0; border: 0; border-collapse: collapse; clear: both;}
.detail table th { padding:20px 0 0; font-size:14px; font-weight: bold; text-align: left; }
.detail table td { padding:10px; font-size:14px; background: #FFF; color: #333; border: solid 2px #E8E8E8; }