@charset "utf-8";

/*
	RECRUIT
*/


/*=============================================
	PC
=============================================*/

/*------------------------------
	VISUAL
------------------------------*/
#visual .inner{
	background: url(/_recruit/images/visual_photo.jpg) no-repeat center top;
}

/*------------------------------
	CONTENTS
------------------------------*/
/*
	COMMON
*/
.intervieLabel{
	padding: 10px;
	background: #ececec;
	font-weight: bold;
}
#interviewList{
	margin-bottom: 10px;
}
#interviewList dl img{
	padding: 3px;
	background: #fff;
	border: #d7d7d7 solid 1px;
}
#interviewList dl dt{
	float: right;
}
#interviewList .name,
#interviewList .message,
#interviewList .affiliation{
	margin-bottom: 7px;
}
#interviewList .affiliation{
	color: #787878;
	font-size: 85%;
}
#interviewList div.first{
	border-top: none !important;
}
#interviewList div.end dl{
	background: none !important;
}
#interviewList #seniorList,
#interviewList #rookieList{
	position: relative;
}
#interviewList .detail{
	position: absolute;
	right: 10px;
	top:10px;
}

/* SENIOR */
#interviewList #seniorList div{
	width: 321px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	border-top: #ccc solid 1px;
	float: left;
	
}
#interviewList #seniorList dl{
	padding-right: 10px;
	background: url(/common/images/bg_border01.gif) repeat-y right top;	
}
#interviewList #seniorList dl dd{
	padding-right: 135px;
}

/* ROOKIE */
#interviewList #rookieList div{
	width: 210px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	border-top: #ccc solid 1px;
	float: left;
}
#interviewList #rookieList dl{
	padding-right: 10px;
	background: url(/common/images/bg_border01.gif) repeat-y right top;
}
#interviewList #rookieList dl dd{
	padding-right: 105px;
}		

/*
	TOP
*/
#mainPhoto{
	border: #ccc solid 1px;
}
#mainPhoto .inner{
	margin:3px;
	background: url(/_recruit/images/top_message_bg2.jpg) no-repeat right bottom #f8f7f5;
	min-height: 210px;
	height: auto !important;
	height: 210px;
}
#mainPhoto dl{
	padding: 35px 220px 25px 25px;
}
#mainPhoto .txt{
	margin-bottom: 25px;
}
#mainPhoto .title03{
	font-size: 180%;
}
#mainPhoto .title03 span{
	font-size: 50%;
}

#otherContents{
	padding-top: 20px;
	border-top: #dcdcdc solid 1px;
}
#otherContents #glossary,
#otherContents #rec{
	width: 323px;
	min-height: 160px;
	height: auto !important;
	height: 160px;
	margin: 0 13px 15px 0;
	float: left;
	border: #ccc solid 1px;
}
#otherContents dl{
	padding: 20px 100px 20px 20px;
}
#otherContents .end{
	margin-right: 0 !important;
}
#otherContents #glossary{
	background: url(/_recruit/images/top_other_glo_bg.jpg) no-repeat right top;
}
#otherContents #rec{
	background: url(/_recruit/images/top_other_rec_bg.jpg) no-repeat right top;
}
#otherContents .txt{
	margin-bottom: 20px;
}

/*
	MESSAGE
*/
#messagePhoto{
	margin-bottom: 40px;
	border-bottom: none;
}

/*
	TERM
*/
#termList dt{
	margin-bottom: 10px;
	color: #d20000;
	font-weight: bold;
}
#termList dd{
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(/common/images/bg_doted01.gif) repeat-x left bottom;
}

/*
	INTERVIEW PAGE
*/
#detailMain{
	padding: 2px;
	background: url(/_recruit/images/detail_bg.gif) no-repeat left top;
	border: #ccc solid 1px;
}
#detailMain .photo{
	float: right;
}
#detailMain #profile{
	width: 345px;
	padding: 20px 0 0 35px;
	background: url(/_recruit/images/detail_voice_bg.gif) no-repeat 35px 20px;
}
#detailMain #profile #voice{
	min-height: 50px;
	height: auto !important;
	height: 50px;
	margin-bottom: 20px;
	padding: 20px 0 0 50px;
	color: #c80d18;
	font-weight: bold;
	font-size: 175%;
}
#detailMain #profile dl{
	padding: 20px 0 10px;
	border-top: #ccc solid 1px;
}
#detailMain #profile dl dt{
	width: 100px;
	float: left;
	font-size: 130%;
	font-weight: bold;
}
#detailMain #profile dl dd{
	padding-left: 110px;
}

/*
	ROOKIE PAGE
*/
#rookieQ{
	padding-top: 15px;
	font-weight: bold;
	font-size: 110%;
}
#rookieQ li{
	padding-top: 10px;
}
#rookieA .frame .inner{
	margin-top: 20px;
	padding-top: 20px;
	border-top: #dcdcdc solid 1px;
}
#rookieA .intervieLabel{
	margin-bottom: 15px;
}
#rookieA strong{
	color: #c80d18;
}

/* Fixed Header adjust */
#rookieA .frame{
	padding-top:88px;
	margin-top:-88px;
}


/*=============================================
	RESPONSE
=============================================*/
@media(max-width:600px){

.intervieLabel{
	background: #ccc;
}

#interviewList #seniorList dl,
#interviewList #seniorList div,
#interviewList #rookieList dl,
#interviewList #rookieList div{
	height: auto !important;
}
#interviewList #seniorList div,
#interviewList #rookieList div{
	width: 100% !important;
	padding-left: 0 !important;
	border-top: #ccc solid 1px !important;
	float: none  !important;
}
#interviewList #seniorList dl,
#interviewList #rookieList dl{
	padding-right: 0 !important;
}

/*
	TOP
*/
#mainPhoto{
	width: 100%;
}
#mainPhoto .inner{
	width: 100%;
	margin:0;
	min-height:180px;
	background: url(/_recruit/images/top_message_bg_smp.jpg) no-repeat right bottom #fff;
}
#mainPhoto dl{
	padding: 15px 140px 15px 15px;
}
#otherContents #glossary,
#otherContents #rec{
	width: 100%;
}
#otherContents dl{
	padding: 15px 100px 15px 15px;
}
#mainPhoto .title03{
	font-size: 140%;
}
#mainPhoto .txt{
	margin-bottom: 10px;
}

/*
	MESSAGE
*/
#messagePhoto{
	min-height: 180px;
	margin-bottom: 20px;
	background: url(/_recruit/images/message/main_smp.jpg) no-repeat left top #f3efe4;
}
#messagePhoto p{
	padding: 20px 20px 20px 100px;
	font-size: 100%;
	font-weight: nomal;
}

/*
	INTERVIEW PAGE
*/
#detailMain{
	padding: 0;
	background: none;
	border: none;
}
#detailMain .photo{
	width: 40%;
}
#detailMain .photo{
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #D7D7D7;
    padding: 3px;
}
#detailMain #profile{
	width: auto;
	padding: 0 44% 0 0;
	background: none;
}
#detailMain #profile #voice{
	margin-bottom: 10px;
	padding: 0;
	font-size: 140%;
}
#detailMain #profile dl{
	padding-top: 0;
	border-top: none;
}
#detailMain #profile dl dt{
	width: auto;
	padding-bottom: 5px;
	float: none;
}
#detailMain #profile dl dd{
	padding-left: 0;
}

.section table td:last-child{
	border-bottom: none;
}
.section table tr:last-child td{
	border-bottom: #ccc solid 1px;
}

/*
	ROOKIE PAGE
*/

/* Fixed Header adjust */
#rookieA .frame{
	padding-top:0px;
	margin-top:0px;
}

}