@charset "shift_JIS";

/* ------------------------------------------------------ 
   common
------------------------------------------------------ */


/* Clearfix */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.main-title {
	margin-top:-35px;
	width:950px;
	height:280px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.vol_nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
.vol_nav li {float:left; height:50px; overflow:hidden;}
.vol_nav li a { display:block; height:50px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.vol_nav li.off {text-indent:100%; white-space:nowrap; overflow:hidden;}

.vol_nav li.l1 a { width:141px; background:url(../img/nav_01.png) 0 0 no-repeat;}
.vol_nav li.l2 a { width:94px; background:url(../img/nav_02.png) 0 0 no-repeat;}
.vol_nav li.l3 a { width:314px; background:url(../img/nav_03.png) 0 0 no-repeat;}
.vol_nav li.l4 a { width:141px; background:url(../img/nav_04.png) 0 0 no-repeat;}
.vol_nav li.l5 a { width:158px; background:url(../img/nav_05.png) 0 0 no-repeat;}
.vol_nav li.l6 a { width:102px; background:url(../img/nav_06.png) 0 0 no-repeat;}
.vol_nav li.l1 a:hover { width:141px; background:url(../img/nav_01_on.png) 0 0 no-repeat;}
.vol_nav li.l2 a:hover { width:94px; background:url(../img/nav_02_on.png) 0 0 no-repeat;}
.vol_nav li.l3 a:hover { width:314px; background:url(../img/nav_03_on.png) 0 0 no-repeat;}
.vol_nav li.l4 a:hover { width:141px; background:url(../img/nav_04_on.png) 0 0 no-repeat;}
.vol_nav li.l5 a:hover { width:158px; background:url(../img/nav_05_on.png) 0 0 no-repeat;}
.vol_nav li.l6 a:hover { width:102px; background:url(../img/nav_06_on.png) 0 0 no-repeat;}
.vol_nav li.l2.off { width:94px; background:url(../img/nav_02_off.png) 0 0 no-repeat;}
.vol_nav li.l3.off { width:314px; background:url(../img/nav_03_off.png) 0 0 no-repeat;}
.vol_nav li.l4.off { width:141px; background:url(../img/nav_04_off.png) 0 0 no-repeat;}
.vol_nav li.l5.off { width:158px; background:url(../img/nav_05_off.png) 0 0 no-repeat;}
.vol_nav li.l6.off { width:102px; background:url(../img/nav_06_off.png) 0 0 no-repeat;}


.interview {
	background:#ffffff;
	padding:0 57px;
	border-left:solid 3px #000000;
	border-right:solid 3px #000000;
	font-size:14px;
	line-height:24px;
	color:#333333;
}

.intro {
	font-size:15px;
	color:#5d100d;
	border-bottom:dotted 1px #858585;
	padding:30px 0 35px;
}

.intro img {display:block;}
.intro p {display:none;}

.matome {
	font-size:15px;
	color:#5d100d;
	border-top:dotted 1px #858585;
	padding:30px 0 60px;
	margin-top:60px;
}

.sec h3 {margin:50px 0 40px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.sec h3.closer {margin:0px 0 40px; text-indent:100%; white-space:nowrap; overflow:hidden;}

div.text {float:left; width:595px;}
div.photo {float:right; width:200px;}
div.text.p23 {float:left; width:565px;}
div.photo.p23 {float:right; width:230px;}
div.text.p28 {float:left; width:515px;}
div.photo.p28 {float:right; width:280px;}

div.wide {float:none !important; width:830px !important;}

.sec div.photo p { margin-bottom:20px;}
.sec div.photo p.mb25 { margin-bottom:25px;}
.sec div.photo p.mb35 { margin-bottom:35px;}
.sec div.photo span { font-size:12px; line-height:18px; color:#666666; text-align:right; display:block; margin-top:5px;}

.sec div.text p {margin-bottom:30px;}
.sec div.text p.qu {color:#777777;}
.sec div.text p.an {padding-left:55px;}
.sec div.text p.an span { display:inline-block; margin-left:-55px; width:55px;}
.sec div.text p.an small {font-size:12px; display:inline-table; margin-top:5px;}

.next {
	margin-top:-20px;
	padding-bottom:30px;
}
.next a {
	text-align:center; 
	display:block;
	background: #000000;
	border:solid 1px #575757;
	border-radius:8px;
	padding:10px;
	color:#ffffff;
	text-decoration:none;
	font-size:15px;
}
.next a:hover {
	background: #333333;
	text-decoration:underline;
}
.next span {
	background:url("../common/img/arrow01.png") no-repeat left center;
	padding-left:12px;
}
.foot_nav {
	padding-bottom:60px;
	font-size:11px;
	text-align:center;
}
.foot_nav a {
	padding:0 8px;
	color:#000000;
	text-decoration:none;
	display:inline-block;
}
.foot_nav a:hover {
	text-decoration:underline;
}

@media screen and (max-width: 640px) {

.main-title {
	width:100%;
	background-size:contain !important;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-top:0;
	height:325px;
}

.interview {
	background:#ffffff;
	padding:0 17px;
	border-left:solid 3px #000000;
	border-right:solid 3px #000000;
	font-size:14px;
	line-height:24px;
	color:#333333;
}

.sec div.text {float:none; width:100%;}
.sec div.photo {float:none; width:100%; text-align:center;}

div.wide {float:none !important; width:100% !important;}

.intro {
	font-size:15px;
	color:#5d100d;
	border-bottom:dotted 1px #858585;
	padding:20px 0 15px;
}

.intro img {display:none;}
.intro p {display:block;}

.matome {
	font-size:15px;
	color:#5d100d;
	border-top:dotted 1px #858585;
	padding:20px 0 20px;
	margin-top:40px;
}

.sec h3 {margin:20px 0 20px; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:contain !important;}
.sec h3.closer {margin:20px 0 20px; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:contain !important;}

.sec div.text p {margin-bottom:15px;}
.sec div.photo span { width:200px; font-size:12px; line-height:18px; color:#666666; text-align:right; display:block; margin:5px auto 0;;}

.sec div.text p {margin-bottom:30px;}
.sec div.text p.qu {color:#777777;}
.sec div.text p.an {padding-left:55px;}
.sec div.text p.an span { display:inline-block; margin-left:-55px; width:55px;}
.sec div.text p.an small {font-size:12px; display:inline-table; margin-top:5px;}

.vol_nav li {float:left;height:auto !important;}

.vol_nav li.l1 a { background:none;}
.vol_nav li.l2 a { background:none;}
.vol_nav li.l3 a { background:none;}
.vol_nav li.l4 a { background:none;}
.vol_nav li.l5 a { background:none;}
.vol_nav li.l6 a { background:none;}
.vol_nav li.l1 a:hover { background:none;}
.vol_nav li.l2 a:hover { background:none;}
.vol_nav li.l3 a:hover { background:none;}
.vol_nav li.l4 a:hover { background:none;}
.vol_nav li.l5 a:hover { background:none;}
.vol_nav li.l6 a:hover { background:none;}
.vol_nav li.l2.off { background:none;}
.vol_nav li.l3.off { background:none;}
.vol_nav li.l4.off { background:none;}
.vol_nav li.l5.off { background:none;}
.vol_nav li.l6.off { background:none;}


#content div.vol_nav ul {
	margin:0px 12px 10px 17px;
}

#content div.vol_nav li a { 
	display:block;
	width:auto !important;
	height:auto !important;
	background:url("../common/img/arrow01.png") no-repeat 10px center;
	padding:5px 10px 5px 22px;
	text-indent:0;
	border:solid 1px #575757;
	border-radius:4px;
	margin-right:5px;
	font-size:11px;
	color:#ffffff;
}
#content div.vol_nav li.off { 
	display:block;
	width:auto !important;
	height:auto !important;
	padding:5px 10px 5px 10px;
	text-indent:0;
	border:solid 1px #575757;
	border-radius:4px;
	margin-right:5px;
	font-size:11px;
	color:#999999;
}

.next {
	margin-top:0px;
}

}

/* ------------------------------------------------------ 
   vol.1 
------------------------------------------------------ */
.vol1 .main-title {background:url(../img/vol1_main-title.jpg) 0 0 no-repeat;}
.vol1 .s1 h3 {	background:url(../img/vol1_s1_hl.png) 0 0 no-repeat; height:63px;}
.vol1 .s2 h3 {	background:url(../img/vol1_s2_hl.png) 0 0 no-repeat; height:28px;}
.vol1 .s3 h3 {	background:url(../img/vol1_s3_hl.png) 0 0 no-repeat; height:28px;}
.vol1 .s4 h3 {	background:url(../img/vol1_s4_hl.png) 0 0 no-repeat; height:28px;}

@media screen and (max-width: 640px) {
.vol1 .main-title {background:url(../img/vol1_main-title_sp.jpg) center 0 no-repeat;}
.vol1 .s1 h3 {	background:url(../img/vol1_s1_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol1 .s2 h3 {	background:url(../img/vol1_s2_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol1 .s3 h3 {	background:url(../img/vol1_s3_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol1 .s4 h3 {	background:url(../img/vol1_s4_hl_sp.png) 0 0 no-repeat; height:41px;}
}

/* ------------------------------------------------------ 
   vol.2 
------------------------------------------------------ */
.vol2 .main-title {background:url(../img/vol2_main-title.jpg) 0 0 no-repeat;}
.vol2 .s1 h3 {	background:url(../img/vol2_s1_hl.png) 0 0 no-repeat; height:28px;}
.vol2 .s2 h3 {	background:url(../img/vol2_s2_hl.png) 0 0 no-repeat; height:63px;}

@media screen and (max-width: 640px) {
.vol2 .main-title {background:url(../img/vol2_main-title_sp.jpg) center 0 no-repeat;}
.vol2 .s1 h3 {	background:url(../img/vol2_s1_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol2 .s2 h3 {	background:url(../img/vol2_s2_hl_sp.png) 0 0 no-repeat; height:64px;}
}

/* ------------------------------------------------------ 
   vol.3 
------------------------------------------------------ */
.vol3 .main-title {background:url(../img/vol3_main-title.jpg) 0 0 no-repeat;}
.vol3 .s1 h3 {	background:url(../img/vol3_s1_hl.png) 0 0 no-repeat; height:63px;}
.vol3 .s2 h3 {	background:url(../img/vol3_s2_hl.png) 0 0 no-repeat; height:63px;}
.vol3 .s3 h3 {	background:url(../img/vol3_s3_hl.png) 0 0 no-repeat; height:28px;}
.vol3 .s4 h3 {	background:url(../img/vol3_s4_hl.png) 0 0 no-repeat; height:28px;}

@media screen and (max-width: 640px) {
.vol3 .main-title {background:url(../img/vol3_main-title_sp.jpg) center 0 no-repeat;}
.vol3 .s1 h3 {	background:url(../img/vol3_s1_hl_sp.png) 0 0 no-repeat; height:64px;}
.vol3 .s2 h3 {	background:url(../img/vol3_s2_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol3 .s3 h3 {	background:url(../img/vol3_s3_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol3 .s4 h3 {	background:url(../img/vol3_s4_hl_sp.png) 0 0 no-repeat; height:18px;}
}

/* ------------------------------------------------------ 
   vol.4 
------------------------------------------------------ */
.vol4 .main-title {background:url(../img/vol4_main-title.jpg) 0 0 no-repeat;}
.vol4 .s1 h3 {	background:url(../img/vol4_s1_hl.png) 0 0 no-repeat; height:28px;}
.vol4 .s2 h3 {	background:url(../img/vol4_s2_hl.png) 0 0 no-repeat; height:63px;}
.vol4 .s3 h3 {	background:url(../img/vol4_s3_hl.png) 0 0 no-repeat; height:28px;}

@media screen and (max-width: 640px) {
.vol4 .main-title {background:url(../img/vol4_main-title_sp.jpg) center 0 no-repeat;}
.vol4 .s1 h3 {	background:url(../img/vol4_s1_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol4 .s2 h3 {	background:url(../img/vol4_s2_hl_sp.png) 0 0 no-repeat; height:64px;}
.vol4 .s3 h3 {	background:url(../img/vol4_s3_hl_sp.png) 0 0 no-repeat; height:41px;}
}

/* ------------------------------------------------------ 
   vol.5 
------------------------------------------------------ */
.vol5 .main-title {background:url(../img/vol5_main-title.jpg) 0 0 no-repeat;}
.vol5 .s1 h3 {	background:url(../img/vol5_s1_hl.png) 0 0 no-repeat; height:28px;}
.vol5 .s2 h3 {	background:url(../img/vol5_s2_hl.png) 0 0 no-repeat; height:28px;}
.vol5 .s3 h3 {	background:url(../img/vol5_s3_hl.png) 0 0 no-repeat; height:28px;}
.vol5 .s4 h3 {	background:url(../img/vol5_s4_hl.png) 0 0 no-repeat; height:28px;}

@media screen and (max-width: 640px) {
.vol5 .main-title {background:url(../img/vol5_main-title_sp.jpg) center 0 no-repeat;}
.vol5 .s1 h3 {	background:url(../img/vol5_s1_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol5 .s2 h3 {	background:url(../img/vol5_s2_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol5 .s3 h3 {	background:url(../img/vol5_s3_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol5 .s4 h3 {	background:url(../img/vol5_s4_hl_sp.png) 0 0 no-repeat; height:41px;}
}

/* ------------------------------------------------------ 
   vol.6 
------------------------------------------------------ */
.vol6 .main-title {background:url(../img/vol6_main-title.jpg) 0 0 no-repeat;}
.vol6 .s1 h3 {	background:url(../img/vol6_s1_hl.png) 0 0 no-repeat; height:28px;}
.vol6 .s2 h3 {	background:url(../img/vol6_s2_hl.png) 0 0 no-repeat; height:28px;}
.vol6 .s3 h3 {	background:url(../img/vol6_s3_hl.png) 0 0 no-repeat; height:28px;}
.vol6 .s4 h3 {	background:url(../img/vol6_s4_hl.png) 0 0 no-repeat; height:28px;}

@media screen and (max-width: 640px) {
.vol6 .main-title {background:url(../img/vol6_main-title_sp.jpg) center 0 no-repeat;}
.vol6 .s1 h3 {	background:url(../img/vol6_s1_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol6 .s2 h3 {	background:url(../img/vol6_s2_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol6 .s3 h3 {	background:url(../img/vol6_s3_hl_sp.png) 0 0 no-repeat; height:41px;}
.vol6 .s4 h3 {	background:url(../img/vol6_s4_hl_sp.png) 0 0 no-repeat; height:41px;}
}