@charset "UTF-8";

/*--------------------------------------------------
   Local Module
-------------------------------------------------- */


/*--------------------------------------------------
   Style
-------------------------------------------------- */

/* ---------- descDescription ----------*/

#descDescription .discription { float: none; text-align: right; }



/* ---------- Sorry ----------*/

.endDescSorryArea { width: 875px; margin: 20px auto 0; padding: 15px; background: #fff; }
.endDescSorryArea .icon { display: inline-block; width: 90px; height: 90px; background: #eee; font-size: 15px; vertical-align: middle; color: #c00; text-align: center; line-height: 90px; }
.endDescSorryArea .comment { display: inline-block; width: 770px; margin-left: 15px; vertical-align: middle; font-size: 15px; line-height: 1.75; }
.endDescSorryArea .comment .sorryCatch { font-weight: normal; }
.endDescSorryArea .comment .sorryCatch .companyName,
.endDescSorryArea .comment .sorryCatch .jobName { font-weight: bold; }
.endDescSorryArea .comment .sorryCatch .jobName { margin: 0 5px; }


/* ---------- Alert ----------*/

.endDescAlertArea { width: 905px; margin: 20px auto 0; }
.endDescAlertArea .errorList { padding: 15px; background: #fff6f3; border: 3px solid #e00;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.endDescAlertArea .errorList .error { font-size: 14px; color: #e00; font-weight: bold; }


/* ---------- Btn ----------*/

.endDescBtnArea { display: table; width: 905px; margin: 20px auto 0; border-top: 15px solid  #ffd; border-bottom: 15px solid  #ffd; background: #ffd; }
.endDescBtnArea .catchArea,
.endDescBtnArea .btnArea { display: table-cell; vertical-align: middle; padding: 0 20px; }
.endDescBtnArea .catchArea { display: table-cell; vertical-align: middle; }
.endDescBtnArea .catchArea .catch { font-weight: bold; font-size: 18px; text-align: center; color: #f60; }
.endDescBtnArea .catchArea .textSet { margin-top: 10px; padding: 10px; background: #fff; border: 1px solid  #eec; text-align: center; }
.endDescBtnArea .catchArea .textSet .textList { display: inline-block; text-align: left; }
.endDescBtnArea .catchArea .textSet .textList .text:before {
content: "\f0a4";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
margin-right: 5px;
}
.endDescBtnArea .catchArea .textSet .textList .text + .text { margin-top: 5px; }
.endDescBtnArea .btnArea { width: 1%; white-space: nowrap; padding-top: 10px; padding-bottom: 10px; background: url(../../imageFile/user/line_dot_1px_888_pitch2_vertical.png) left top repeat-y; }
.endDescBtnArea .btnArea .copy em { display: block; }
.endDescBtnArea .btnArea .btn { margin-top: 5px; }
.endDescBtnArea .btnArea .btn .toSignUp { position: relative; display: inline-block; padding: 11px 40px 8px; font-size: 18px; background: #f60; color: #fff; border-radius: 3px; text-align: center; font-weight: bold;
box-shadow: 0 3px 0 #d60
}
.endDescBtnArea .btnArea .btn .toSignUp:before {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
margin-right: 5px;  
}
.endDescBtnArea .btnArea .btn .toSignUp:hover { opacity: .8; }
.endDescBtnArea .btnArea .btn .toSignUp:active { top: 2px;
box-shadow: none;
}


/* ---------- Now Job List ----------*/

#endDescCompanyJob { width: 905px; margin: 20px auto 0; padding-bottom: 15px; background: #fff; }
#endDescCompanyJob .title { padding: 8px 12px 6px; background: #68b; font-size: 14px; font-weight: normal; color: #fff; }
#endDescCompanyJob .title em { margin-right: 5px; font-size: 18px; font-weight: normal; }
#endDescCompanyJob .companyInfoList { background: #fff; }
#endDescCompanyJob .companyInfoList .companyInfoUnit { }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitName { }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitName a { color: #222; font-weight: bold; font-size: 15px; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitName a:hover { color: #f90; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData { display: table; margin-top: 15px; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .img,
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .text,
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button { display: table-cell; vertical-align: middle; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .img { vertical-align: top; padding-right: 15px; width: 1%; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .text { }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button { width: 1%; white-space: nowrap; padding-left: 15px; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button .btn { position: relative; display: inline-block; padding: 6px 15px 3px; font-size: 14px; background: #27d; color: #fff; border-radius: 3px; text-align: center;
box-shadow: 0 3px 0 #095EC4
}
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button .btn:before {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
margin-right: 5px;  
}
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button .btn:hover { opacity: .8; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .button .btn:active { top: 2px;
box-shadow: none;
}

/* companyDataUnit */
#endDescCompanyJob .companyInfoListCompany { padding: 20px 20px 0; }
#endDescCompanyJob .companyInfoListCompany .companyInfoUnit .unitData .text .catch {}
#endDescCompanyJob .companyInfoListCompany .companyInfoUnit .unitData .text .catch em { display: inline-block; margin-right: 5px; border-bottom: 2px solid  #fc9911; line-height: 1; }
#endDescCompanyJob .companyInfoListCompany .companyInfoUnit .unitData .text .dataSet { position: relative; padding-left: 5.25em; }
#endDescCompanyJob .companyInfoListCompany .companyInfoUnit .unitData .text .dataSet .item { position: absolute;top: 0; left: 0; width: 6em; font-size: 11px; text-align: center; }
#endDescCompanyJob .companyInfoList .companyInfoUnit .unitData .text .dataSet .data { font-size: 12px; }

/* jobDataUnit */
#endDescCompanyJob .companyInfoListJob { margin: 15px 15px 0; padding: 15px 10px; border: 1px solid  #d6d6d6; background: #faf8e8; }
#endDescCompanyJob .companyInfoListJob .companyInfoUnit { padding: 0 10px; }
#endDescCompanyJob .companyInfoListJob .companyInfoUnit + .companyInfoUnit { margin-top: 15px; padding-top: 15px; background: url(../../imageFile/user/line_dot_1px_888_pitch2.png) left top repeat-x; }
#endDescCompanyJob .companyInfoListJob .companyInfoUnit .unitData .text { font-size: 12px; }
#endDescCompanyJob .companyInfoListJob .companyInfoUnit .unitData .text .catch { margin-bottom: 7px; font-weight: bold; font-size: 13px; }
#endDescCompanyJob .companyInfoListJob .nothing { text-align: center; color: #777; line-height: 1; }

/* ---------- Now Job List ----------*/

#endDescNowJobList { width: 905px; margin: 20px auto 0; }
#endDescNowJobList .title { padding: 8px 12px 6px; background: #68b; font-size: 14px; font-weight: normal; color: #fff; }
#endDescNowJobList .title em { margin-right: 6px; font-size: 20px; font-weight: normal; }
#endDescNowJobList .jobList { padding: 15px 17px; background: #fff; }
#endDescNowJobList .jobList .job { padding: 0 3px; }
#endDescNowJobList .jobList .job + .job { margin-top: 10px; }
#endDescNowJobList .jobList .job a { }
#endDescNowJobList .jobList .job a:before{
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
margin-right: 7px;
}
#endDescNowJobList .jobList .job .num { margin-left: 7px; font-size: 12px; color: #888; }
#endDescNowJobList .jobList .toAllSearch { padding-top: 10px; background: url(../../imageFile/user/line_dot_1px_ccc_pitch2.png) 0 0 repeat-x; }


/* ---------- End Title ----------*/

#descEndtitle { width: 881px; margin: 20px auto 0; padding: 8px 12px 6px; background: #68b; font-size: 14px; font-weight: normal; color: #fff; }
#descEndtitle em { margin-right: 6px; font-size: 20px; font-weight: normal; }


/* ---------- Job Name ----------*/

#descJobName { padding-top: 20px; border-top: none; }
#descJobName .base .item { color: #555; } 
#descJobName .base .typeIcon { background: #bbb; } 


/* ---------- IconArea ----------*/

#descsStrongIconArea { padding: 10px 0 3px; border-bottom: none; }
#descsStrongIconArea .syaIcon { background: #aaa; color: #fff; }
#descsStrongIconArea .keiiSyaIcon { }
#descsStrongIconArea .strongIcon {}
#descsStrongIconArea .strongIcon:before { background-image: url(../../imageFile/user/global_icon_strongIcon_gray.png); background-color: #f0f0f0 !important; }


/* ---------- Article ----------*/

.descArticleArea { padding-top: 0; }

/* Article Unit */
.descArticleUnit.dataWork { margin-top: 5px; }
.descArticleUnit .title { background: #aaa; }
.descArticleUnit .title .text { color: #fff; }
.descArticleUnit .contents .dataTable .item { }
.descArticleUnit .contents .dataTable .data .catch { color: #222; }
.descArticleUnit .contents .dataTable .data .categorySet .categoryIcon { background: #aaa; }
.descArticleUnit .contents .dataTable .data .categorySet .categoryIcon:after { border-left-color: #aaa; }