@charset "UTF-8";

/**
 * interview.css
 */

/**
 * interview_top
 */
#main h1 { margin-bottom:1em; padding-left:2px; height:39px; }
#main_content #interview_top {
	padding: 7px 0 0 0;
}
#interview_top .interview_add {
	float: left;
	width: 626px;
	height: 321px;
}
#interview_top .add_back_vol1 {
	background: url(/interview/images/vol1/add_back_vol1.jpg) no-repeat left top;
}
#interview_top .add_back_vol2 {
	background: url(/interview/images/vol2/add_back_vol2.jpg) no-repeat left top;
}
#interview_top .add_back_vol3 {
	background: url(/interview/images/vol3/add_back_vol3.jpg) no-repeat left top;
}
#interview_top .add_back_vol4 {
	background: url(/interview/images/vol4/add_back_vol4.jpg) no-repeat left top;
}
#interview_top .add_back_vol5 {
	background: url(/interview/images/vol5/add_back_vol5.gif) no-repeat left top;
}
#interview_top .add_back_vol6 {
	background: url(/interview/images/vol6/add_back_vol6.gif) no-repeat left top;
}

#interview_top .interview_add h2 {
	padding-bottom: 5px;
}
#interview_top .interview_add h2.vol4_h2_1{
	padding: 0;
}

#interview_top .interview_add .add_ph_txt {
	padding: 0 30px 0 18px;
}
#interview_top .interview_add .add_ph_txt div {
	float: left;
	width: 126px;
}
#interview_top .interview_add .add_ph_txt div.vol4_ph,
#interview_top .interview_add .add_ph_txt div.vol5_ph {
	width: 205px;
}
#interview_top .interview_add .add_ph_txt p {
	float: right;
	width: 431px;
	font-size: 1em;
	padding-top: 3px;
}
#interview_top .interview_add .add_ph_txt p.vol4_txt,
#interview_top .interview_add .add_ph_txt p.vol5_txt {
	width: 350px;
}
#interview_top .interview_add .add_ph_txt p span,
#interview_top p.box_l float_r span {
	font-size: .85em;
}
#interview_top .interview_menu {

	width: 237px;
	float: right;
} 
#interview_top .interview_menu .menu_tit {
	height: 51px;
}

#interview_top .interview_menu ul{
	background: url(/interview/images/menu_back.gif) repeat-y left top;
}
#interview_top .interview_menu ul li {
	background: url(/interview/images/menu_line.gif) no-repeat left bottom;
	height: 60px;
	padding: 0 13px 0 11px;
}
* html #interview_top .interview_menu ul li {
	height: 58px;
}
*:first-child+html #interview_top .interview_menu ul li {
	height: 58px;
}
#interview_top .interview_menu ul li div {
	width: 42px;
	padding-top: 7px;
	float: left;
}
#interview_top .interview_menu ul li p {
	width: 163px;
	padding-top: 8px;
	float: right;
	font-size: .85em;
	line-height: 1.2em;
}
#interview_top .interview_menu .menu_end {
	background: url(/interview/images/menu_end.gif) no-repeat left bottom;
	height: 30px;
}
#interview_top .interview_menu .menu_end p {
	font-size: .85em;
	line-height: 1.15em;
	padding: 5px 0 0 100px;
}

/**
 * interview_contents
 */
#main_content #interview_contents {
	padding-bottom: 30px;
}
#main_content #interview_contents h3 { margin-top: 30px; }
#interview_contents .contents_txtbox {
	background-color: #f6f7fa;
	border: 1px solid #e7e7e7;
	padding: 16px 18px;
}
#interview_contents .pt10 {
	padding-top: 10px !important;
}
#interview_contents .contents_txtbox h4.tit_pb12 {
	padding-bottom: 12px;
}
#interview_contents .contents_txtbox h5 {
	font-size: 1.15em;
	color: #274371;
	padding: 12px 0 2px 0;
}
#interview_contents .contents_txtbox p {
	font-size: 1em;
}
#interview_contents .contents_txtbox .as_p {
	text-indent: -1em;
	padding-left: 1em;
}
#interview_contents .contents_txtbox .box_l {
	width: 627px;
}
#interview_contents .contents_txtbox .box_s {
	width: 200px;
}
#interview_contents .contents_txtbox .box_233 {
	width: 233px;
}
#interview_contents .contents_txtbox .box_384 {
	width:351px;
}
#interview_contents .contents_txtbox .box_384 {
	width: 384px;
}
#interview_contents .contents_txtbox .box_433 {
	width: 433px;
}
#interview_contents .contents_txtbox .box_469 {
	width:469px;
}
#interview_contents .contents_txtbox .box_582 {
	width:582px;
}
#interview_contents .contents_txtbox img.border_ph {
	border: 1px solid #ccc;
}
#interview_contents .contents_txtbox img.spase30_3 {
	margin: 30px 0 3px 0;
}
#interview_contents .contents_txtbox img.spase9 {
	margin: 0 0 9px 0;
}
#interview_contents .contents_txtbox .float_l {
	float: left;
}
#interview_contents .contents_txtbox .float_r {
	float: right;
}
#interview_contents .contents_txtbox .bg_w {
	background-color: #fff;
	padding: 26px 0 20px 0;
}
#interview_contents .contents_txtbox .bg_w .gofresh_box {
	float: left;
	width: 156px;
	text-align: right;
}
#interview_contents .contents_txtbox .bg_w .gofresh_box_first {
	float: left;
	width: 151px;
	text-align: right;
}

/**
 * column_box_vol4
 */
#main_content #column_box {
	background: url(/interview/images/vol4/column_back.gif) repeat-y left top;
	margin-bottom: 30px;
}
#column_box h3 {
	padding-bottom: 14px;
}
#column_box .column_top {
	padding: 0 0 12px 13px;
}
#column_box .column_top .column_left {
	float: left;
	width: 218px;
}
#column_box .column_top .column_center {
	float: left;
	width: 447px;
	padding-top: 10px;
}
#column_box .column_top .column_right {
	float: left;
	width: 185px;
}
#column_box .column_top .column_center h4 {
	padding-bottom: 20px;
}
#column_box .column_top .column_center p {
	font-size: 1em;
	padding-right: 33px;
}
#column_box .column_end {
	background: url(/interview/images/vol4/column_end.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
#column_box .column_end h4 {
	padding: 0 0 5px 13px;
}
#column_box .column_end ul li {
	float: left;
	width: 214px;
	text-align: right;
}

/**
 * column_box_vol5
 */
#main_content #column_box_vol5 {
	background: url(/interview/images/vol5/column_back.gif) repeat-y left top;
	margin-top: 15px;
	margin-bottom: 20px;
}
#column_box_vol5 h3 {
	padding-bottom: 22px;
}
#column_box_vol5 .column_left {
	float: left;
	width: 540px;
	padding: 0 20px 20px 25px;
}
#column_box_vol5 .column_left h4 {
	padding-bottom: 20px;
}
#column_box_vol5 .column_left .topic-box {
	padding-bottom: 30px;
	clear: both;
}
#column_box_vol5 .column_left .topic-box .left-box {
	float: left;
	padding: 0 0px 0px 10px;
}
#column_box_vol5 .column_left .topic-box .right-box {
	float: left;
	width: 350px;
}
#column_box_vol5 .column_left .topic-box .left-box img.img-box {
	padding-right: 25px;
}

#column_box_vol5 .column_right {
	float: right;
	width: 277px;
	padding: 0 20px 10px 0;
}

#column_box_vol5 .column_end {
	background: url(/interview/images/vol5/column_end.gif) no-repeat left bottom;
	padding-bottom: 0px;
	clear: both;
}
/**
 * column_box_vol6
 */
#main_content #column_box_vol6 {
	background: url(/interview/images/vol5/column_back.gif) repeat-y left top;
	margin-top: 15px;
	margin-bottom: 20px;
}
#column_box_vol6 h3 {
	padding-bottom: 22px;
}
#column_box_vol6 {
}
#column_box_vol6 h4 {
	margin-left: 20px;
	padding-bottom:8px;
}
#column_box_vol6 .h4-dsc {
	text-align:center;
	padding-bottom:13px;
}
#column_box_vol6 #topic-box01 {
	padding-bottom: 30px;
	clear: both;
}
#column_box_vol6 #topic-box02 {
	padding-bottom: 0px;
	clear: both;
}
#column_box_vol6 .topic-box .left-box {
	width:185px;
	float: left;
	display:inline;
	margin-left:5px;
	font-size:0.85em;
	text-align:center;
}
#column_box_vol6 .topic-box .left-box img {
	padding:0;
	margin:0;
	display:block;
}
#column_box_vol6 .topic-box .right-box {
	width: 661px;
	float: left;
	display:inline;
	margin-left:10px;
}
#column_box_vol6 .topic-box .left-box img.img-box {
	padding-right: 0px;
}

#column_box_vol6 .column_end {
	height:10px;
	font-size:0.1em;
	background: url(/interview/images/vol5/column_end.gif) no-repeat left bottom;
	clear: both;
}
/**
 * how_to_apply_wrapper
 */
#how_to_apply_wrapper {
	padding-top:20px;
}
#how_to_apply_wrapper span {
	font-size:0.9em;
}
/**
 * interview_end
 */
#main_content #interview_end {
	text-align: center;
	padding-bottom: 70px;
}
#main_content .endback_vol2 {
	background: url(/interview/images/vol2/vol2_end_ph.jpg) no-repeat 687px 82px;
	height: 361px;
}
#main_content .endback_vol3 {
	background: url(/interview/images/vol3/vol3_end_ph.jpg) no-repeat 743px 94px;
	height: 389px;
}
#main_content .endback_vol4 {
	background: url(/interview/images/vol4/vol4_end_ph.jpg) no-repeat 28px 174px;
	height: 454px;
}
#main_content .endback_vol5 {
	background: url(/interview/images/vol5/vol5_end_ph.jpg) no-repeat 28px 174px;
	height: 454px;
}
#interview_end .end_catch_vol1 {
	padding-bottom: 5px;
}
#interview_end .end_catch_vol2 {
	padding-bottom: 15px;
}
#interview_end .end_txt_vol1 {
	font-size: 1.25em;
	color: #c30;
	padding-bottom: 15px;
}
#interview_end .end_txt_vol4 {
	font-size: 1.15em;
	color: #c30;
	padding-bottom: 10px;
}
#interview_end .youkou_box {
	background: url(/interview/images/youkou_back.gif) no-repeat left top;
	margin: 0 auto;
	padding-top: 15px;
	width: 446px;
	text-align: left;
}
#interview_end .youkou_box h4 {
	background: url(/interview/images/youkou_icon.gif) no-repeat left top;
	margin: 0 0 6px 19px;
	padding: 3px 0 3px 12px;
	font-size: 1.15em;
	line-height: 1.2em;
	color: #274371;
}
#interview_end .youkou_box ul {
	background: url(/interview/images/youkou_end.gif) no-repeat left bottom;
	padding: 0 30px 13px 30px;
}
#interview_end .youkou_box ul li {
	font-size: 1em;
}
#interview_end .youkou_box ul li a {
	background: url(/interview/images/menu_icon.gif) no-repeat 18px 4px;
	padding-left: 25px;
}
#interview_end .thanks_box {
	font-size: 1em;
	color: #c30;
	padding-top: 15px;
}

/**
 * etc
 */
.interview_menu a.icon_link {
	background: url(/interview/images/menu_icon.gif) no-repeat 0 2px;
	padding-left: 8px;
	display: block;
}
#main_content #new_mark {
	position: absolute;
	width: 62px;
	height: 62px;
	left: 16px;
	top: 1px;
	z-index: 10;
}
#main_content #vol2_ph {
	position: absolute;
	width: 179px;
	height: 279px;
	right: 40px;
	bottom: 107px;
	z-index: 10;
}
#main_content #vol3_ph {
	position: absolute;
	width: 91px;
	height: 295px;
	right: 80px;
	bottom: 97px;
	z-index: 10;
}
#main_content #vol4_ph_left,
#main_content #vol5_ph_left {
	position: absolute;
	width: 173px;
	height: 267px;
	left: 50px;
	bottom: 110px;
	z-index: 10;
}
#main_content #vol4_ph_right,
#main_content #vol5_ph_right {
	position: absolute;
	width: 142px;
	height: 272px;
	right: 70px;
	bottom: 110px;
	z-index: 10;
}

/** backnumber.html **/

#interview_old #main_content h2 {
	padding-bottom: 0.75em;
}

#interview_old .camp_contents {
	padding-bottom: 2.5em;
}
#interview_old .camp_contents .camp_img {
	padding-bottom: .5em;
}
#interview_old .camp_contents h3 {
	font-size: 1em;
}
#interview_old .camp_contents h3 a {
	background: url(/camp/images/icon_link.gif) no-repeat 0 4px;
	padding-left: 1em;
	display: block;
}
#interview_old .camp_contents p {
	padding-left: 1em;
	font-size: 1em;
}

#interview_old .camp_contents .column_content {
	margin-bottom:2em;
	float:left;
	width:274px;
}

#interview_old .camp_contents .column_content.middle {
	margin:0 38px;
	_margin:0 19px;
}


/* BACK BUTTON */
#btn_back {
    position: absolute;
    top: -1.5em;
    right: 22px;
    z-index: 999;
}