@charset "utf-8";

#recruit_conts{
	width: 670px;
	margin-top: 20px;
	}

#recruit_conts .jobbox{
	width: 670px;
	background: url(/recruit/img/bg-jobbox-upper.gif) left top no-repeat;
	margin-bottom: 15px;
	}
#recruit_conts .jobbox-in{
	width: 670px;
	padding: 0px 15px 44px 15px;
	background: url(/recruit/img/bg-jobbox-lower.gif) left bottom no-repeat;
	}
html>body #recruit_conts .jobbox-in{
	width: 640px;
	}

#recruit_conts .jobbox .jobbox-main{
	width: 445px;
	float: right;
	}
#recruit_conts .jobbox .jobbox-img{
	width: 182px;
	float: left;
	}
	
	
/* no image ver. */
#recruit_conts .jobbox .jobbox-main2{
	width: 600px;
	margin-left: 20px;
	}
	
	

#recruit_conts .jobbox h3{
	font-size:0.9em;
	background: url(/recruit/img/bg-jobhead.gif) left bottom no-repeat;
	padding: 25px 0px 10px 0px;
	margin-bottom: 15px;
	}
#recruit_conts .jobbox h4{
	color: #fb7d02;
	font-size: 0.75em;
	}
#recruit_conts .jobbox p{
	font-size: 0.75em;
	line-height: 1.5em;
	padding: 10px 0px 25px;
	}
#recruit_conts .jobbox dl{
	width: 424px;
	padding: 0.2em 0;
	font-size: 0.75em;
	line-height: 1.5em;
	}
	#recruit_conts .jobbox dt{
		width: 125px;
		padding-left: 8px;
		font-weight: bold;
		float: left;
		}
	#recruit_conts .jobbox dd{
		width: 291px;
		float: left;
		}
	#recruit_conts .jobbox dd.jobclr{
		width: 0.1em;
		height: 0.1px;
		overflow: hidden;
		float: none;
		clear: left;
		}
		
#recruit_conts .jobbox dl.oncolor{
	background-color: #fff1e4;
	}
	
/* reason
---------------------------------------------- */	
#job-reason{
	width: 660px;
	margin: 0px 5px;
	}
#job-reason .tab,#job-reason .tab ul{
	width: 660px;
	}
#job-reason .tab li{
	width: 330px;
	height: 42px;
	float: left;
	}
#job-reason .tab li a{
	display: block;
	width: 330px;
	height: 42px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	}
#job-reason .tab li a:hover{ background-position: 0 -42px; }
#job-reason .tab li.tab01 a{ background-image: url(/recruit/img/tab-job.gif); }
#job-reason .tab li.tab02 a{ background-image: url(/recruit/img/tab-reason.gif); }
#job-reason .tab li a.nav-on{ background-position: 0 -84px; cursor: default; }
#job-reason .tab li a.nav-on:hover{ background-position: 0 -84px; cursor: default; }


#reason-in{
	width: 660px;
	margin-top: 15px;
	background: url(/recruit/img/bg-reason.gif) left top repeat-y;
	}

#job-reason table{
	border-collapse: collapse;
	border-spacing: none;
	width: 660px;
	}
#job-reason table td{
	background:url(/recruit/img/bg-reason-in.gif) left bottom no-repeat;
	}
	
#job-reason table .left-box{
	padding-right: 40px;
	}
#job-reason table dl{
	width: 310px;
	padding: 12px 0px 20px 0px;
	font-size: 0.75em;
	}
#job-reason table dt{
	color: #fb7102;
	font-weight: bold;
	line-height: 2.0em;
	}
#job-reason table dd{
	line-height: 1.6em;
	}
	
	
/* training */
#job-training{
	width: 660px;
	margin-top: 20px;
	background: url(/recruit/img/bg-training-upper.gif) left top no-repeat;
	}
#job-training div{
	width: 639px;
	padding: 13px 14px 25px 7px; 
	background: url(/recruit/img/bg-training-lower.gif) left bottom no-repeat;
	}
#job-training dl{
	width: 639px;
	padding-right: 335px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 0.75em;
	line-height: 1.5em;
	}
	
html>body #job-training dl{
	width: 304px;
	}

#job-training dl.training01{ background-image: url(/recruit/img/photo-training01.jpg); }
#job-training dl.training02{ background-image: url(/recruit/img/photo-training02.jpg); }

#job-training dd{
	margin-top: 10px;
	padding: 0px 5px;
	}