@charset "utf-8";
/* CSS Document */

#jobOfferForm { box-sizing:border-box; margin:0 auto 0; }

#jobOfferForm table { width:95%  ; margin: 0 auto; }
#jobOfferForm table tr{ border-bottom:1px #dedede dashed ; }
#jobOfferForm table th{ width:410px ; padding: 14px 10px 10px 20px ; vertical-align: top; text-align: left; color:#222222; font-size:15px; font-weight:bold; }
#jobOfferForm table td{ width:450px ; padding:14px 0 14px; vertical-align: top; text-align:left; font-size:15px; }
#jobOfferForm .dred { font-size:10px;}
#jobOfferForm .req {
	background: #00aced;
	padding: 1px 5px;
	border-radius: 30px;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}
#jobOfferForm table td span.title { border-top:1px dashed #CCCCCC ; display:block; padding:5px; font-weight:bold; }
#jobOfferForm table td span.title:first-child { border-top: none}

.jobOfferExp { line-height:22px; margin:40px auto 80px ; padding:25px 60px; color:#222222 ; font-size:14px; }
.jobOfferExp2 { line-height:22px; margin:20px auto ; font-size:16px; font-weight:bold; text-align:center; color:#FF2828 }

.jobQA { width:100%; background:url(../images/shop/line.png) center bottom no-repeat ; padding:20px 15px; }
.jobQA h2 { color:#6495ed ; font-weight:bold; }
.jobQA p { padding:10px; }

.jobReqBox { width:100%; background:url(../images/shop/line.png) center bottom no-repeat ; padding:20px 15px; }
.reqL { width:25%; text-align:center; float:left; }
.reqL span{ background:#60F311; padding:3px 7px; color:#FFFFFF; font-weight:bold;  border-radius:7px; }
.reqR { width:75%; float:left; }



.errorExp span {  background:#FF00B6 ; color:#FFFFFF; display:inline-block; padding:5px 7px; border-radius:7px; margin-bottom:5px;}
span.error {  background:#1AFF00 ; color:#FFFFFF; display:inline-block; padding:3px 5px; border-radius:7px; margin-top:5px; font-size:12px;}

#jobOfferForm input { width:380px; padding:5px 7px; border:1px #111111 solid ;box-shadow: 0 0 5px 0 rgba(0,0,0,0.3) ; border-radius:5px;  }
#jobOfferForm select.inputS { width:122px;  }
#jobOfferForm input.inputS { width:105px;  }
#jobOfferForm ul{ list-style:none;  }
#jobOfferForm ul li{ width:180px; display:inline-block; }
#jobOfferForm ul li input { width:30px; }

#jobOfferForm input[type=radio] { width:40px; }
#jobOfferForm input[type=submit] { width:330px; margin-top: 30px; }

#jobOfferForm select { width:395px; padding:5px 7px; border:1px #111111 solid ;box-shadow: 0 0 5px 0 rgba(0,0,0,0.3) ;  border-radius:5px;  }
#jobOfferForm textarea { width:380px; padding:5px 7px; border:1px #111111 solid ; box-shadow: 0 0 5px 0 rgba(0,0,0,0.3) ;  border-radius:5px; }

#confirmBox { width:500px !important; margin: 0 auto }
#confirmBox td{ width:200px !important; padding: 0 0 !important }
#confirmBox tr{ border-bottom:none !important ; }

#confirmBox input[type=submit] { width:250px; margin-top: 30px; }

input.soushin { width:150px; border-radius:4px; background:#0084ff ; font-size:18px; font-weight:bold; color:#FFFFFF ; box-shadow: 3px 5px #005eb5 !important ; border:1px solid #005eb5 !important ; margin:10px 50px; cursor: pointer; padding:10px 0 !important ; } 
input.soushinG { background:#1de20e ; box-shadow: 3px 3px #11cc02 !important ;  border:1px solid #11cc02 !important} 

input.soushin:hover { background:#2093ff ; } 
	