/**
 * Recruit index css.
 */

/* [mainbody] Setting.
--------------------------------------*/
.mainbody div.separateline {
	margin: 10px 0px;
	width: 720px;
}
.mainbody div.separateline .alignright {
	left: 717px;	
}
.mainbody div.separateline .border {
	width: 708px;
}
.mainbody .mainBodyLeft div.separateline,
.mainbody .mainBodyRight div.separateline {
	margin: 10px 0px;
	width: 345px;
}
.mainbody .mainBodyLeft div.separateline .alignright,
.mainbody .mainBodyRight div.separateline .alignright {
	left: 342px;	
}
.mainbody .mainBodyLeft div.separateline .border,
.mainbody .mainBodyRight div.separateline .border {
	width: 333px;
}
.mainbody .mainBodyLeft {
	float: left;
	margin-right: 30px;
	padding-top: 10px;
	width: 345px;
}
.mainbody .mainBodyRight {
	float: right;
	padding-top: 10px;
	width: 345px;
}
.mainbody .mainBodyLeft .staffInterview img {	
	display: block;
}
.mainbody .mainBodyLeft .staffInterview table {
	width: 345px;	
}
.mainbody .mainBodyLeft .staffInterview th {
	width: 40px;
	color: #e6e3ac;
	line-height: 1.5;
	vertical-align: top;
}
.mainbody .mainBodyLeft .staffInterview td {
	padding-bottom: 21px;
	width: 305px;
	line-height: 1.5;
}
.mainbody .mainBodyLeft .staffInterview tr.end td {
	padding-bottom: 0px;
}
.mainbody .mainBodyRight .stafflist .staffDetail img {
	display: block;
}
.mainbody .mainBodyRight .stafflist .staffDetail .left {
	width: 110px;
}
.mainbody .mainBodyRight .stafflist .staffDetail .right {
	padding-left: 10px;
	width: 225px;
}
.mainbody .mainBodyRight .stafflist .staffDetail .right img {
	margin: 10px 0px;	
}

.mainbody .mainBodyRight .recruitinfo {
	padding-top: 3px;
}
.mainbody .mainBodyRight .recruitinfo img {	
	display: block;
}
.mainbody .mainBodyRight .recruitinfo table {
	width: 345px;	
}
.mainbody .mainBodyRight .recruitinfo th {
	color: #e6e3ac;
	line-height: 1.5;
	vertical-align: top;
}
.mainbody .mainBodyRight .recruitinfo td {
	padding-bottom: 10px;
	line-height: 1.5;
	text-align: right;
}
.mainbody .mainBodyLeft .recruitHowto img {
	display: block;	
}
.mainbody .mainBodyLeft .recruitHowto li {
	margin-bottom: 10px;
	padding: 10px;
	width: 325px;
	background-color: #50463c;
}
.mainbody .mainBodyLeft .recruitHowto li.end {
	margin-bottom: 0px;
}
.mainbody .mainBodyLeft .recruitHowto li p.tel {
	color: #ffff00;	
}
.mainbody .mainBodyLeft .recruitHowto li p.both {
	padding-top: 5px;	
}
.mainbody .mainBodyLeft .company {
	padding-top: 10px;
}	
.mainbody .mainBodyLeft .company img {
	display: block;
}
.mainbody .mainBodyLeft .company .left {
	width: 235px;
}
.mainbody .mainBodyLeft .company .left table {
	width: 220px;	
}
.mainbody .mainBodyLeft .company .left th {
	color: #e6e3ac;
	line-height: 1.5;
	vertical-align: top;
}
.mainbody .mainBodyLeft .company .left td {
	padding-bottom: 5px;
	line-height: 1.5;
	text-align: right;
}
.mainbody .mainBodyLeft .company .right {
	width: 110px;
}
.mainbody .mainBodyRight .schedule img.title {
	display: block;
}
.mainbody .mainBodyRight .schedule table {
	width: 345px;
}
.mainbody .mainBodyRight .schedule th {
	padding-top: 10px;
	width: 50px;
	background-color: #50463c;
	line-height: 1.5;
	text-align: center;
	vertical-align: top;
	color: #e6e3ac;
}
.mainbody .mainBodyRight .schedule td {
	padding-left: 15px;
	width: 280px;
	line-height: 1.5;
}
.mainbody .mainBodyRight .schedule td dt {
	margin-top: 20px;
	padding: 10px;
	width: 260px;
	background-color: #281e14;	
}
.mainbody .mainBodyRight .schedule td dt.top {
	margin-top: 0px;
}
.mainbody .mainBodyRight .schedule td dd li {
	padding-top: 10px;
}
.mainbody .mainBodyRight .schedule td dd ul.float li {
	float: left;
	width: 132px;
}
.mainbody .mainBodyRight .schedule td dd p {
	padding-top: 10px;
}