@charset "utf-8";
/* CSS Document */

#jobOfferForm { box-sizing:border-box; margin:20px auto 0; }

#jobOfferForm h3 { width:100%; background: #00aced ; padding:5px 7px; border:1px #222222 solid ; font-size:14px ; color:#FFFFFF ; box-sizing:border-box; margin: 10px auto 10px ; border-radius: 3px; }
#jobOfferForm .dred { font-size:10px;}
#jobOfferForm .req { font-size:11px; color:#fff000; } 

.blue { color:#0099e8 ; }
.jobOfferExp { line-height:22px; margin:20px auto ; font-size:14px; padding:10px 10px; color:#222222 ; text-align:left; }
.jobOfferExp2 { line-height:22px; margin:20px auto ; font-size:14px; font-weight:bold; text-align:center; color:#FF2828 }

.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:100%; padding:5px; border:1px #000000 solid ;box-shadow: 0 0 7px 0 rgba(0,0,0,0.05) ; border-radius:7px; box-sizing:border-box; }
#jobOfferForm input.inputS { width:25%;  }
#jobOfferForm input.inputM { width:50%;  }
#jobOfferForm input[type=radio] { width:40px; }
#jobOfferForm input[type=submit] { width:230px; margin-top: 20px; }


#jobOfferForm span.title { width:100%; display:block; font-weight:bold; padding:7px; border-bottom :2px #555555 solid ; margin-top:10px;  box-sizing:border-box; }

#jobOfferForm select { width:100%; padding:7px; border:1px #555555 solid ;box-shadow: 0 0 7px 0 rgba(0,0,0,0.05) ;  border-radius:7px; box-sizing:border-box; }
#jobOfferForm select.inputS { width:25%; padding:7px; border:1px #555555 solid ;box-shadow: 0 0 7px 0 rgba(0,0,0,0.05) ;  border-radius:7px; box-sizing:border-box; }


#jobOfferForm textarea { width:100%; padding:7px; border:1px #555555 solid ; box-shadow: 0 0 7px 0 rgba(0,0,0,0.05) ;  border-radius:7px;  box-sizing:border-box;  }

#jobOfferForm ul li {
  display: inline-block;
  width: 130px;
}
#jobOfferForm ul li input {
  width: 30px;
}

#confirmBox { width:100% !important; margin: 0 auto }
#confirmBox input[type=submit] { width:140px; margin-top: 30px; }


input.soushin {
    background: #0084ff none repeat scroll 0 0;
    border: 1px solid #005eb5 !important;
    border-radius: 4px;
    box-shadow: 2px 3px #005eb5 !important;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 5px;
    padding: 7px 0 !important;
    width: 100px;
}
input.soushinG {
    background: #1de20e none repeat scroll 0 0 !important;
    border: 1px solid #11cc02 !important ;
    box-shadow: 3px 5px #11cc02 !important;
}
input.soushin:hover {
    background: #2093ff none repeat scroll 0 0;
}