/* ////////////////////////////////////////////////////////////////////

index.html

//////////////////////////////////////////////////////////////////// */

/*=====================================================================
#job-list
===================================================================== */
#job-list h2{
	margin-bottom:0;
}
#job-list #change-conditions{
	display:none;
	margin-top:20px;
	margin-bottom:20px;
}
/*.box*/
#job-list .box{
	position:relative;
	padding:5px 0 20px 0;
	border-bottom:2px dotted #DDD;
	overflow:hidden;
	zom:1;
}
#job-list .box .ttl{
	margin-bottom:5px;
	font-size:125%;
	font-weight:bold;
}
#job-list .box .new:after{
	display:inline-block;
	content:"　";
	width:47px;
	height:1.2em;
	background-image:url(../../../common/img/icon_new02.png);
	background-image:url(../img/icon_new02_ie.png)\9; /*IE8以下*/
	background-repeat: no-repeat;
	background-position:center center;
	background-size: 47px 15px;
}
#job-list .box .cate{}
#job-list .box .date{
	margin-bottom:5px;
	text-align:right;
	font-size:94%;
}
#job-list .box .job-serial{
	padding-top:5px;
	text-align:right;
	font-size:94%;
}
/*.table-type01*/
#job-list .table-type01{
	margin-bottom:15px;
}
#job-list .table-type01 th,
#job-list .table-type01 td{
	padding:3px 10px;
}
#job-list .table-type01 th{
	width:10em;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}
/*.btn*/
#job-list .btn li{
	float:left;
	width:48%;
	margin:0 1%;
	border:2px solid #FF9900;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px; 
}
#job-list .btn li.detail{
	border:2px solid #009FE8;
}
#job-list .btn li a{
	border:2px solid #FFF;
}
/*.list-pager*/
#job-list .list-pager{
	margin-top:30px;
}

@media screen and (max-width:768px){
	#job-list #change-conditions{
		display:block;
	}
}


@media screen and (max-width:568px){
	/*=====================================================================
	#job-list
	===================================================================== */
	#job-list .box{
		padding:5px 0 15px 0;
	}
	/*.table-type01*/
	#job-list .table-type01 th,
	#job-list .table-type01 td{
		padding:3px 5px;
	}
	#job-list .table-type01 th{
		width:6em;
	}
	/*.btn*/
	#job-list .btn li{
		float:none;
		width:90%;
		margin:0 auto;
		margin-bottom:5px;
	}

}

/* ////////////////////////////////////////////////////////////////////

detail.html

//////////////////////////////////////////////////////////////////// */

/*=====================================================================
#job-detail
===================================================================== */
#job-detail section{
	margin-bottom:30px;
}
#job-detail h3{
	position:relative;
	margin-bottom:20px;
	padding-left:50px;
	font-size:125%;
	font-weight:bold;
	color:#009FE8;
}
#job-detail h3 span{
	display:block;
	width:45px;
	
	position:absolute;
	left:0;
	top:50%;
	margin-top:-19px;
}
#job-detail .job-serial{
	text-align:right;
	font-size:94%;
	margin-top:-25px;
	margin-bottom:5px;
}
/*.outline*/
#job-detail .outline{
	padding-bottom:40px;
	background-image:url(../../../common/img/flow_arrow01.png);
	background-image:url(../../../common/img/flow_arrow01_ie.png)\9; /*IE8以下*/
	background-size:25px 22px;
	background-repeat:no-repeat;
	background-position:center bottom;
}
#job-detail .outline table th{
	width:12em;
	text-align:left;
}
#job-detail .outline table th,
#job-detail .outline table td{
	padding:15px;
}
/*.btn*/
#job-detail .btn{
	width:80%;
	margin:-10px auto 0 auto;
}
#job-detail .btn .entry{
	margin-bottom:30px;
	border:2px solid #FF9900;
}
#job-detail .btn .entry a{
	border:2px solid #FFF;
}
#job-detail .btn .entry .btn-type01{
	padding:10px 5px;
	font-size:125%;
}
#job-detail .btn .entry .btn-type01:before{
	content:"　";
	display:inline-block;
	width:22px;
	height:22px;
	background-image:none;
	position:static;
	margin-top:0;
}
#job-detail .btn .entry .btn-type01:after{
	content:"　";
	display:block;
	width:1.5em;
	heigh:22px;
	background-image:url(../../../common/img/icon_check.png);
	background-image:url(../../../common/img/icon_check_ie.png)\9; /*IE8以下*/
	background-size:22px 22px;
	background-repeat:no-repeat;
	background-position:center center;
	
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-5.5em;
	margin-top:-11px;
}

@media screen and (max-width:568px){

	/*=====================================================================
	#job-detail
	===================================================================== */
	#job-detail h3{
		font-size:116%;
	}
	#job-detail .job-serial{
		margin-top:-15px;
	}
	/*.outline*/
	#job-detail .outline{
		padding-bottom:30px;
	}
	#job-detail .outline table th{
		width:7em;
	}
	#job-detail .outline table th,
	#job-detail .outline table td{
		padding:5px;
	}
	/*.btn*/
	#job-detail .btn{
		width:90%;
		margin:-20px auto 0 auto;
	}
	#job-detail .btn .entry .btn-type01{
		font-size:116%;
	}

}