@import "share.css";

/*----------基本------------*/

#recruit #left h4 {
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 15px;
	padding: 0;
	}

#recruit h5 {
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 5px 10px;
	padding: 0;
	}

#recruit table {
	width: 580px;
	border: 0;
	border-collapse: collapse;
	margin: 0 0 10px 10px;
	padding: 0;
	}

#recruit table tr {
	margin: 0;
	padding: 0;
	}

#recruit table th {
	border: 1px solid #FFFFFF;
	text-align: center;
	background: #E0D7B0;
	margin: 0;
	padding: 5px 10px;
	}

#recruit table th.th1 {
	width: 80px;
	}

#recruit table th.th2 {
	width: 100px;
	}

#recruit table th.th3 {
	width: 40px;
	}

#recruit table th.th4 {
	width: 236px;
	}

#recruit table th.th5 {
	width: 40px;
	}

#recruit table td {
	text-align: center;
	border: 1px solid #FFFFFF;
	background: #EFEBDC;
	margin: 0;
	padding: 5px 10px;
	}

#recruit table td.ps {
	text-align: left;
	}

#recruit p.btnFlow {
	width: 600px;
	text-align: center;
	margin: 0 0 30px;
	padding: 0;
	}

#recruit table.portal {
	width: 580px;
	margin: 0 0 15px 10px;
	padding: 0;
	}

#recruit table.portal tr {
	margin: 0;
	padding: 0;
	}

#recruit table.portal th {
	text-align: center;
	background: #FFF;
	margin: 0;
	padding: 5px 10px;
	}

#recruit table.portal td {
	text-align: center;
	background: #FFF;
	margin: 0;
	padding: 0 10px;
	}

/*#recruit .portal {
	width: 580px;
	margin: 0 0 15px 10px;
	padding: 15px 0 30px;
	}

#recruit .portal p {
	width: 33%;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	}*/

#recruit p.telTxt {
	width: 580px;
	text-align: left;
	margin: 10px 0 10px 20px;
	padding: 0;
	}

#recruit p.tel {
	width: 600px;
	text-align: center;
	margin: 0 0 30px;
	padding: 0;
	clear: both;
	}


/*----------社長メッセージ------------*/

#recruit p.catchBoss {
	margin: 0 0 10px;
	padding: 0;
	}

#recruit p.catchBoss2 {
	margin: 10px 0;
	padding: 0;
	}

#recruit .bossTxt {
	width: 400px;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	}

#recruit .bossTxt2 {
	margin: 0 0 30px;
	padding: 0 0 0 10px;
	clear: both;
	}

#recruit p.bossPhoto {
	width: 176px;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
	}

#recruit p.bossName {
	width: 590px;
	text-align: right;
	background: #F4F1E2;
	margin: 0 0 20px;
	padding: 8px;
	clear: both;
	}


/*----------人事担当メッセージ------------*/

#recruit .message {
	width: 580px;
	background: url(../images/share/line_dotted.gif) repeat-x 0% 100%;
	margin: 0 0 20px 10px;
	padding: 0 0 10px;
	}

#recruit .message .messageLeft {
	width: 390px;
	float: left;
	margin: 0;
	padding: 0;
	}

#recruit .message .messageLeft h5 {
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 10px;
	padding: 0;
	}

#recruit .message p {
	width: 390px;
	float: left;
	margin: 0 0 10px;
	padding: 0;
	}

#recruit .message p.photo {
	width: 168px;
	float: right;
	line-height: 150%;
	text-align: center;
	margin: 0 0 10px;
	padding: 0 2px 0 0;
	}

#recruit .whats {
	width: 578px;
	background: url(../images/recruit/bg_whats_is_kohri.gif) no-repeat 0% 100%;
	margin: 0 0 0 10px;
	padding: 0;
	}

#recruit .whats h6 {
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 10px;
	padding: 0;
	}

#recruit .whats p {
	margin: 0 23px;
	padding: 0 0 20px;
	}

#recruit p.arrowWhats {
	width: 578px;
	font-size: 1px;
	line-height: 0%;
	text-align: center;
	margin: 0 0 10px 10px;
	padding: 0;
	}

#recruit .catchMessage {
	width: 578px;
	background: url(../images/recruit/bg_message_02.gif) no-repeat 0% 100%;
	margin: 0 0 30px 10px;
	padding: 0;
	}

#recruit .catchMessage h6 {
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 10px;
	padding: 0;
	}

#recruit .catchMessage p {
	margin: 0 23px;
	padding: 0 0 15px;
	}

#recruit ul.lnavi {
	width: 578px;
	font-size: 1px;
	line-height: 0%;
	text-align: center;
	margin: 0 0 10px 10px;
	padding: 0;
	}

#recruit ul.lnavi li {
	display: inline;
	margin: 0 5px;
	padding: 0;
	}


/*----------フォーム------------*/

#recruit p.formDescription {
	width: 580px;
	text-align: left;
	margin: 0 0 10px 10px;
	padding: 0;
	}

#recruit .red {
	color: #FF0000;
	}

#recruit table.entryForm {
	width: 580px;
	border: 0;
	border-collapse: collapse;
	margin: 0 0 20px 10px;
	padding: 0;
	}

#recruit table.entryForm tr {
	margin: 0;
	padding: 0;
	}

#recruit table.entryForm th {
	width: 140px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #FFFFFF;
	background: #DDDDDD;
	margin: 0;
	padding: 10px;
	}

#recruit table.entryForm td {
	text-align: left;
	line-height: 160%;
	border: 1px solid #FFFFFF;
	background: #F0F0F0;
	margin: 0;
	padding: 10px;
	}

#recruit table.entryForm td label {
	margin: 0 10px 0 0;
	padding: 0;
	}

#recruit table.entryForm td .exa {
	font-size: 85%;
	}

#recruit table.entryForm td ul {
	margin: 0;
	padding: 0;
	}

#recruit table.entryForm td ul li {
	margin: 0 0 5px;
	padding: 0;
	}

#recruit table.entryForm td ul li.end {
	margin: 0;
	padding: 0;
	}

#recruit table.entryForm td.checks {
	margin: 0;
	padding: 10px 10px 5px 10px;
	}

#recruit table.entryForm td.checks label {
	width: 140px;
	float: left;
	margin: 0 0 5px;
	padding: 0;
	}

#recruit .handling {
	width: 560px;
	text-align: center;
	background: #FCF6E3;
	margin: 0 10px 15px;
	padding: 10px;
	}

#recruit .handling p {
	width: 560px;
	text-align: left;
	margin: 0 0 10px;
	padding: 0;
	}

#recruit .handling textarea {
	margin: 0 0 15px;
	padding: 0;
	}

#recruit .handling label {
	margin: 0;
	padding: 0 10px;
	}

#recruit p.preview {
	width: 580px;
	text-align: center;
	margin: 0 0 15px;
	padding: 0;
	}

#recruit .finish {
	width: 560px;
	text-align: center;
	background: #FCF6E3;
	margin: 0 10px;
	padding: 10px;
	}

#recruit .finish p {
	margin: 0 0 10px;
	padding: 0;
	}

#recruit .finish p.finishTxt {
	font-size: 120%;
	font-weight: bold;
	margin: 10px 0 20px;
	padding: 0;
	}


/*----------先輩インタビュー／一覧------------*/

#recruit p.imgInterview {
	width: 580px;
	text-align: left;
	margin: 0 0 20px 10px;
	padding: 0;
	}

#recruit p.descriptionIV {
	width: 580px;
	border-bottom: 1px solid #999999;
	margin: 0 0 20px 10px;
	padding: 0 0 10px;
	}

#recruit .interviewList {
	width: 580px;
	margin: 0 0 20px 10px;
	padding: 0;
	}

#recruit .interviewListLeft {
	width: 280px;
	float: left;
	background: url(../images/recruit/bg_interview.gif) no-repeat 100% 100%;
	margin: 0;
	padding: 0;
	}

#recruit .interviewListRight {
	width: 280px;
	float: right;
	background: url(../images/recruit/bg_interview.gif) no-repeat 100% 100%;
	margin: 0;
	padding: 0;
	}

#recruit #left .interviewList h4.interview {
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 5px;
	padding: 0;
	}

#recruit .interviewList p.listPhoto {
	width: 104px;
	float: left;
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 5px;
	padding: 0 0 0 30px;
	}

#recruit .interviewList .listRight {
	width: 134px;
	float: right;
	text-align: left;
	margin: 0 0 5px;
	padding: 0 2px 0 0;
	}

#recruit .interviewList .listRight h5 {
	width: 134px;
	font-size: 1px;
	line-height: 0%;
	margin: 0 0 10px;
	padding: 0;
	}

#recruit .interviewList .listRight p {
	line-height: 140%;
	margin: 0 0 5px;
	padding: 0;
	}

#recruit .interviewList .listRight p a {
	background: url(../images/share/arrow_orange.gif) no-repeat 0% 50%;
	margin: 0;
	padding: 0 0 0 15px;
	}


/*----------先輩インタビュー／個別------------*/

#recruit .interviewInfo {
	width: 580px;
	text-align: left;
	background: url(../images/recruit/bg_interview_long.gif) no-repeat 100% 100%;
	margin: 0 0 20px 10px;
	padding: 0;
	}

#recruit .interviewInfo p.photo {
	width: 136px;
	float: left;
	margin: 0 0 5px;
	padding: 0;
	}

#recruit .interviewInfo p.catch {
	width: 436px;
	float: right;
	margin: 0;
	padding: 0;
	}

#recruit .interviewInfo h5 {
	width: 436px;
	float: right;
	margin: 0 0 10px;
	padding: 0;
	}

#recruit .interviewInfo p.txt {
	width: 436px;
	float: right;
	line-height: 140%;
	margin: 0 0 10px;
	padding: 0;
	}

#recruit .question {
	width: 580px;
	background: url(../images/recruit/bg_question_body.gif) no-repeat 0% 100%;
	margin: 0 0 20px 10px;
	padding: 0;
	}

#recruit .question h6 {
	width: 464px;
	font-size: 120%;
	font-weight: bold;
	background: url(../images/recruit/bg_question_title.gif) no-repeat 0% 0%;
	margin: 0 0 10px;
	padding: 11px 10px 11px 106px;
	}

#recruit .question p {
	line-height: 150%;
	margin: 0;
	padding: 0 20px 13px;
	}

#recruit .question p img {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
	}


/*----------募集要項------------*/

#recruit table.entry {
	width: 580px;
	border: 0;
	border-collapse: collapse;
	margin: 0 0 20px 10px;
	padding: 0;
	}

#recruit table.entry tr {
	margin: 0;
	padding: 0;
	}

#recruit table.entry th {
	width: 150px;
	border: 1px solid #FFFFFF;
	text-align: center;
	background: #DDDDDD;
	margin: 0;
	padding: 10px;
	}

#recruit table.entry td {
	text-align: left;
	border: 1px solid #FFFFFF;
	background: #F0F0F0;
	margin: 0;
	padding: 10px;
	}

#recruit table.entry td.p {
	padding: 10px 10px 0 10px;
	}


/*----------採用の流れ------------*/

#recruit dl.flow {
	width: 580px;
	background: url(../images/recruit/bg_flow_step.gif) no-repeat 0% 100%;
	margin: 0 0 0 10px;
	padding: 0;
	}

#recruit dl.flow dt {
	font-size: 1px;
	line-height: 0%;
	margin: 0;
	padding: 0;
	}

#recruit dl.flow dd {
	line-height: 140%;
	margin: 0;
	padding: 10px 10px 10px 43px;
	}

#recruit p.arrowUnder {
	width: 580px;
	text-align: center;
	margin: 10px 0;
	padding: 0;
	}

#recruit p.caution {
	width: 580px;
	text-align: right;
	margin: 5px 0 5px 10px;
	padding: 0;
	}


/* 080731追加 */

#recruit table.explanation tr.odd th,
#recruit table.explanation tr.odd td {
	background: #f8f7f2;
}

#recruit table.explanation th {
	padding: 5px;
	text-align: center;
	border: 1px solid #c4bc98;
}

#recruit table.explanation td {
	padding: 5px;
	border: 1px solid #c4bc98;
}

#recruit table.explanation td span {
	font-size: 0.7em;
	display: block;
}

#recruit table.explanation td dl {
	margin-bottom: -10px;
}

#recruit table.explanation td dl dt {
	font-weight: bold;
	margin: 0;
}

#recruit table.explanation td dl dd {
	margin-bottom: 10px;
}

#recruit table.explanation td dl dd ul {
	list-style: disc;
	margin: 0 0 0 20px;
}


#recruit table.explanation th.th1 {
	width: 70px;
}

#recruit table.explanation th.th2 {
	width: 65px;
}

#recruit table.explanation th.th3 {
	width: 75px;
}

#recruit table.explanation th.th4 {
	width: 286px;
}

#recruit table.explanation th.th5 {
	width: 30px;
}