@charset "utf-8";

/* text
--------------------------- */
h2.ttl-h2, h2.page-name {font-size: 2.8rem;font-weight: bold;padding-bottom: 10px;color: #32469b;border-bottom: 3px double #32469b;margin: 15px 0 20px;}
h3.ttl-h3 {font-size: 2.0rem;font-weight: bold;padding-left: 7px;border-left: 3px solid #32469b;margin: 30px 0 20px;color: #444;}
h4.ttl-h4 {font-size: 1.7rem;font-weight: bold;background-color: #F1F1F1;padding: 10px;-webkit-border-radius: 2px;border-radius: 2px;margin: 15px 0 10px;}
h4.ttl-h4.note {font-size: 1.7rem;font-weight: bold;background-color: #FFFFCD;padding: 10px;-webkit-border-radius: 2px;border-radius: 2px;margin: 15px 0 20px;}

.error-message {color: #f00;padding-top: 5px;}
.error-message:before {content: "※";margin-right: 5px;}
.attent {color: #F15A24;}
.gray {color: #999;}
.red {color: #f00;}

.bold {font-weight: bold !important;}

.warn-message {color: #EA0;padding-top: 5px;}
.warn-message:before {content: "※";margin-right: 5px;}

/* link
--------------------------- */
a{transition: all 0.25s ease 0s;color: #5266BB;text-decoration: underline !important;}
a:hover{transition: all 0.25s ease 0s;color: #5266BB;text-decoration: none !important;}
a:active{text-decoration: none;}
.selectd_row {background-color:#bbebfa;}
.new_row {background-color:#aadbea;}

a[target="_blank"]:after {font-family: FontAwesome;content: " \f08e";}

/*戻るリンク*/
.back-link {}
.back-link a {font-size: 1.5rem;text-decoration: none !important;color: #9E9E9E;}
.back-link a:hover {opacity: 0.7;}
.back-link a:before {font-family: FontAwesome;content: " \f112";padding-right: 5px;}

/* page top scroll button  */
.pagetop {
text-align: right;
display: none;
z-index:99999;
}
.pagetop a {
display: block;
background-color: #c0c7e6;
text-align: center;
text-decoration: none !important;
}
.pagetop a:before {content: " \f106";font-family: FontAwesome;font-size: 1.8rem;margin-right: 7px;}
.pagetop a:hover {opacity: 0.8;}

/* btn
--------------------------- */
.btn {text-decoration: none !important;-webkit-border-radius: 2px;border-radius: 2px;}

.btn-bll, .btn-primary {background-color: #32469B !important;color: #FFF;}
.btn-bll:hover, .btn-primary:hover {background-color: #2a3a81 !important;}
.btn-red {background-color: #C1392B;color: #fff;}
.btn-red:hover {background-color: #A43125;}
.btn-orange {background-color: #D35400;color: #fff;}
.btn-orange:hover {background-color: #B14600;}
.btn-bll:hover, .btn-red:hover, .btn-orange:hover,.btn-bll:active, .btn-red:active, .btn-orange:active {color: #FFF;}

.btn-default {background-color: #eee;border: 1px solid #999999;}
.btn-default:hover {background-color: #ccc;}

.btn-g {margin-bottom: 15px;}

.func-btm {text-align: center;padding: 10px 0 20px;}
.func-btm .btn {margin-right: 10px;}
.func-btm .btn:last-child {margin-right: 0;}

/* ページング
--------------------------- */
.pgnav {text-align: right;overflow: hidden;}
.pagination {margin: 0;float: right;}
.pagination a {text-decoration: none !important;}
.pgnav-select {float: right;margin-right: 15px;}

/* table
--------------------------- */
.table {margin: 20px 0;word-break:break-all;}
.table, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {border: 1px solid #cccccc;}
.table thead {background-color: #E6E6E6;}
.table thead th a {display: block;text-decoration: none !important;}
.table thead th a:hover {color: #333;}
.table thead th a.asc:after, .table thead th a.desc:after {font-family: FontAwesome;margin-right: 2px;}
.table thead th a.asc:after {content: " \f0d8";}
.table thead th a.desc:after {content: " \f0d7";}
.table tbody tr:hover {background-color: #eaf9fd;}

.table tbody th.th-ttl, .title_bar {padding: 15px 8px !important;background-color: #e6ebf0 !important;font-size: 1.8rem;}

/* form
--------------------------- */
button {border: none;background: none;}

.form-g {margin-bottom: 15px;}
.form-g .number {border-right: 1px solid #e1e4e6;font-size: 1.7rem;margin-right: 5px;padding: 5px 15px 5px 0;float: left;}
.form-g .btn-group {}
.form-g .btn-group {display: inline-block;}

.form-g-block, .form-group, .input-group {float: left;}
.form-g-block.search-g {float: right;}

/*マルチセレクト*/
.btn-group {margin-right: 10px;}
.multiselect {border: none;background: none;color: #0081CC;}
.multiselect:hover, .btn-group.open .dropdown-toggle {background: none;text-decoration: underline;-webkit-box-shadow: none;box-shadow: none;}
.dropdown-menu li a {display: block; padding: 5px 10px; cursor: pointer;text-decoration: none !important;}

/*カレンダー*/
.form-cal {overflow: hidden;padding: 10px 0 20px;}
.form-cal .form-cal-ttl {padding: 5px 10px 0 0;font-size: 1.6rem;font-weight: bold;}
.form-cal .form-cal-tilde {padding: 8px;font-size: 1.6rem;font-weight: bold;color: #999;}

/*クリアボタン*/
.btn-clear-w {display: inline-block;}
.btn-clear:before {font-family: FontAwesome;margin-right: 5px;content: " \f057";color: #B3B3B3;font-size: 1.7rem;}

/*検索フォーム*/
.simple-text input {transition: all 0.25s ease 0s; box-shadow: none; border-radius: 0; border-bottom: 1px solid #999; border-top: none; border-left: none; border-right: none;padding-left: 25px;display: inline-block;}
.simple-text input:focus {border-bottom: 1px solid #999; box-shadow: none;outline: 0 none;}
.simple-text i.mi-search {padding-left: 2px; padding-top: 5px;display: inline-block;position: absolute;font-size: 1.8rem;}
.search-form {display: inline-block;}
.search-btn {display: inline-block;}

/*一括処理*/
.sort-block {margin: 40px 0 20px;}
.sort-block.table tbody tr:hover {background-color: #fff !important;}
.sort-block.table tbody th {background-color: #E6E6E6;}
.sort-block.table tbody th, .sort-block.table tbody td {vertical-align: middle;}
.sort-block .checkbox-list li {display: inline-block;width: 48%;padding: 5px 10px;}
.sort-block .checkbox-list li label {cursor: pointer;}
.sort-block .submit-btn-list li {display: inline-block;}

/*入力系フォームテーブル*/
.edit-form.table, .edit-form.table > tbody > tr > td, .edit-form.table > tbody > tr > th {border: none;}
.edit-form.table {border-top: 1px solid #e2e2e2;}
.edit-form.table tbody tr {border-bottom: 1px solid #e2e2e2;}
.edit-form.table tbody tr:hover {background-color: #fff !important;}
.edit-form.table tbody th {background-color: #f1f3f6;width: 15%;padding: 15px 8px;}
.edit-form.table tbody th.must:after {content: "必須";color: #fff;font-weight: normal;font-size: 1.2rem;background-color: #C1392B;padding: 2px 5px;-webkit-border-radius: 2px;border-radius: 2px;display: inline-block;margin-left: 3px;float: right;}
.edit-form.table tbody td {padding: 15px 20px;}
.edit-form.table tbody td .form-control {width: 100%;}

.table.edit-form-inner {margin: 0;}
.table.edit-form-inner, .table.edit-form-inner > tbody > tr, .table.edit-form-inner > tbody > tr > td, .table.edit-form-inner > tbody > tr > th {border: none !important;padding: 0 10px 15px !important;}
.front-table .edit-form-inner.table tbody th {background-color: #FFF;width: 14%;vertical-align: middle;}
.form-control.btn {margin-left: 10px;}

/*入力系フォームテーブル_imageレビュー（企業情報詳細）*/
#header #logoarea { display: block;height: 104px;width: 107px;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none; transition: none;float: left;}
#header #logoarea[target="_blank"]:after {content: none;}

/*CSV登録確認テーブル*/
#scroll {overflow: auto; height: 560px;border: 2px solid #eee;padding: 10px;}
#scroll table.rows-csv {width: 5000px; max-width: 5000px;margin: 0;}
#scroll table.rows-csv tr th:nth-child(1) {width: 50px;}
#scroll table.rows-csv tr th:nth-child(2) {width: 40px;}
#scroll table.rows-csv tr th:nth-child(3) {width: 150px;}
#scroll table.rows-csv tr th:nth-child(4) {width: 70px;}
#scroll table.rows-csv tr th:nth-child(5) {width: 160px;}
#scroll table.rows-csv tr th:nth-child(6) {width: 200px;}
#scroll table.rows-csv tr th:nth-child(7) {width: 110px;}
#scroll table.rows-csv tr th:nth-child(8) {width: 120px;}
#scroll table.rows-csv tr th:nth-child(9) {width: 100px;}
#scroll table.rows-csv tr th:nth-child(10) {width: 110px;}
#scroll table.rows-csv tr th:nth-child(11) {width: 110px;}
#scroll table.rows-csv tr th:nth-child(12) {width: 180px;}
#scroll table.rows-csv tr th:nth-child(13) {width: 160px;}
#scroll table.rows-csv tr th:nth-child(14) {width: 100px;}
#scroll table.rows-csv tr th:nth-child(15) {width: 350px;}
#scroll table.rows-csv tr th:nth-child(16) {width: 150px;}
#scroll table.rows-csv tr th:nth-child(17) {width: 150px;}
#scroll table.rows-csv tr th:nth-child(18) {width: 200px;}
#scroll table.rows-csv tr th:nth-child(19) {width: 200px;}
#scroll table.rows-csv tr th:nth-child(20) {width: 250px;}
#scroll table.rows-csv tr th:nth-child(21) {width: 250px;}
#scroll table.rows-csv tr th:nth-child(22) {width: 200px;}
#scroll table.rows-csv tr th:nth-child(23) {width: 180px;}

/*CSV登録確認テーブル - 応募者*/
#scroll-app {overflow: auto; height: 560px;border: 2px solid #eee;padding: 10px;}
#scroll-app table.rows-csv {width: 11000px; max-width: 11000px;margin: 0;}
#scroll-app table.rows-csv tr th:nth-child(1) {width: 50px;}/*no*/
#scroll-app table.rows-csv tr th:nth-child(2) {width: 40px;}/*更新追加アイコン*/
#scroll-app table.rows-csv tr th:nth-child(3) {width: 150px;}/*メッセージ*/
#scroll-app table.rows-csv tr th:nth-child(4) {width: 70px;}/*SYS-ID*/
#scroll-app table.rows-csv tr th:nth-child(5) {width: 200px;}/*氏名*/
#scroll-app table.rows-csv tr th:nth-child(6) {width: 200px;}/*かな名*/
#scroll-app table.rows-csv tr th:nth-child(7) {width: 200px;}/*英字名*/
#scroll-app table.rows-csv tr th:nth-child(8) {width: 200px;}/*募集職種ID*/
#scroll-app table.rows-csv tr th:nth-child(9) {width: 130px;}/*応募経路*/
#scroll-app table.rows-csv tr th:nth-child(10) {width: 100px;}/*状態*/
#scroll-app table.rows-csv tr th:nth-child(11) {width: 150px;}/*選考状況*/
#scroll-app table.rows-csv tr th:nth-child(12) {width: 100px;}/*結果*/
#scroll-app table.rows-csv tr th:nth-child(13) {width: 160px;}/*生年月日*/
#scroll-app table.rows-csv tr th:nth-child(14) {width: 110px;}/*年齢*/
#scroll-app table.rows-csv tr th:nth-child(15) {width: 110px;}/*性別*/
#scroll-app table.rows-csv tr th:nth-child(16) {width: 150px;}/*メアド*/
#scroll-app table.rows-csv tr th:nth-child(17) {width: 150px;}/*郵便番号*/
#scroll-app table.rows-csv tr th:nth-child(18) {width: 150px;}/*住所*/
#scroll-app table.rows-csv tr th:nth-child(19) {width: 150px;}/*休暇郵便番号*/
#scroll-app table.rows-csv tr th:nth-child(20) {width: 150px;}/*休暇住所*/
#scroll-app table.rows-csv tr th:nth-child(21) {width: 150px;}/*自宅電話*/
#scroll-app table.rows-csv tr th:nth-child(22) {width: 150px;}/*FAX*/
#scroll-app table.rows-csv tr th:nth-child(23) {width: 150px;}/*携帯メール*/
#scroll-app table.rows-csv tr th:nth-child(24) {width: 150px;}/*携帯番号*/
#scroll-app table.rows-csv tr th:nth-child(25) {width: 300px;}/*学歴*/
#scroll-app table.rows-csv tr th:nth-child(26) {width: 150px;}/*最終-学歴*/
#scroll-app table.rows-csv tr th:nth-child(27) {width: 150px;}/*職務経歴*/
#scroll-app table.rows-csv tr th:nth-child(28) {width: 150px;}/*業務スキル*/
#scroll-app table.rows-csv tr th:nth-child(29) {width: 300px;}/*保有資格*/
#scroll-app table.rows-csv tr th:nth-child(30) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(31) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(32) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(33) {width: 150px;}/*その他希望事項*/
#scroll-app table.rows-csv tr th:nth-child(34) {width: 300px;}/*志望動機*/
#scroll-app table.rows-csv tr th:nth-child(35) {width: 300px;}/*自己PR*/
#scroll-app table.rows-csv tr th:nth-child(36) {width: 300px;}/*長所*/
#scroll-app table.rows-csv tr th:nth-child(37) {width: 300px;}/*短所*/
#scroll-app table.rows-csv tr th:nth-child(38) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(39) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(40) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(41) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(42) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(43) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(44) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(45) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(46) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(47) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(48) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(49) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(50) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(51) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(52) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(53) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(54) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(55) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(56) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(57) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(58) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(59) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(60) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(61) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(62) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(63) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(64) {width: 150px;}/**/
#scroll-app table.rows-csv tr th:nth-child(65) {width: 150px;}/**/

/*CSV登録確認テーブル - 他社求人CSV*/
#scroll-extcsv {overflow: auto; height: 560px;border: 2px solid #eee;padding: 10px;}
#scroll-extcsv table.rows-csv {width: 1700px; max-width: 3000px;margin: 0;}
#scroll-extcsv table.rows-csv tr th:nth-child(1) {width: 50px;}/*no*/
#scroll-extcsv table.rows-csv tr th:nth-child(2) {width: 40px;}/*更新追加アイコン*/
#scroll-extcsv table.rows-csv tr th:nth-child(3) {width: 150px;}/*メッセージ*/
#scroll-extcsv table.rows-csv tr th:nth-child(4) {width: 70px;}/*SYS-ID*/
#scroll-extcsv table.rows-csv tr th:nth-child(5) {width: 130px;}/*サイト名*/
#scroll-extcsv table.rows-csv tr th:nth-child(6) {width: 100px;}/*カラム*/
#scroll-extcsv table.rows-csv tr th:nth-child(7) {width: 200px;}/*CSV項目*/
#scroll-extcsv table.rows-csv tr th:nth-child(8) {width: 160px;}/*DBカラム*/
#scroll-extcsv table.rows-csv tr th:nth-child(9) {width: 100px;}/*改行*/
#scroll-extcsv table.rows-csv tr th:nth-child(10) {width: 100px;}/*ﾀｲﾄﾙ付加*/
#scroll-extcsv table.rows-csv tr th:nth-child(11) {width: 100px;}/*語尾接続*/
#scroll-extcsv table.rows-csv tr th:nth-child(12) {width: 100px;}/*ソート*/

/*ドラッグソート*/
.item_content {height: 250px;overflow-y:auto;}
.item_area {height: 900px;overflow-y:hidden;}
.selitem {cursor: move;background-color:#fff;border: solid 1px #ddd;padding:2px 5px;margin-bottom: 2px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.selitemTitle {cursor: move;background-color:#bcd;border: solid 1px #ddd;padding:5px 5px;margin-bottom: 2px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.selitem-highlight {height: 50px;border: dashed 6px #bbb;background-color:#ffb;}
.item_content-label {}

/* イベントカレンダー
--------------------------- */
.fc-event {font-size: 1.4rem !important;text-decoration: none !important;}
.fc-event:hover {opacity: 0.7;}

/* ラベル バッジ
--------------------------- */
.label {font-weight: normal;font-size: 1.3rem;}
.badge {font-size: 1.4rem;font-weight: bold;padding: 5px 10px;margin-bottom: 10px;-webkit-border-radius: 20px;border-radius: 20px;}
.badge i {margin-right: 5px;}

/* ヘルパークラス
--------------------------- */
/*ラベル色*/
.c-bl {background-color: #0070BE;}
.c-red {background-color: #C1392B;}

/*ボーダー*/
.bd-none {border: none !important;}

/*レイアウト*/
.left {text-align: left !important;}
.center {text-align: center !important;margin-left: auto !important;margin-right: auto !important;}
.right {text-align: right !important;}
.va-middle {vertical-align: middle !important;}
.f-none {float: none !important;}
img.left {float: left;margin: 0 12px 5px 0;}

.wid-xs, .wid-xxs {width: auto;}
.wid-s {width: 60px;}
.wid-sm {width: 100px;}
.wid-smx {width: 130px;}
.wid-smm {width: 160px;}
.wid-m {width: 250px;}
.wid-mm {width: 350px;}

.w-5 {width: 5% !important;}
.w-10 {width: 10% !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-50 {width: 50% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-65 {width: 65% !important;}
.w-70 {width: 70% !important;}
.w-75 {width: 75% !important;}
.w-80 {width: 80% !important;}
.w-85 {width: 85% !important;}
.w-90 {width: 90% !important;}
.w-95 {width: 95% !important;}
.w-100 {width: 100% !important;}

.p-top-0 {padding-top: 0px !important;}
.p-right-0 {padding-right: 0px !important;}
.p-bottom-0 {padding-bottom: 0px !important;}
.p-left-0 {padding-left: 0px !important;}
.m-top-0 {margin-top: 0px !important;}
.m-right-0 {margin-right: 0px !important;}
.m-bottom-0 {margin-bottom: 0px !important;}
.m-left-0 {margin-left: 0px !important;}

.p-top-5 {padding-top: 5px !important;}
.p-right-5 {padding-right: 5px !important;}
.p-bottom-5 {padding-bottom: 5px !important;}
.p-left-5 {padding-left: 5px !important;}
.m-top-5 {margin-top: 5px !important;}
.m-right-5 {margin-right: 5px !important;}
.m-bottom-5 {margin-bottom: 5px !important;}
.m-left-5 {margin-left: 5px !important;}

.p-top-10 {padding-top: 10px !important;}
.p-right-10 {padding-right: 10px !important;}
.p-bottom-10 {padding-bottom: 10px !important;}
.p-left-10 {padding-left: 10px !important;}
.m-top-10 {margin-top: 10px !important;}
.m-right-10 {margin-right: 10px !important;}
.m-bottom-10 {margin-bottom: 10px !important;}
.m-left-10 {margin-left: 10px !important;}

.p-top-15 {padding-top: 15px !important;}
.p-right-15 {padding-right: 15px !important;}
.p-bottom-15 {padding-bottom: 15px !important;}
.p-left-15 {padding-left: 15px !important;}
.m-top-15 {margin-top: 15px !important;}
.m-right-15 {margin-right: 15px !important;}
.m-bottom-15 {margin-bottom: 15px !important;}
.m-left-15 {margin-left: 15px !important;}

.p-top-20 {padding-top: 20px !important;}
.p-right-20 {padding-right: 20px !important;}
.p-bottom-20 {padding-bottom: 20px !important;}
.p-left-20 {padding-left: 20px !important;}
.m-top-20 {margin-top: 20px !important;}
.m-right-20 {margin-right: 20px !important;}
.m-bottom-20 {margin-bottom: 20px !important;}
.m-left-20 {margin-left: 20px !important;}

.p-top-25 {padding-top: 25px !important;}
.p-right-25 {padding-right: 25px !important;}
.p-bottom-25 {padding-bottom: 25px !important;}
.p-left-25 {padding-left: 25px !important;}
.m-top-25 {margin-top: 25px !important;}
.m-right-25 {margin-right: 25px !important;}
.m-bottom-25 {margin-bottom: 25px !important;}
.m-left-25 {margin-left: 25px !important;}

.p-top-30 {padding-top: 30px !important;}
.p-right-30 {padding-right: 30px !important;}
.p-bottom-30 {padding-bottom: 30px !important;}
.p-left-30 {padding-left: 30px !important;}
.m-top-30 {margin-top: 30px !important;}
.m-right-30 {margin-right: 30px !important;}
.m-bottom-30 {margin-bottom: 30px !important;}
.m-left-30 {margin-left: 30px !important;}

.p-top-35 {padding-top: 35px !important;}
.p-right-35 {padding-right: 35px !important;}
.p-bottom-35 {padding-bottom: 35px !important;}
.p-left-35 {padding-left: 35px !important;}
.m-top-35 {margin-top: 35px !important;}
.m-right-35 {margin-right: 35px !important;}
.m-bottom-35 {margin-bottom: 35px !important;}
.m-left-35 {margin-left: 35px !important;}

.p-top-40 {padding-top: 40px !important;}
.p-right-40 {padding-right: 40px !important;}
.p-bottom-40 {padding-bottom: 40px !important;}
.p-left-40 {padding-left: 40px !important;}
.m-top-40 {margin-top: 40px !important;}
.m-right-40 {margin-right: 40px !important;}
.m-bottom-40 {margin-bottom: 40px !important;}
.m-left-40 {margin-left: 40px !important;}