@charset "Shift_JIS";

/* ==================================================================

recruit.css

===================================================================== */

/* 
othersArea
---------------------------------------------------------------------- */
.othersArea {
	width: 100%;
	border-top: 1px dotted #E87684;
}

/* accordion */
.othersArea p.btnOthers{
	text-align: center;
}

.othersArea p.btnOthers.click {
	display: block;
	font-size: 1.3rem;
	text-decoration: none;
	background-color: #FFF;
	border-bottom: 1px dotted #E87684;
	padding: 10px;
}

	.othersArea p.btnOthers.click span {
		display: inline-block;
		background: url(../recruit/img/btn_open.jpg) no-repeat left 2px;
		background-size: 12px 12px;
		-webkit-background-size: 12px 12px;
		-moz-background-size: 12px 12px;
		-ms-background-size: 12px 12px;
		padding-left: 17px;
	}

.othersArea p.btnOthers.click.open {
	background-color: #FDF4F5;
	border-bottom: 2px solid #E87684;
}

	.othersArea p.btnOthers.click.open span {
		display: inline-block;
		background: url(../recruit/img/btn_close.jpg) no-repeat left 2px;
		background-size: 12px 12px;
		-webkit-background-size: 12px 12px;
		-moz-background-size: 12px 12px;
		-ms-background-size: 12px 12px;
		padding-left: 17px;
	}
	
.othersArea ul.opBox {/* open,closeが逆になるのを修正*/
	display: none;
	border-bottom: 2px solid #E87684;
}

.othersArea ul.opBox li {
	font-size: 1.3rem;
	width: 50%;
	float: left;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

	.othersArea ul.opBox li:nth-child(even) {
		border-right-style: none;
	}
	
	.othersArea ul.opBox li:nth-child(9),
	.othersArea ul.opBox li:nth-child(10) {
		border-bottom-style: none;
	}

.othersArea ul.opBox li a{
	display: block;
	text-decoration: none;
	color: #333333;
	background: url(../common/arw04.png) no-repeat 94% center;
	background-size: 11px 12px;
	-webkit-background-size: 11px 12px;
	-moz-background-size: 11px 12px;
	-ms-background-size: 11px 12px;
	padding: 13px 15px 10px;
}


/* 
recruitList
---------------------------------------------------------------------- */
.result {
	border-bottom: 2px solid #E87684;
	font-weight: normal;
	padding: 11px 5px 6px;
}
	.result span {
		color: #D80000;
		font-size: 2.0rem;
		margin-right: 3px;
	}

.recruitList a {
	color: #333333;
	text-decoration: none;
}
	
.recruitList dl{
	font-size: 1.3rem;
	background: url(../common/arw05.png) no-repeat 96% center;
	background-size: 22px 34px;
	-webkit-background-size: 22px 34px;
	-moz-background-size: 22px 34px;
	-ms-background-size: 22px 34px;
	border-bottom: 1px dotted #E87684;
	padding: 10px 40px 11px 10px;
}

	.recruitList a:nth-child(odd) dl {
		background-color: #FDF4F5;
	}

.recruitList dt,
#detailTtl dt {
	color: #D24D63;
	margin-bottom: 4px;
}

	dt.recruit01 {/* 急募 */
		background: url(../recruit/img/icon_recruit01.png) no-repeat left center;
		background-size: 50px 20px;
		-webkit-background-size: 50px 20px;
		-moz-background-size: 50px 20px;
		-ms-background-size: 50px 20px;
		padding-left: 55px;
	}
	
	dt.recruit02 {/* 高収入 */
		background: url(../recruit/img/icon_recruit02.png) no-repeat left center;
		background-size: 50px 20px;
		-webkit-background-size: 50px 20px;
		-moz-background-size: 50px 20px;
		-ms-background-size: 50px 20px;
		padding-left: 55px;
	}
	
	dt.recruit03 {/* 短期 */
		background: url(../recruit/img/icon_recruit03.png) no-repeat left center;
		background-size: 50px 20px;
		-webkit-background-size: 50px 20px;
		-moz-background-size: 50px 20px;
		-ms-background-size: 50px 20px;
		padding-left: 55px;
	}

.recruitList dd,
#detailTtl dd {
	line-height: 1.3em;
}


/* 
detailTtl
---------------------------------------------------------------------- */
#detailTtl {
	background-color: #FDF4F5;
	border-top: 2px solid #E87684;
	border-bottom: 1px dotted #E87684;
	padding: 10px;
	margin-bottom: 14px;
}

#detail {
}

/* table */
.tblDetail {
	width: 100%;
}

.tblDetail tr {
	border-bottom: 1px dotted #CCCCCC;
}

.tblDetail th {
	width: 30%;
	color: #D24C63;
	border-collapse:collapse;
	font-weight: normal;
	text-align: left;
	padding: 12px 8px;
}

.tblDetail td {
	width: 70%;
	border-collapse:collapse;
	padding: 12px 8px 12px 0;
}

/* btnBox */
.btnBox {
	padding: 15px 13px;
}

.btnBox ul li.entry {
	width: 100%;
	margin-bottom: 14px;
}

.btnBox ul li.entry a {
	display: block;
	color: #FFF;
	font-size: 1.3rem;
	text-align: center;
	text-decoration: none;
	background: #B7383C url(../common/arw02.png) no-repeat 96% center;
	-moz-background-size: 13px 20px; /* Firefox */
	-webkit-background-size: 13px 20px; /* Safari,Chromeなど */
	-ms-background-size: 13px 20px; /* ie */
	background-size: 13px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 13px 10px 11px;
}

.btnBox ul li.back {
	width: 120px;
	margin: 0 auto;
}

.btnBox ul li.back a {
	display: block;
	color: #333;
	font-size: 1.3rem;
	text-align: center;
	text-decoration: none;
	background: #EEEEEE url(../common/arw06.png) 12px center no-repeat;
	background-size: 10px 15px;
	-webkit-background-size: 10px 15px;
	-moz-background-size: 10px 15px;
	-ms-background-size: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 9px 15px 9px 25px;
}

.btnBack {
	width: 100%;
	/*text-align: right;
	padding: 8px 10px;*/
}

.btnBack a {
	color: #333;
	text-decoration: none;
	font-size: 1.2rem;
	width: 65px;
	float: right;
	text-align: right;
	background: url(../recruit/img/btn_back.jpg) no-repeat 5px center;
	-moz-background-size: 12px 12px; /* Firefox */
	-webkit-background-size: 12px 12px; /* Safari,Chromeなど */
	-ms-background-size: 12px 12px; /* ie */
	background-size: 12px 12px;
	padding: 8px 10px 8px 18px;
}