/* 採用トップ */
#topImgHolder { height: 120px; background: url(../recruit/images/recruit_top_img.jpg) no-repeat 0 0; }
#topImgHolder h2 { padding-left: 30px; display: table-cell; height: 120px; vertical-align: middle; }
#topImgHolder h2 span { display: block; }
#topImgHolder h2 span.jp { color: #324FE1; font-size: 29px; }
#topImgHolder h2 span.eg { color: #3261C3; font-size: 19px; }

#leadTextHolder { color: #fff; margin: 10px 0 0 30px; padding: 15px 25px; background: #5573F5 url(../recruit/images/recruiter.jpg) no-repeat right bottom; }
#leadTextHolder h3 { font-weight: bold; font-size: 23px; }

#navLinksHolder { margin: 20px 0 0 30px; }
#navLinksHolder li { display: inline-block; width: 24.5%; font-size: 17px; }
#navLinksHolder li a { padding: 160px 0 15px 15px; border: 1px solid #EBEBEB; display: block; background-repeat: no-repeat; background-position: 0 0; }
#jobcategory a { background-image: url(../recruit/images/recruit_img_1.jpg); }
#howtoapply a { background-image: url(../recruit/images/recruit_img_2.jpg); }
#message a { background: url(../recruit/images/recruit_img_3.jpg); }
#company a { background-image: url(../recruit/images/recruit_img_4.jpg); }

/* ナビゲーション */
#topnav { margin-bottom: 25px; text-align: center; }
#topnav li { padding: 5px 30px; display: inline-block; }

/* 募集要項 */
h2#heading { background: url(../recruit/images/bg_heading.png) repeat-x left bottom; font-size: 31px; }

#typeList { margin-top: 25px; padding: 10px 20px 15px; border: 1px solid #D6D6D6; box-shadow: rgba(238, 238, 238, 0.8) 0px 0px 3px 3px; -webkit-box-shadow: rgba(238, 238, 238, 0.8) 0px 0px 3px 3px; -moz-box-shadow: rgba(238, 238, 238, 0.8) 0px 0px 3px 3px; display: inline-block; }
#typeList h3 { font-weight: bold; }
#typeList li { margin-right: 5px; display: inline-block; }
#typeList li a { padding: 0 10px; box-shadow: 2px 2px 1px #D8D8D8; display: block; height: 70px; background: #EAEAEA no-repeat right top; font-weight: bold; font-size: 17px; line-height: 70px; }
#typeList li.cons a { color: #1B5E92; background-image: url(../recruit/images/bg_cons.png); }
#typeList li.asis a { color: #CD2B61; background-image: url(../recruit/images/bg_asis.png); }

.guideline h3 { color: #fff; margin: 25px 0 15px; padding: 2px 20px; border-radius: 1px; display: inline-block; font-size: 19px; }
#consultant h3 { background: #1B5E92; }
#assistant h3 { background: #CD2B61;}
.guideline table { margin-bottom: 25px; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8; }
.guideline th { padding: 10px 15px; border-top: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; width: 10em; font-weight: bold; text-align: right; vertical-align: top; }
#consultant th { color: #5491B6; background: #E3EEF5; }
#assistant th { color: #F77878; background: #F9E5E5; }
.guideline td { padding: 10px 15px; border-top: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; background: #FFF6E5; }
.guideline td ul { margin-left: 2em; list-style: disc inside; }
.guideline td .anchor { color: #CC0000; padding-left: 15px; background:url(../recruit/images/a_r_01.png) left center no-repeat; font-weight: bold; font-size: 17px; }

#applyBtn { text-align: center; }
#applyBtn a { color: #fff; padding: 5px 30px; border-radius: 3px; display: inline-block; background: #CC0000; font-size: 21px; }
#applyBtn a:before { margin-right: 15px; float: left; width: 10px; height: 35px; content: ''; background: url(../recruit/images/a_r_02.png) no-repeat left center; }

/* 応募フォーム */
#he_title { padding: 10px 25px; border-top: 3px solid #F03B43; background: #E4E4EC; }
#he_title h2 { color: #F03B43; margin-right: 30px; font-size: 29px; }
#he_title * { display: inline-block; vertical-align: top; }

#applyForm:before { display: block; height: 104px; content: ''; background: url(../recruit/images/orange_down_arrow.gif) no-repeat center top; }
#applyForm h2 { color: #fff; padding-left: 20px; border-radius: 5px; background: #F03B43; font-size: 29px; }
#applyForm fieldset { margin-top: 15px; padding: 5px 0; border: 1px solid #E4E4E4; }
#applyForm legend { margin: 8px 0 0 20px; padding-left: 20px; float: left; width: 110px; background: url(../recruit/images/bullet_square1.gif) no-repeat left center; font-weight: bold; }
#applyForm table { }
#applyForm th, #applyForm td { padding: 5px 10px; }
#applyForm th label { color: #EF9E10; display: inline-block; width: 130px; font-weight: bold; }
#applyForm th span.required { color: #fff; padding: 0 3px; border-radius: 2px; background: #FF0000; font-size: 11px; }
#applyForm input.text { padding: 4px; }
#applyForm select { padding: 4px; }
#applyForm textarea { padding: 4px; }
#fAddress input { width: 400px; }
#fName input, #fNameKana input, #fTel input { width: 160px; }
#fMail input, #fUniversity input, #fDepartment input { width: 550px; }
#fWorkHistory textarea { width: 630px; }

#applyForm .example { text-align: right; }

#applyForm #submit { margin: 20px 0 100px 0; text-align: center; }
#applyForm #submitButton { color: #fff; margin: 10px auto 0; padding: 10px 88px; border: 0; border-radius: 3px; display: block; background: #F06F04; font-weight: bold; font-size: 25px; text-shadow: 1px 1px 0 #F03B43; letter-spacing: 0.5em; cursor: pointer; }
#applyForm #submitButton:hover { text-decoration: underline; }

/* 職歴記入例 */
#workhistory-ex-header { padding: 0 12px 0 22px; height: 40px; background: #2A37A1; }
#workhistory-ex-header h1 { color: #fff; float: left; font-weight: bold; font-size: 23px; line-height: 40px; }
#workhistory-ex-header .close { float: right; line-height: 40px; }
#workhistory-ex-header .close a { color: #fff; }
#workhistory-ex-header .close img { margin-left: 10px; vertical-align: middle; }
#workhistory-ex-main { padding: 0 41px; clear: both; }
#workhistory-ex-main h2 { padding-top: 21px; clear: both; }
#workhistory-ex-main dt { padding: 0 0.5em 0 1em; float: left; clear: both; }
#workhistory-ex-main dd.duties { margin-left: 2em; clear: both; }
#workhistory-ex-main dd ul { margin-bottom: 1em; }
#workhistory-ex-footer { padding: 12px 12px 12px 0; border-top: 1px solid #CCCCCC; }
#workhistory-ex-footer .close { text-align: right; }
#workhistory-ex-footer .close img { margin-left: 10px; vertical-align: middle; }

/* 送信完了 */
#thanks { margin-top: 20px; padding: 15px 65px; border-radius: 10px; background: #E8DDEF; }
#thanks h2 { color: #003399; font-size: 21px; text-align: center; }
#thanks h2 span { display: block; }
#thanks li { margin-top: 1.22em; }
#thanks li.msg { padding-left: 30px; background: url(../recruit/images/20px_light_green_check.png) no-repeat 0 0; }
#thanks span.tel { color: #FF0033; font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 21px; }
#thanks span.green { color: #009900; }
#thanks span.carat { color: #FF6600; font-family: verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 19px; }
#thanks .backHome { margin-top: 35px; text-align: center; }
#thanks .backHome a { color: #fff; padding: 10px 50px; border-radius: 3px; display: inline-block; background: #00AF89; font-weight: bold; text-align: center; text-shadow: 0 1px 0 #009D7B; }

/* 社長メッセージ */
#headline h2 { margin-bottom: 10px; text-align: center; }
#headline h2 span { display: block; }
#headline h2 span.jp { font-size: 31px; }
#headline h2 span.eg { font-size: 19px; }

#messageBox { padding: 50px; background: url(../recruit/images/sky_cloud.jpg) no-repeat 0 0; }
#messageBox .alpha { padding: 40px 60px; background: rgba(255,255,255,0.6); }
#messageBox p { padding: 10px 0; font-weight: bold; }
