@charset "UTF-8";

/**
 *接頭辞
 *.l- // layout
 *.c- // content
 *.h- // home
 *.js- // JavaScript
 **/

.interview{
	background-image: url(../../images/common/c-shadow.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 100px;
}

.interview.-tsukuru{
	background-color: #007ac4;
}

.interview.-kotaeru{
	background-color: #11a73b;
}

.interview .interview_nav{
	background-image: url(../../images/common/c-shadow.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #fff;
}

.interview.-tsukuru .interview_nav ul li.current a{
	color: #007ac4;
}

.interview.-tsukuru .interview_nav ul li.current a:after{
	border-bottom-color: #007ac4;
}

.interview .interview_nav ul{
	padding-top: 20px;
	padding-bottom: 20px;
	*zoom: 1;
	width: 1000px;
	margin: auto;
	text-align: center;
}

.interview .interview_nav ul:before{
	display: table;
	content: "";
	line-height: 0;
}

.interview .interview_nav ul:after{
	display: table;
	content: "";
	line-height: 0;
	clear: both;
}

.interview .interview_nav ul li{
	line-height: 1;
	display: inline;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: -2px;
}

.interview .interview_nav ul li a{
	font-weight: bold;
	text-decoration: none;
}

.interview .interview_nav ul li a:hover{
	text-decoration: underline;
}

.interview .interview_nav ul li.current a{
	position: relative;
	color: #11a73b;
}

.interview .interview_nav ul li.current a:after{
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -10px;
	content: ' ';
	border: 10px solid transparent;
	border-bottom-color: #11a73b;
}

.interview .interview_body{
	padding-top: 50px;
	*zoom: 1;
	width: 820px;
	margin: auto;
}

.interview .interview_body:before{
	display: table;
	content: "";
	line-height: 0;
}

.interview .interview_body:after{
	display: table;
	content: "";
	line-height: 0;
	clear: both;
}

.interview .interview_meta{
	float: left;
	width: 260px;
}

.interview .interview_texts{
	float: right;
	width: 530px;
}
.interview .interview_texts p{
	color: #fff;
}

@media screen and (max-width: 767px){
	.interview .interview_nav ul{
		width: auto;
	}

	.interview .interview_body{
		width: auto;
	}
}