@charset "UTF-8";
*{
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;box-sizing: border-box;
}
td, th{
  line-height: 1.5;
}

a:hover,
a:hover img{
	opacity:0.7;
	}

a:hover{
  color: #2A65CA;
}
#contents p.red{
  color: #ff0000;
}

#body{
  top: -10px;
  clear: both;
  background: #FCFCFC;
}

#contents{
  display: block;
  top:55px;
  padding: 0 0 70px 0;
  background: #FCFCFC;
  min-height:auto;
  height: 100%;
  overflow: hidden;
}
#contents.detail{
  padding: 20px 0 70px 0;
}

@media screen and (min-width: 1380px) {
#body{
   max-width: 1380px;
   margin: auto;
 }
}

/*
@media screen and (min-width: 1380px) {
#applicants #contents,
#job #contents,
#analysis #contents,
#index #contents,
#mail #contents{
   max-width: 1380px;
   margin: auto;
 }
}
*/

#contents p{
  color: #333;
}
/*重複
.t-center{
  text-align: center;
}
*/

/* 上部固定コンテンツ調整 */
#info-fixed{
  width: 100%;
  padding: 55px 0 0 0;
  position: fixed;
  background: #fff;
  z-index: 199;
  transition: 0.3s;
}
@media screen and (min-width: 1380px) {
#info-fixed{
   max-width: 1380px;
   margin: auto;
 }
}

#info-fixed h2{
  padding: 8px 10px 8px 20px;
  font-size: 16px;
}



/* ---------------------- 位置調整 */
.t-right{
  text-align: right;
}
.t-center{
  text-align: center;
}
.t-left{
  text-align: left;
}
.f-right{
  float: right;
}
.f-left{
  float: left;
}
.f-clear{
  clear: both;
}

/* ---------------------- margin調整 */
.mt-50{
  margin-top: 50px;
}



/* ---------------------- グローバル */

#global{
  background: #fff;
  width: 100%;
  min-width: 1030px;
  margin: 0 0 0 0;
  padding:0;
  /*border-bottom: 3px solid #2A65CA;*/
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  transition: 0.3s;
  box-shadow: 1px 1px 3px #aaa;
  border-top: 2px solid #ccc;
}
#global a{
  color: #666;
  display: inline-block;
}
@media screen and (min-width: 1380px) {
#global .inner{
   max-width: 1380px;
   margin: auto;
 }
}

#global h1{
  margin: 8px 5px 0 5px;
}
#global h1 img{
  width: 60px;
}

#menu_global,
#global h1{
  float: left;
}
#menu_global{
  height: 40px;
}
#menu_global li{
  height: 40px;
  display: inline-block;
  font-size:14px;
  text-align: center;
  position: relative;
  border-bottom: 3px solid #fff;
}
#menu_global li a{
  height: 40px;
  min-width: 65px;
  display: inline-block;
  padding: 12px 10px 10px 8px;
  text-align: center;
}
#menu_global li a:hover{
  opacity: 1;
  color: #6996E0;
}
#menu_global li:hover{
  border-bottom: 3px solid #6996E0;
}

#job #menu_global #nav_job span,
#manuscript #menu_global #nav_manuscript span,
#advertisement #menu_global #nav_advertisement span,
#applicants #menu_global #nav_applicants span,
#interview #menu_global #nav_interview span,
#mail #menu_global #nav_mail span,
#registrants #menu_global #nav_registrants span,
#matching #menu_global #nav_matching span,
#analysis #menu_global #nav_analysis span,
#job_Contract #menu_global #nav_job_Contract span,
#job_agency #menu_global #nav_job_Contract span,
#kintai #menu_global #nav_kintai span,
#sfaclient #menu_global #nav_sfaclient span,
#job_agency_payment #menu_global #nav_job_agency_payment span,
#job_agency_invoice #menu_global #nav_job_agency_invoice span{
  display:inline;
}
#applicants #menu_global #nav_applicants,
#interview #menu_global #nav_interview,
#mail #menu_global #nav_mail,
#registrants #menu_global #nav_registrants,
#matching #menu_global #nav_matching,
#job_Contract #menu_global #nav_job_Contract,
#job_agency #menu_global #nav_job_Contract,
#kintai #menu_global #nav_kintai,
#sfaclient #menu_global #nav_sfaclient,
#job_agency_payment #menu_global #nav_job_agency_payment,
#job_agency_invoice #menu_global #nav_job_agency_invoice,
#engage-screen #nav_engage{
  border-bottom: 3px solid #2A65CA;
}

#applicants #menu_global #nav_applicants a,
#interview #menu_global #nav_interview a,
#mail #menu_global #nav_mail a,
#registrants #menu_global #nav_registrants a,
#matching #menu_global #nav_matching a,
#job_Contract #menu_global #nav_job_Contract a,
#job_agency #menu_global #nav_job_Contract a,

#kintai #menu_global #nav_kintai a,

#sfaclient #menu_global #nav_sfaclient a,

#job_agency_payment #menu_global #nav_job_agency_payment a,
#job_agency_invoice #menu_global #nav_job_agency_invoice a{
  color: #2A65CA;
  font-weight: bold;
}
#job #menu_global #nav_job,
#manuscript #menu_global #nav_manuscript,
#advertisement #menu_global #nav_advertisement{
  border-bottom: 3px solid #43A047;
}
#job #menu_global #nav_job a,
#manuscript #menu_manuscript #nav_job a,
#advertisement #menu_global #nav_advertisement a{
  color: #43A047;
  font-weight: bold;
}
#menu_global #nav_job:hover,
#menu_global #nav_manuscript:hover,
#menu_global #nav_advertisement:hover{
  border-bottom: 3px solid #79C67D;
}
#menu_global #nav_job a:hover,
#menu_global #nav_manuscript a:hover,
#menu_global #nav_advertisement a:hover{
  color: #79C67D;
}
#menu_global #nav_job.disabled a:hover,
#menu_global #nav_manuscript.disabled a:hover,
#menu_global #nav_advertisement.disabled a:hover{
  color: #ccc;
}
#analysis #menu_global #nav_analysis{
  border-bottom: 3px solid #FF7043;
}
#analysis #menu_global #nav_analysis a{
  color: #FF7043;
  font-weight: bold;
}
#menu_global #nav_analysis:hover{
  border-bottom: 3px solid #FF9B79;
}
#menu_global #nav_analysis a:hover{
  color: #FF9B79;
}

#menu_global li.disabled a{
  color: #ccc;
  cursor: default;
}

#menu_global li.disabled:hover,
#menu_global #nav_job.disabled:hover,
#menu_global #nav_manuscript.disabled:hover,
#menu_global #nav_advertisement.disabled:hover,
#menu_global #nav_applicants.disabled:hover,
#menu_global #nav_interview.disabled:hover,
#menu_global #nav_mail.disabled:hover,
#menu_global #nav_registrants.disabled:hover,
#menu_global #nav_matching.disabled:hover,
#menu_global #nav_job_Contract.disabled:hover,

#menu_global #nav_kintai.disabled:hover,

#menu_global #nav_sfaclient.disabled:hover,

#menu_global #nav_job_agency_payment.disabled:hover,
#menu_global #nav_job_agency_invoice.disabled:hover,
#menu_global #nav_analysis.disabled:hover{
  border:none;
}


/*
#menu_global #nav_job,
#menu_global #nav_manuscript,
#menu_global #nav_advertisement{
  background: #E1F0D7;
}
#menu_global #nav_applicants,
#menu_global #nav_interview,
#menu_global #nav_mail,
#menu_global #nav_registrants,
#menu_global #nav_job_Contract,
#menu_global #nav_job_agency_invoice{
  background: #CBE7FC;
}
#menu_global #nav_analysis{
  background: #FFCCBC;
}

#applicants #menu_global #nav_applicants{
  background: #2A65CA;
}
#applicants #menu_global #nav_applicants a{
  color: #fff;
}
#job #menu_global #nav_job{
  background: #43A047;
}
#job #menu_global #nav_job a{
  color: #fff;
}
#analysis #menu_global #nav_analysis{
  background: #FF7043;
}
#analysis #menu_global #nav_analysis a{
  color: #fff;
}
*/
#menu_global span{
  display: none;
}
/*
@media screen and (max-width:1150px) {
#menu_global span{
  display: none;
  }
}
*/
/*
#menu_global li#nav_line{
  display: none;
} */


#menu_sub{
  float: right;
  color: #666;
  line-height:1.2;
  vertical-align: middle;
  margin: 6px 12px 0 0;
  font-size: 12px;
}
#menu_sub li{
  display: inline-block;
}
#menu_sub .nav_system{
  margin: 2px 10px 0 0;
}
#menu_sub .nav_hamburger{
  position: relative;
}
#menu_sub .nav_hamburger img{
  height: 22px;
  width: 25px;
  margin: 0 0 1px 0;
}
#menu_sub .nav_hamburger img:hover{
  opacity: 0.7;
}

#menu_sub ul.nav_hamUl{
  position: absolute;
  top: 40px;
  right: -11px;
  min-width: 250px;
  border: 1px solid;
  border-color: #666;
  border-radius: 12px;
  padding: 10px 0px 10px 0;
  background-color: #FFFFFF;
  z-index: 1;
  visibility: hidden;
  transition: .3s;
  transition-delay: .2s;
  opacity: 0;
}

#menu_sub .nav_hamburger:hover ul.nav_hamUl,
#menu_sub ul.nav_hamUl:hover{
  visibility: visible;
  transition: .1s;
  transition-delay: .1s;
  opacity: 1;
}

#menu_sub ul.nav_hamUl:before,
#menu_sub ul.nav_hamUl:after{
  position: absolute;
  right: 12px;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  border-width: 10px;
  margin: 0 0 0 -14px;
  border-bottom-color: #FFFFFF;
  margin: -1px 0 0 -14px;
}
#menu_sub ul.nav_hamUl:before{
  border-bottom-color: #666;
  top: -20px;
}
#menu_sub ul.nav_hamUl:after{
  border-bottom-color: #FFFFFF;
  top: -19px;
}

#menu_sub ul.nav_hamUl li{
  display: list-item;
}

#menu_sub li.nav_uName,
#menu_sub li.nav_dash,
#menu_sub li.nav_engage,
#menu_sub li.nav_engage_manual,
#menu_sub li.nav_message,
#menu_sub li.nav_csvconvert,
#menu_sub li.nav_admin{
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
  padding: 4px 20px 4px 17px;
}
#menu_sub li.nav_engage_manual a#engage_manual{
  min-width:200px;
}
#menu_sub li.nav_uName{
  white-space: nowrap;
}
#menu_sub li.nav_csvconvert,
#menu_sub li.nav_admin{
  border-top: 1px solid rgb(220, 220, 220);
  padding: 8px 20px 0 3px;
  margin: 8px 14px 0 14px;
}
#menu_sub li.nav_admin a#engage_manual{
  min-width:200px;
  margin-bottom:8px;
}
#menu_sub li.nav_uName a span,
#menu_sub li.nav_engage a span,
#menu_sub li.nav_engage_manual a span,
#menu_sub li.nav_dash a span,
#menu_sub li.nav_message a span,
#menu_sub li.nav_csvconvert a span,
#menu_sub li.nav_admin a span{
  display: inline-block;
  vertical-align: middle;
}
#menu_sub li.nav_engage a span{
  margin: 3px 0 0 14px;
}
#menu_sub li.nav_engage_manual a span{
  margin: 3px 0 0 14px;
}
#menu_sub li.nav_csvconvert a span{
  margin: 3px 0 0 14px;
  
}
#menu_sub li.nav_dash a span{
  margin: 3px 0 0 19px;
}
#menu_sub li.nav_message a span{
  margin: 0 0 0 18px;
}
#menu_sub li.nav_admin a span{
  margin: 2px 0 0 16px;
}

#menu_sub li.nav_system img,
#menu_sub li.nav_engage a img,
#menu_sub li.nav_engage_manual a img,
#menu_sub li.nav_dash a img,
#menu_sub li.nav_message a img,
#menu_sub li.nav_csvconvert a img,
#menu_sub li.nav_admin a img{
  vertical-align: middle;
}
#menu_sub li.nav_system img{
  width: 24px;
  height: 24px;
}
#menu_sub li.nav_engage a img,
#menu_sub li.nav_dash a img{
  width: 21px;
  height: 22px;
  margin: 0 0 0 2px;
}
#menu_sub li.nav_message a img{
  width: 20px;
  height: 22px;
  margin: 0 0 0 4px;
}
#menu_sub li.nav_csvconvert a img,
#menu_sub li.nav_admin a img{
  width: 22px;
  margin: 0 0 0 4px;
}
#menu_sub li.nav_admin a#engage_manual img{
  width: 22px;
  margin: 0 0 0 2px;
  vertical-align: middle;
}
#user_alert{
  width: 25px;
  margin: 3px 0 0 0;
  vertical-align: middle;
}
#user_alert img{
  width: 25px;
  vertical-align: middle;
}


/* 各ページh1復活用 */
#wrap-title{
  padding: 15px 0;
}
#wrap-title h1{
  float: left;
  margin: 5px 18px;
  font-size: 18px;
}
#wrap-title .action a.text{
  display: inline-block;
  font-size: 10px;
  padding: 10px;
  text-decoration: underline;
}
#wrap-title .action{
  margin: 0 30px 0 0;
}

/* ---------------------- tableのscroll対応 */
#analysis .tableWrap{
  margin: 0;
}
#analysis .tableWrapSummary{
  overflow: auto;
}
#analysis .tableWrapSummary{
  width: 680px;
  float:right;
  margin: 0 15px 0 0;
}
#wrap-summary .tableWrapSummary .data-analysis.list{
  float: none;
}

/* ---------------------- 詳細table */
table.detail{
  min-width: 1210px;
}
table.detail tr:first-child th,
table.detail tr:first-child td{
  border-top: 1px solid #ccc;
}
table.detail th{
  min-width: 140px;
  color: #1D468B;
  font-weight: bold;
  text-align: right;
  font-size: 12px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}
table.detail .sub{
  float:right;
  margin: 0 0 0 15px;
  line-height: 30px;
  border-bottom: none;
  border-top: none;
  vertical-align: middle;
}
table.detail td{
  min-width: 450px;
  padding: 6px;
  font-size: 12px !important;
  /*background: #E9F2FA;*/
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
}

table.detail td *{
 word-break: break-all;
}

table.detail.techno{
  min-width: auto;
}

table.detail.techno th{
  min-width: auto;
}

table.detail.techno td{
  min-width: auto;
}

/*広告などの画像ははみだし防止*/
table.detail td img{
  max-width: 100%;
}
/*
table.detail tr:nth-child(even) td{
  background: #F4F9FD;
}
*/

table.detail th.vertical{
  text-align: left;
  border-bottom: none;
}
table.detail td.vertical{
  border-right: 1px solid #ccc;
}

table.detail td:last-child.vertical{
  border-right: none;
}

table.detail label{
  display: inline-block;
  padding: 5px;
  margin: 0;
}
/* table内tableの処理 */
table.detail td table th,
table.detail td table td{
  width:auto;
  min-width: auto;
  text-align: left;
}


fieldset{
  clear: both;
  border: none;
  padding: 10px;
}
fieldset legend{
  font-size: 16px;
  line-height: 1.6;
  display: block;
  width: 100%;
  padding: 0 0 5px 0;
  border-bottom: 2px solid #4472C4;
  border-radius: 0;
}
fieldset.wrap-data{
  position: relative;
  height: 100%;
}

#applicants.detail fieldset.wrap-data,
#registrants.detail fieldset.wrap-data,
#job.detail fieldset.wrap-data{
  width: 100%;
  max-width: 1020px;
}

table.detail td fieldset legend{
  border:none;
  display: none;
}
table.detail td fieldset{
  color: #000 !important;
  background: #f9f9f9;
  padding: 10px;
  border-radius: 3px;
  border: 2px solid #fff;
  vertical-align: middle;
}


/* ---------------------- フォーム関連 */

span.required{
  display: inline-block;
  padding: 2px 5px;
  line-height: 1.5;
}

fieldset input,
fieldset select,
fieldset textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="email"],
input[type="file"]{
  background: #fff;
  border-radius: 2px;
  padding: 2px 4px;
  border: 1px solid #ccc;
  font-size: 14px;
}

#col_search fieldset input,
#col_search fieldset select,
#col_search fieldset textarea,
#col_search input[type="text"],
#col_search input[type="password"],
#col_search input[type="number"],
#col_search input[type="url"],
#col_search input[type="email"],
#col_search input[type="file"]{
  background: #fff !important;
}


input[type="file"]{
 cursor: pointer;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
textarea:focus{
  box-shadow: none;
  border: 1px solid #2A65CA;
}

input.active{
  padding: 2px 4px !important;
  border: 2px solid #6B9CFA;
}

fieldset input[type="button"]{
  min-width: 75px;
  background: #fff;
  color: #2A65CA;
  margin: 0 5px 0 5px;
  padding:2px 15px;
  border-radius: 15px;
  border:none;
  border: 2px solid #2A65CA;
}
fieldset input.non-active[type="button"]{
  border: 2px solid #ccc;
  color: #aaa;
  background: #e6e6e6;
}
fieldset input.non-active[type="button"]:hover{
  cursor: default;
}
fieldset table input[type="button"]{
  font-size: 12px;
}

table input.search.small{
  color: #fff;
  margin: -1px 0 0 5px;
  background: #2A65CA;
  border: none;
  padding: 2px 22px;
  border-radius: 3px;
  border: 2px solid #1B4181;
  border-top: 2px solid #6A93D9;
  border-left: 2px solid #6A93D9;
}
table input.search.small:hover{
  opacity: 0.7;
}
a.teams_authorization {
  padding: 4px 7px;
  text-align: center;
  min-width: 50px;
  vertical-align: middle;
}

/* ---------------------- リストtable */

table.list{
  min-width: 1024px;
  border-collapse: collapse;
  border-spacing: 0;
}

table.list th{
  color: #000;
  background: #fff;
  padding: 5px;
  text-align: center;
  font-weight: normal;
  font-size:11px;
  line-height: 1.2;
  background: #F6F6F6;
  /*border-top: 1px solid #666;*/
  border-top: 1px solid #BBB;
  border-bottom: 2px solid #BBB;
  border-right: none;
  vertical-align: middle;
  /*word-break: break-all;*/
}

table.list td{
  padding: 5px;
  background: #fff;
  border-right: none;
  border-bottom: 1px solid #aaa;
  vertical-align: middle;
  border-top: 1px solid #B9C0C8;
}

.list table.list tr:hover td,
#applicants table.list tr:hover td,
#registrants table.list tr:hover td,
#job table.list tr:hover td{
  border-bottom: 2px solid #2A65CA;
}

.list table.list tr:hover td,
#applicants table.list tr:hover td,
#registrants table.list tr:hover td,
#job table.list tr:hover td{
  padding: 5px 5px 3px 5px;
}
.list table.list tr:hover + tr td,
#applicants table.list tr:hover + tr td,
#registrants table.list tr:hover + tr td,
#job table.list tr:hover + tr td{
  padding: 6px 5px 5px 5px;
}
.list table.list tr:first-child:hover + tr td,
#applicants table.list tr:first-child:hover + tr td,
#registrants table.list tr:first-child:hover + tr td,
#job table.list tr:first-child:hover + tr td{
  padding: 5px;
}

/*
table.list tr:nth-child(5):hover td:first-child,
table.list tr:nth-child(6):hover td:first-child,
table.list tr:nth-child(7):hover td:first-child{
  background:#666;
  border:none;
  transition: 0.2s;
}
table.list tr:nth-child(5):hover td,
table.list tr:nth-child(6):hover td,
table.list tr:nth-child(7):hover td{
  border-bottom: 1px solid #aaa;
}
*/

table.list .cell-checkbox label{
  text-align: center;
  display: table-cell;
}

/* ------------------------------- 共通パーツ */

/* タブ */
nav.detail_tab{
  margin: 0 0 0 0;
  padding: 14px 0 0 0;
  clear:both;
  position: relative;
  overflow: hidden;
  background: #fff;
}
#registrants img.circle_img{
  width:90px;
  height:90px;
  object-fit:cover;
  border-radius:50%;
  position: absolute;
  margin: 3px 0 2px 0;
  top: -3px;
  left: 0px;
}
#registrants img.pic_edit_icon{
  width:30px;
  height:30px;
  object-fit:cover;
  border: solid 1px #666;
  border-radius:50%;
  position: absolute;
  top: 61px;
  left: 70px;
  cursor: pointer;
}
#registrants div.popup_img{
  display: none;
  position: fixed;
  width: auto;
  top: 18%;
  left: 19%;
  z-index: 500;
  background-color: #FFF;
  border: 1px solid #666;
  padding: 40px 100px 30px 100px;
  text-align: left;
}
#registrants div.popup_img span.ajax_result{
  display: none;
  font-size: 0.8em;
  border-radius: 4px;
  padding: 5px 10px;
  margin-top: 5px;
}
#registrants div.popup_img span.result_info{
  color: #282;
  background: #e3efdc;
}
#registrants div.popup_img span.result_ng{
  color: #f30;
  background: #fdc;
}
#registrants img.disp_img{
  display: inline-block;
  height: 340px;
  width: 340px;
  object-fit:cover;
  border: solid 1px #666;
}
#registrants .close_popup {
	cursor:pointer;
	position: absolute;
  padding: 5px;
	top: 0px;
	right: 0px;
	font-size: 20px;
}
#registrants img.close_icon{
  width: 25px;
  height: 25px;
  margin: 7px 7px 0 0;
}

#registrants div.face_pic_input label.face_pic_upload{
  color: #fff;
  background: #006eff;
  border: 1px solid #0258c9;
  border-top: 1px solid #4797ff;
  border-left: 1px solid #4797ff;
  padding: 6px 12px;
  font-size: 0.7em;
  font-weight: normal;
  cursor: pointer;
}
#registrants div.face_pic_input label.face_pic_upload input{
  display: none;
}
#registrants div.face_pic_input span{
  display: inline-block;
  vertical-align: top;
  font-size: 0.6em;
  color: #333;
}
#registrants div.face_pic_control{
  margin-top: 15px;
}
#registrants div.face_pic_control ul li{
  display: inline;
}
#registrants div.face_pic_control ul li label input{
  display: none;
}
#registrants div.face_pic_control ul li label{
  color: #fff;
  padding: 7px 14px;
  font-size: 0.7em;
  font-weight: normal;
  cursor: pointer;
}
#registrants div.face_pic_control ul li label.face_pic_save{
  display: none;
  color: #fff;
  background: #FF8600;
  border: 1px solid #EF6C00;
  border-top: 1px solid #FFA726;
  border-left: 1px solid #FFA726;
}
#registrants div.face_pic_control ul li label.face_pic_delete{
  color: #fff;
  background: #f44336;
  border: 1px solid #c73a30;
  border-top: 1px solid #ee8982;
  border-left: 1px solid #ee8982;
  margin-left: 10px;
}


nav.detail_tab ul.tab{
  width: 100%;
  border-bottom: 2px solid #aaa;
}
nav.detail_tab .tab li,
nav.detail_tab .tab li a{
  display:inline-block;
  width: 110px;
  text-align: center;
  font-size: 12px;
}

nav.detail_tab .tab li{
  padding:0;
  margin:0 -15px 0 12px;
  line-height: 1.2;
}
nav.detail_tab .tab li a{
  color: #000;
  padding: 5px 5px 6px;
  border-radius: 0;
  background:none;
  height: 40px;
  border: 2px solid #eee;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  margin: 0 0 -2px 0;
  background:#eee;
}
nav.detail_tab .tab li a.active{
  padding: 10px 10px 8px;
  background: #FCFCFC;
  color: #333;
  height: 45px;
  border: 2px solid #aaa;
  border-bottom: 2px solid #fff;
  margin: 0 0 -7px 0;
}
nav.detail_tab .tab li a:hover{
  color: #2A65CA;
  background: #E9F2FA;
  border: 2px solid #E9F2FA;
  border-bottom: none;
}
nav.detail_tab .tab li a.active:hover{
  color: #333;
  border: 2px solid #aaa;
  background: #fff;
  opacity:1;
}


#applicants.detail #info-fixed,
#registrants.detail #info-fixed,
#job.detail #info-fixed{
  padding-right: 352px;
  width: auto
  display: block;

}

#applicants.detail #info-fixed nav.detail_tab,
#registrants.detail #info-fixed nav.detail_tab{
  border-bottom: 2px solid #aaa;
}
#registrants.detail #info-fixed nav.detail_tab{
  min-height: 98px;
}
#applicants nav.detail_tab ul.tab,
#registrants nav.detail_tab ul.tab{
  width: auto;
  min-height: 45px;
  bottom: -1px;
  border: none;
  margin: 0 0 -2px 0;
  z-index: 200;
  float: right;
}
#registrants nav.detail_tab ul.tab{
  position: absolute;
  bottom: -1px;
  right: 0px;
}
#applicants.detail nav.detail_tab .tab li,
#registrants.detail nav.detail_tab .tab li{
  display: inline;
  margin:0 0 -15px 0;
}

#applicants.detail nav.detail_tab .tab li,
#applicants.detail nav.detail_tab .tab li a,
#registrants.detail nav.detail_tab .tab li,
#registrants.detail nav.detail_tab .tab li a{
  display: inline-block;
  width: 85px;
  text-align: center;
  font-size: 12px;
}
#applicants nav.detail_tab .tab li a.active,
#registrants nav.detail_tab .tab li a.active{
  border-bottom: 2px solid #fff;
  margin: 0 0 -2px 0;
  z-index: 1000;
}

/* ボタン関連 */
.button{
  min-width: 100px;
  display: block;
  color: #2A65CA;
  background: #FFF;
  border-radius: 3px;
  padding: 8px 20px;
  border: 2px solid #1D468B;
  border-top: 2px solid #6A93D9;
  border-left: 2px solid #6A93D9;
}
a.button{
  display: inline-block;
  color: #2A65CA;
  cursor: pointer;
}

.button.s{
  min-width: auto;
  display: inline-block;
  padding: 3px 5px;
}

.button.important,
.button.search{
  color: #fff;
  background: #2A65CA;
  border: 2px solid #1B4181;
  border-top: 2px solid #6A93D9;
  border-left: 2px solid #6A93D9;
  font-size: 14px;
}

.button.notactive{
  color: #a9a9a9;
  background: #d8d8d8;
  border: 2px solid #c0c0c0;
  border-top: 2px solid #dedede;
  border-left: 2px solid #d8d8d8;
  font-size: 14px;
}

.button.save,
.button.reserve{
  color: #fff;
  background: #FF8600;
  border: 2px solid #EF6C00;
  border-top: 2px solid #FFA726;
  border-left: 2px solid #FFA726;
  font-weight: bold;
}
.button.button-disabled-top,
.button.button-disabled-bottom{
  color: #a9a9a9;
  background: #d8d8d8;
  border: 2px solid #c0c0c0;
  border-top: 2px solid #dedede;
  border-left: 2px solid #d8d8d8;
  pointer-events: none;
}
.button.add{
  color: #4E342E;
  background: #FDD835;
  border: 2px solid #FBC02D;
  border-top: 2px solid #FFEB3B;
  border-left: 2px solid #FFEB3B;
}
.button.delete{
  color: #fff;
  background: #444;
  border: 2px solid #222;
  border-top: 2px solid #888;
  border-left: 2px solid #888;
}
.button.csv{
  color: #fff;
  background: #43A047;
  border: 2px solid #2E7D32;
  border-top: 2px solid #66BB6A;
  border-left: 2px solid #66BB6A;
}
.button.normal{
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  background: #2A65CA;
  border: 1px solid #1B4181;
  border-top: 1px solid #6A93D9;
  border-left: 1px solid #6A93D9;
  text-align: center;
}
/* リスト内詳細ボタン */

table.list .button.detail{
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  background: #2A65CA;
  border: 1px solid #1B4181;
  border-top: 1px solid #6A93D9;
  border-left: 1px solid #6A93D9;
  text-align: center;
}
table.list .button.reserve{
  padding: 5px 10px;
}

/* リスト内メールなどの小ボタン */
table.list .wrap-btns{
  text-align: left;
  margin: 0 auto;
  padding: 0 3px 5px 0;
}
table.list .btn.s{
  display: inline-block;
  float: none;
  margin: 0 -3px -3px 0;
}

table.list .btn.s.delete{
  width: 26px;
  height: 26px;
  background:url(../img/common/btn_s_trash.png) 0 center no-repeat;
  background-size: 26px 26px;
}
table.list .btn.s.mails{
  width: 26px;
  height: 26px;
  background:url(../img/common/btn_s_mail.png) 0 center no-repeat;
  background-size: 26px 26px;
}
table.list .btn.s.career{
  width: 26px;
  height: 26px;
  background:url(../img/common/btn_s_print.png) 0 center no-repeat;
  background-size: 26px 26px;
}
table.list .btn.s.duplicate{
  width: 26px;
  height: 26px;
  background:url(../img/common/btn_s_duplicate.png) 0 center no-repeat;
  background-size: 26px 26px;
}
table.list .btn.s.matching{
  width: 26px;
  height: 26px;
  background:url(../img/common/btn_s_matching.png) 0 center no-repeat;
  background-size: 26px 26px;
}

/* リスト内昇順降順 */
table.list .updown{
  width: 66px;
  margin: 4px auto 2px;
  text-align: center;
}
table.list .btn.s.up,
table.list .btn.s.down{
  width: 30px;
  height: 15px;
  margin: 0;
}
table.list .btn.s.up{
  border-radius: 3px 0 0 3px;
  margin: 0 -2px 0 0;
  background:url(../img/common/ico_listup_gr.png) #DDD center no-repeat;
  background-size: 14px 7px;
}
table.list .btn.s.down{
  border-radius: 0 3px 3px 0;
  background:url(../img/common/ico_listdown_gr.png) #DDD center no-repeat;
  background-size: 14px 7px;
}
table.list .btn.s.up.select{
  background:url(../img/common/ico_listup_wh.png) #2A65CA center no-repeat;
  background-size: 14px 7px;
}
table.list .btn.s.down.select{
  background:url(../img/common/ico_listdown_wh.png) #2A65CA center no-repeat;
  background-size: 14px 7px;
}

/* ボタン関連-並べる場合 */
.action{
  float:right;
  margin: 0 30px 10px 0;
  z-index:100;
}
.action li{
  display: inline-block;
  text-align: center;
}
.detail_tab .action,
.nav_list .action{
  position: absolute;
  right: 18px;
  bottom: 12px;
  margin: 0;
}
.nav_list .action{
  right: 28px;
}
#applicants .detail_tab .action,
#registrants .detail_tab .action{
  right: 18px;
  bottom: 8px;
}
#applicants .detail_tab .action .button,
#registrants .detail_tab .action .button{
  min-width: auto;
}


ul li a.btn{
  background:none;
  text-indent:0;
  background: #CCECFF;
}
.btn.text b{
  display: inline;
  line-height: 32px;
  color: #000;
  margin: 0;
  font-weight: normal;
  vertical-align: middle;
}
.btn.text{
  width: auto;
  height: 34px;
  padding: 0 12px;
  background: none;
  background: #FFF;
  border: 2px solid #ccc;
  border-right: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  border-radius: 3px;
}
ul li a.btn.reload{
  color: #fff;
  background: #2E75B6;
  vertical-align: middle;
}


/* 戻るボタン */
nav.back.list{
  border: none;
  float:left;
  margin: 8px 0 10px 5px;
}
nav.back.list a{
  display: inline-block;
  width: auto;
  min-width: 150px;
  height: auto;
  padding: 8px 10px 8px 25px;
  color: #333;
  background: #fff;
  /*border: 3px solid #C0E3FC;*/
  border: 3px solid #ddd;
  text-indent: 0;
  text-align: center;
  border-radius: 3px;
  position: relative;
}
nav.back.list a:before{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: 0;
	border-right: 3px solid #2A65CA;
	border-top: 3px solid #2A65CA;
	position: absolute;
	left: 10px;
	top: 10px;
	transform: rotate(225deg);
}

/* ページ内リンク */
.scroll-link{
  margin: 0;
  float: right;
  font-size: 12px;
}
.scroll-link li{
  display: inline-block;
}
.scroll-link li:after{
  content:" ｜";
}
.scroll-link li:last-child:after{
  content:"";
}

/* ページャー */
.nav_list{
  width :100%;
  clear: both;
  border: none;
  float: left;
  padding: 20px 20px 10px 20px;
  position: relative;
  min-height: 60px;
}
.nav_list .count{
  padding: 12px 0 0;
}
select#chgpgmax{
  font-size: 12px;
  padding: 3px;
}
select#srch_line_setting_id{
  font-size: 12px;
  padding: 3px;
}
.nav_list .nav_pager{
  margin: 0 0 0 0;
}
.nav_list .nav_pager li{
  float: left;
  font-size: 14px;
  background: none;
  position: relative;
  margin: 0 0 0 2px;
}
.nav_list .nav_pager li a{
  display: inline-block;
  font-size: 14px;
  background: none;
  padding: 5px 7px;
  background: #eee;
}
.nav_list .nav_pager li.current a{
  color: #fff;
  background: #2A65CA;
}
.nav_list .nav_pager li a:hover{
  color: #fff;
  background: #2A65CA;
}
.nav_list .nav_pager .ellipsis{
  vertical-align: middle;
  padding: 3px 4px;
}
.nav_list .nav_pager a.non-active,
.nav_list .nav_pager a.non-active:hover{
  color: #666;
  background: #BBB;
  cursor: default;
  opacity: 1;
  cursor: text;
}

.nav_list .nav_pager li.prev a,
.nav_list .nav_pager li.next a{
  min-width: 22px;
  text-indent: -9999px;
}
.nav_list .nav_pager li.prev a{
  background:url(../img/common/ico_prev_gr.png) #EEE 5px 6px no-repeat;
  background-size: 12px 12px;
}
.nav_list .nav_pager li.prev a:hover{
  background:url(../img/common/ico_prev_wh.png) #2A65CA 5px 6px no-repeat;
  background-size: 12px 12px;
}
.nav_list .nav_pager li.prev a.non-active{
  background:url(../img/common/ico_prev_gr.png) #BBB 5px 6px no-repeat;
  background-size: 12px 12px;
}
.nav_list .nav_pager li.next a{
  background:url(../img/common/ico_next_gr.png) #EEE 5px 6px no-repeat;
  background-size: 12px 12px;
}
.nav_list .nav_pager li.next a:hover{
  background:url(../img/common/ico_next_wh.png) #2A65CA 5px 6px no-repeat;
  background-size: 12px 12px;
}
.nav_list .nav_pager li.next a.non-active{
  background:url(../img/common/ico_next_gr.png) #BBB 5px 6px no-repeat;
  background-size: 12px 12px;
}


/* hoverでヘルプ[？] */
.pop-help{
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  background: #ccc;
  border-radius: 10px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.pop-help:hover{
  color: #2A65CA;
}

/* ちょっとメモ用 */
.box-memo{
  font-size: 11px;
  margin: 30px 15px 15px;
}

/* リストでチェック入れたら出現 */
.actions{
  clear: both;
}
.actions a.button{
  color: #2A65CA;
  background: #fff;
  text-align: center;
}
.actions a.button.newMail{
  background:url(../img/common/ico_action_newMail.png) #fff 5px center no-repeat;
  background-size: 20px 20px;
  text-indent: 10px;
}
.actions a.button.delete{
  color: #fff;
  background:url(../img/common/ico_action_delete.png) #666 5px center no-repeat;
  background-size: 20px 20px;
  text-indent: 10px;
}
.actions a.button.excel{
  color: #fff;
  border: 2px solid #2E7D32;
  border-top: 2px solid #66BB6A;
  border-left: 2px solid #66BB6A;
  background:url(../img/common/ico_action_excel.png) #43A047 5px center no-repeat;
  background-size: 20px 20px;
  text-indent: 10px;
}


/* ---------------------- 特殊パーツ */

#koukoku_cd_loading img{
  vertical-align: middle;
}
.ui-datepicker-trigger{
  width:20px;
  height: 20px;
  margin: 0 0 0 5px;
}


/* ---------------------- 検索パーツ */
/* 囲み */
#wrap-search{
  height: auto;
  position: relative;
  top: 15px;
  left: 0;
  clear: both;
  width: auto;
  padding: 0;
  margin: 3px 20px 20px 20px;
  border: 2px solid #CCC;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 1px 1px 2px #ddd;
}
/* 条件と保存とクリア */
#wrap-search table{
  width: 100%;
  margin: 0;
  table-layout: fixed;
}
#wrap-search th,
#wrap-search td{
  vertical-align: middle;
  text-align: left;
  font-size: 12px;
  padding: 5px 8px;
  border: none;
}
#wrap-search td{
  vertical-align: top;
}
#wrap-search th{
  width: 160px;
  font-size: 11px;
  font-weight: normal;
  background: #f6f6f6;
}
#wrap-search table + table th{
  text-align: right;
}
#wrap-search table.quick-search{
  border-bottom: 1px solid #ccc;
  table-layout: auto;
  background: #f6f6f6;
}
#wrap-search table.quick-search th,
#wrap-search table.quick-search td{
  display: inline-block;
  float: left;
  width: auto;
}
#wrap-search table.quick-search th{
  white-space: nowrap;
  padding: 10px 0 10px 10px;
}
#wrap-search table.quick-search td{
  background: #f6f6f6;
  text-align: left;
}

#wrap-search td.specified{
  background: #fff;
  font-size: 12px;
  border-top: 2px solid #f6f6f6;
  padding: 8px 4px 6px 8px;
}
#wrap-search td.specified #search_item_value{
}

#wrap-search td.specified span{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrap-search td .specified-add{
  overflow: hidden;
  display: block;
  padding: 4px 0 0 0;
  margin: 0 0 -10px 0;
}
#wrap-search td .specified-add .btn.s.delete{
  margin: 3px 0 0 0;
}

#wrap-search td.go-save{
  border-top: 4px solid #f6f6f6;
  width: 210px;
  vertical-align: top;
  background: #fff;
  padding: 3px 3px 5px 0;
  font-size: 12px;
}
#wrap-search .search-clear{
  float: left;
  display: inline-block;
  background: none;
  border: 2px solid #fff;
  outline: 0;
  margin: 0;
  padding: 2px 0;
  color: #2A65CA;
  font-size: 12px;
}
#wrap-search .modal-open.button.save-search{
  display: inline-block;
  vertical-align: top;
  float: right;
  margin: 0 0 0 -100px;
}
#wrap-search td.go-search{
  width: 190px;
  text-align: right;
  padding: 3px 5px 3px 0;
  background: #fff;
}

#wrap-search input.search-clear input:hover{
  color: #6A93D9;
}
/* 検索モーダル開閉 */
#wrap-search td a.modal-open{
  display: inline-block;
  padding: 3px 10px;
}


/* 保存された条件 */
.saved-search{
  box-shadow:none;
  margin: -10px;
  padding: 5px 0 3px 10px;
  background: #f6f6f6;
  font-size: 12px;
  border-radius: 0;
}
.saved-search li{
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 12px;
}
.saved-search li.admin-search a,
.saved-search li.mine-search a{
  color:#2A65CA;
  background:#fff;
  border: 1px solid #2A65CA;
  border-radius: 3px;
}
.saved-search li.admin-search a:hover,
.saved-search li.mine-search a:hover,
.saved-search li.admin-search.this a:hover,
.saved-search li.mine-search.this a:hover,
.saved-search li.admin-search.this a,
.saved-search li.mine-search.this a{
  color: #fff;
  background: #2A65CA;
  opacity: 100;
}
.saved-search li.admin-search a.delete,
.saved-search li.admin-search.this a.delete,
.saved-search li.mine-search a.delete,
.saved-search li.mine-search.this a.delete{
  background:none;
  padding: 0;
  border:none;
  color: #333;
  background: none;
  line-height: 2;
}
.saved-search li.admin-search a.delete:after,
.saved-search li.admin-search a.delete:before,
.saved-search li.mine-search a.delete:after,
.saved-search li.mine-search a.delete:before,
.saved-search li.admin-search.this a.delete:after,
.saved-search li.admin-search.this a.delete:before,
.saved-search li.mine-search.this a.delete:after,
.saved-search li.mine-search.this a.delete:before{
  content: none;
}
.saved-search li.admin-search.this a{
  padding: 2px 8px 2px 25px;
}
.saved-search li.mine-search.this a{
  padding: 2px 8px;
}
.saved-search li.admin-search.this a:after,
.saved-search li.mine-search.this a:after{
  content: none;
}
/* 下にサブ的な検索があった場合利用：現状面接のみ？ */
#wrap-search-sub{
  clear: both;
  padding:　10px;
  margin: 30px 15px 10px 15px;
}
#wrap-search-sub select{
  margin: 0 5px 5px 0;
}
#wrap-search-sub .title-subsearch{
  display: inline-block;
  padding: 5px;
  font-size: 12px;
  text-align: left;
}

/* --------------------------- 共通のモーダル */
.modal-content {
  display: none;
  position: fixed;
  z-index: 1001;
  width: 90%;
  max-width: 1240px;
  top: 45px;
  padding: 20px;
  background:#fff;
  border-radius: 5px;
  border: 5px solid #ddd;
  overflow-y: auto;
  max-height: 85%;
  cursor: default;
}

.modal-content p {
    margin: 0 0 20px 0;
    padding:0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height:1.6;
}
.modal-content h3 {
  color: #0663ad;
  font-size: 16px;
  font-size: 1.6rem;
    margin: 8px 0 5px;
  text-align: left;
}
.modal-overlay {
    z-index:1000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.40);
    /*overflow:scroll-y;*/
}
.modal-open:hover,
.modal-close:hover {
  cursor: pointer;
  text-decoration: none;
}
.modal-close {
  display: inline-block;
  color: #fff;
  background: #333;
  padding: 12px;
  margin: 2px auto;
  border-radius: 2px;
  text-align: center;
  position: fixed;
  top: 40px;
  z-index: 2001;
  font-size: 16px;
  left: 85%;
}
#col_csv .modal-close,
#col_saveitems .modal-close,
#col_baitai_csv_import .modal-close{
  position: absolute;
  top: -2px;
  right: 0;
  left: auto;
  width: 40px;
  padding: 12px -4px;
}
.modal-close:before {
  content: "×";
  font-weight: bold;
  margin: 0 0 0 0;
}
.modal-close:hover{
  background: #666;
}
/* 検索モーダル */
#col_search{
  display: none;
  font-size: 12px;
}
#col_search.modal-content{
  padding: 10px 0 20px 10px;
  box-shadow: 1px 1px 8px #111;
  cursor: default;
}
#col_search table{
  margin: 0;
}

#col_search fieldset{
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;  display: -webkit-inline-box;
  width: 100%;}
#col_search fieldset th,
#col_search fieldset td{
  border-bottom: 3px solid #FFF;
}
#col_search fieldset th,
#col_search #search_always_display th{
  padding: 4px 8px 4px 4px;
  font-size: 12px;
  font-weight: bold;
  color: #1D468B;
  background: #f6f6f6;
}
#col_search fieldset td{
  font-size: 12px;
  padding: 3px 8px;
  background: #FFF;
}
#col_search fieldset td input{
  border: 1px solid #ccc;
  transition: 0.1s;
}
#col_search fieldset td input:focus,
#col_search fieldset td select:focus{
  border: 1px solid #2A65CA;
}
#col_search fieldset th label:hover{
  background: none;
  cursor: default;
}
#col_search #search_always_display{
  margin: 0 0 0 -10px;
}
/* モーダル下部の検索ボタン集 */
.wrap-buttons{
  margin: 0 auto -20px -10px;
  padding: 20px;
  height: 85px;
  text-align: center;
  background: #fff;
  overflow: hidden;
  z-index: 200;
  background: #e6e6e6;
}
.wrap-buttons .options{
  background: #fff;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 2px;
  position: absolute;
  bottom: 23px;
  left: 40px;
  box-shadow: 1px 1px 3px #CCC;
}
.wrap-buttons .options label{
  margin: 0 5px 0 0;
  padding: 3px 5px;
  cursor: pointer;
  border-radius: 3px;
}
.wrap-buttons .options label:hover{
  background: #FFF5BB;
}
.wrap-buttons .options b{
  margin: 0 12px 0 0;
}
.wrap-buttons .button.search{
  display: block;
  position: absolute;
  left: 41%;
  letter-spacing: 1px;
  font-size: 18px;
  min-width: 280px;
  box-shadow: 1px 1px 2px #000;
  border-top: 1px solid #6A93D9;
  border-left: 1px solid #6A93D9;
}
.wrap-buttons .button.search:hover{
  background: #6A93D9;
  border: 2px solid #6A93D9;
}




/* 条件保存モーダル */
#col_saveitems{
  top: 200px;
  width: 600px;
  height: 25%;
  min-height: 200px;
}
#dialog-list-div p{
  font-size: 14px;
}
#dialog-list-div input[type="text"]{
  padding: 5px 10px;
  max-width: 280px;
}
#dialog-list-div .button{
  display: inline-block;
  padding: 5px 15px;
}
#dialog-list-div .button + p{
  margin: 15px 0 0 0;
  padding: 5px;
  color:
}
#dialog-list-div .button + p label{
  cursor: pointer;
  color: #2A65CA;
}
#dialog-list-div .button + p label:hover{
  color: #6A93D9;
}

/* 既存モーダルデザイン変更 */
.ui-widget-overlay{
    background:rgba(0,0,0,0.60);
}


/* CSVモーダル */
#col_csv,.rpm-modal--baitai{
  top: 200px;
  width: 600px;
  height: auto;
}
#col_csv dl,.rpm-modal--baitai dl{
  margin: 0 0 15px 0;
  border-bottom: 1px solid #ccc;
}
#col_csv dl:last-child,.rpm-modal--baitai dl:last-child{
  border-bottom: none;
}
#col_csv dt,.rpm-modal--baitai dt{
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#col_csv dd,.rpm-modal--baitai dd{
  font-size: 12px;
  margin: 0 0 10px 0;
}
#col_csv dd input,
#col_csv dd a,
.rpm-modal--baitai dd input,
.rpm-modal--baitai dd a{
  vertical-align: middle;
}
#col_csv dd p.option,.rpm-modal--baitai dd p.option{
  background: #F6F6F6;
  margin: 15px 0 0 0;
  padding: 5px 8px;
  border-radius: 3px;
}


/* ページ上部へ */
#page-top {
  z-index: 400;
  right: 15px;
  bottom: 15px;
  margin: 0;
  position: fixed;
  border-right: 0;
}

#page-top a,
a.pagetop{
  display: block;
  text-align: center;
  text-decoration: none;
  width: 38px;
  height: 38px;
  min-width: auto;
  text-indent: -9999px;
  background:url(../img/common/ico_pagetop.png) 0 no-repeat;
  background-size: 38px 38px;
  border: none;
}
/* 応募者新着丸バッチ */
#noty_count_applicant{
  display: none;
  cursor: pointer;
  top: 2px;
  right: -4px;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 12px;
  font-size: 8px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  background: #ff0000;
}

/* line新着●パッチ */
#noty_count_line{
  display: none;
  cursor: pointer;
  top: 2px;
  right: -4px;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 12px;
  font-size: 8px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  background: #ff0000;
}


/* 応募者「※媒体連携応募者のため変更はできません」 */
#info-date p.oubodate{
  font-size: 10px;
  margin: -5px 0 0 -65px;
}
#info-date input.fix{
  border: none;
  color: #333;
}

/* ---------------------- registrantsと共用*/

#applicants #contents,
#registrants #contents{
  background: #FCFCFC;
  margin: 0 0 60px 0;
}

#applicants h2.detail,
#registrants h2.detail{
  width:auto;
  max-width: 640px;
  line-height: 1.5;
  margin: 0 0 5px 0;
  font-size:20px;
  text-align:center;
  padding: 0 10px 0 20px;
  text-align: left;
  float: left;
}

#contents h2.matching_h2,
#registrants h2.matching_h2{
  width:auto;
  line-height: 1.5;
  font-size:20px;
  text-align:center;
  padding: 10px 10px 0 25px;
  float: left;
  font-weight: normal;
  color: #666;
}
#contents h2.matching_h2 b,
#registrants h2.matching_h2 b{
  font-size: 1.4em;
  font-weight: bold;
  color: #111;
}

#registrants h2.detail{
  padding: 0 10px 0 110px;
}
#applicants table.list .cell-check,
#registrants table.list .cell-check{
  width: 20px;
  text-align: center;
}
#applicants table#applicant-list.list td.cell-default,
#registrants table#registrant-list.list td.cell-default{
  width: 342px;
  white-space: nowrap;
  vertical-align: top;
}
#registrants table#registrant-list.list img.circle-list{
  width:70px;
  height:70px;
  margin: 0 10px;
  object-fit:cover;
  border-radius:50%;
}

#job table.list .box-prof,
#applicants table.list .box-prof,
#registrants table.list .box-prof,
#matching table.list .box-prof{
  display: block;
  width: 318px;
  vertical-align: top;
  text-indent: 0;
  margin: -2px -5px 0 -5px;
  padding: 5px;
  background: #E0F0F8;
}
#applicants table.list .dup,
#registrants table.list .dup{
  display: inline-block;
  color: #1A237E;
  font-size: 11px;
  vertical-align: middle;
}
#applicants table.list .dup a,
#registrants table.list .dup a{
  color: #1A237E;
  background: #FFF;
  display: inline-block;
  padding: 3px 5px;
  box-shadow: 1px 1px 1px #ccc;
  border-radius: 10px;
}
#applicants table.list .arrival,
#registrants table.list .arrival{
  display: block;
  border: 1px solid #ea5550;
  color: #fff;
  background: #ea5550;
  font-size: 12px;
  padding: 0 4px;
  margin: 0 0 5px 0;
  border-radius: 0;
}

#job table.list .box-prof .name,
#applicants table.list .box-prof .name,
#registrants table.list .box-prof .name{
  width: 247px;
  color: #000033;
  font-size: 16px;
  padding: 1px 0 0 8px;
  float: left;
  white-space: normal;
}
#job table.list .box-prof .gender-age,
#applicants table.list .box-prof .gender-age,
#registrants table.list .box-prof .gender-age{
  width: 60px;
  text-align: center;
  float: right;
  padding: 3px 0;
}
#job table.list .box-prof .gender-age span,
#applicants table.list .box-prof .gender-age span,
#registrants table.list .box-prof .gender-age span{
  display: inline-block;
  font-weight: bold;
  color: #666;
}
#job table.list .box-prof .gender-age span.male,
#applicants table.list .box-prof .gender-age span.male,
#registrants table.list .box-prof .gender-age span.male{
  color: #1E88E5;

}
#job table.list .box-prof .gender-age span.female,
#applicants table.list .box-prof .gender-age span.female,
#registrants table.list .box-prof .gender-age span.female{
  color: #ef5350;
}


#job table.list .box-status{
  display: block;
}
#job .box-status span.status-ie6-7{
  display: block;
  min-width: 130px;
  font-size: 12px;
  text-align: left;
  white-space: normal;
}

#applicants table.list .box-status,
#applicants table.list .box-substatus,
#registrants table.list .box-status,
#registrants table.list .box-substatus{
  display: inline-block;
  width: 130px;
  padding: 0 6px 0 3px;
  margin: 4px 0 0 -5px;
  vertical-align: top;
}
#applicants .box-status span.status-ie6-7,
#applicants .box-substatus span.status-ie6-7,
#registrants .box-status span.status-ie6-7,
#registrants .box-substatus span.status-ie6-7{
  font-size: 12px;
  text-align: left;
  white-space: normal;
}

#applicants table.list .box-status select,
#applicants table.list .box-substatus select,
#registrants table.list .box-status select,
#registrants table.list .box-substatus select{
  width: 125px;
  vertical-align: middle;
  margin: 0;
  padding: 3px 4px;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
}

/* タグ-右サイドから通常エリアに移動 */
#tag-edit{
  border-bottom: none;
  padding: 0;
}
td .list_tag{
  max-width: 98%;
}
#tag-edit ul.tagit li.tagit-choice{
  padding: 2px 24px 2px 5px;
  font-size: 12px;
}
#tag-edit .ui-corner-all{
  border-radius: 2px;
}


/* 応募者・登録者詳細の上部固定情報 */

#applicants #info-date,
#registrants #info-date{
  margin: -5px 0 0 15px;
  float: left;
}
#applicants #info-date dt,
#applicants #info-date dd,
#registrants #info-date dt,
#registrants #info-date dd{
  display: inline-block;
  float: left;
  padding: 2px 5px;
  font-size: 12px;
}
#applicants #info-date dt,
#registrants #info-date dt{
  clear: both;
}
#applicants #info-date dt.date,
#registrants #info-date dt.date{
  padding: 7px 5px 2px 5px;
}
#applicants #info-date dd,
#registrants #info-date dd{
  padding: 2px 5px 2px 0;
}
#applicants #info-date dd input,
#registrants #info-date dd input{
  font-size: 12px;
}



/* ---------------------- !notice! select疑似div*/
/*multiple-rows selectbox*/
.select-replacement-wrapper {
  position: relative;
}
/* Only shows if JS is enabled */
.select-replacement-wrapper a {
  display: block;
  border: 1px solid #999;
  background: #eee;
  padding: 4px 5px;
  border-radius: 2px;
}
.select-replacement-wrapper a:hover{
  cursor: pointer;
}
select.replace {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border: 1px solid green;
  opacity: 0;
}



#applicants table.list .box-webapply,
#registrants table.list .box-webapply,
#job table.list .box-webapply{
  display: inline-block;
  width: 50px;
  padding:0;
  margin :8px 0 0 0;
  text-align: center;
  color: #666;
  vertical-align: middle;
}

/* リスト上アクティブユーザ表示 */
#applicants table.list .activeuser td,
#registrants table.list .activeuser td,
#job table.list .activeuser td{
  background: #FFF59D;
}
table.list .btn.s.active{
  width: 23px;
  height: 23px;
  background:url(../img/common/btn_s_active.png) 0 center no-repeat;
  background-size: 23px 23px;
}
#job table.list .activeuser .box-prof .btn.s.active,
#applicants table.list .activeuser .box-prof .btn.s.active,
#registrants table.list .activeuser .box-prof .btn.s.active{
  margin: 0 0 -5px -3px;
}

#job table.list .activeuser .box-prof,
#applicants table.list .activeuser .box-prof,
#registrants table.list .activeuser .box-prof{
  background: #e6e6e6;
}

#job table.list .activeuser .box-prof .gender-age span.female,
#applicants table.list .activeuser .box-prof .gender-age span.female,
#registrants table.list .activeuser .box-prof .gender-age span.female{
  color: #d32f2f;
}

#applicants table.list td,
#registrants table.list td,
#job table.list td{
  font-size: 12px;
}



#applicants span#kihon,
#applicants span#mensetsu1,
#applicants span#pro,
#applicants span#kanri,
#applicants span#touroku,
#applicants span#active,
#registrants span#kihon,
#registrants span#mensetsu1,
#registrants span#pro,
#registrants span#kanri,
#registrants span#touroku,
#registrants span#active{
  display: inline-block;
  padding: 10px 0 40px 0;
  margin: 0 0 -5px 0;
}
#applicants .scroll-link,
#registrants .scroll-link{
  float: right;
  margin: -50px 0 0 0;
}
#applicants #data-mensetsu table.list{
  width:78%;
  margin: 0 2% 10px 0;
  min-width:600px;
}
#applicants #data-mensetsu #option-mensetsu{
  float:left;
  width:20%;
}
@media screen and (max-width: 1160px) {
  #applicants #data-mensetsu #option-mensetsu{
  width : 30%;
  }
  #applicants #data-mensetsu table.list{
  width: 100%;
  }
}
#applicants #data-mensetsu #option-mensetsu a.button{
  margin: 0 0 10px 0;
  line-height: 1.5;
}
#applicants .nav_list .action,
#registrants .nav_list .action{
  bottom: 10px;
}




/* 下部固定のアクションボタンBOX */
.list .box-bottom{
  display: none;
}
.box-bottom{
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 300;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  right: 0;
}
.box-bottom .actions{
  display: inline-block;
  width: 100%;
  max-width: 1380px;
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
  text-align: left;
}
.box-bottom .actions-select{
  padding: 10px 0 10px 20px;
  float: left;
  display: inline-block;
  vertical-align: middle;
}
.box-bottom .actions-select select,
.box-bottom .actions-select a.button.save{
  display: inline-block;
  float: left;
  vertical-align: top;
}
.box-bottom .actions-select select{
  border-radius: 2px;
}
.box-bottom .actions-select a.button.save{
  font-size: 14px;
  font-weight: normal;
  margin: 3px 0 0 5px;
  padding: 7px 15px;
}


@media screen and (min-width: 1380px) {
.box-bottom .inner{
   max-width: 1380px;
   margin: auto;
 }
}
.box-bottom ul{
  float: right;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.box-bottom ul li{
  display: inline-block;
  vertical-align: middle;
}
.box-bottom .save,
.box-bottom .important{
  margin: 0 auto;
  padding: 10px 40px;
}
.box-bottom nav.back.list{
  margin: 0;
}
.detail .box-bottom .save{
  margin: 5px auto 0;
}
.detail #page-top{
  display:none !important;
}

/* 応募者・登録者の特殊詳細 */
/* 下部固定ボタン群が重なるときはpaddingのbottom調整 */
#applicants.detail #contents,
#registrants.detail #contents,
#sfaclient.detail #contents,
#job.detail #contents{
  display: block;
  padding: 15px 350px 150px 0;
}
#applicants.detail .subtitle,
#registrants.detail .subtitle{
  display: inline-block;
  min-width: 30px;
}
#applicants.detail table.detail td textarea{
  width: 95% !important;
}
#applicants.detail table.detail td input [type="text"]{
  max-width: 80% !important;
}

/* 印刷画面のtable調整 */
#applicants.print h2.detail{
  margin: 0 0 20px 0;
}
#applicants.print table.detail th{
  text-align: left;
}

.wrap-data{
  float: left;
  padding: 10px;
  margin: 15px 350px 25px 10px;
}
.wrap-data table.detail,
.wrap-data table.list{
  width: 100%;
  min-width: auto;
}
.wrap-data table.list td:last-child{
  border:none;
  border-bottom: 1px solid #aaa;
}
.wrap-data table.list td{
  background: #fff;
  border-bottom: 1px solid #aaa;
}

#applicants.detail form,
#registrants.detail form{
  overflow: hidden;
}
#wrap-side{
  top:43px;
　width: 350px;
  height: 100%;
  background: #C0E3FC;
  position: fixed;
  padding: 10px 10px 50px 10px;
  z-index: 200;
  overflow-y:scroll;
  margin-left: 1030px;
}
@media screen and (max-width: 1410px) {
#wrap-side{
   right: 0;
 }
}
#wrap-side p.red.oubodate{
  font-size: 10px;
  margin: 5px 0 0 80px;
}

#wrap-side legend{
  font-size: 12px;
  padding: 10px 0 6px;
}
#wrap-side .button{
  width: auto;
  font-size: 12px;
  padding: 6px 8px;
  border: 1px solid #1B4181;
  border-top: 1px solid #6A93D9;
  border-left: 1px solid #6A93D9;
}

#wrap-side input.button-list[type="button"] {
	width: 270px;
	background: #fff;
	color: #2A65CA;
	margin: 5px auto;
	padding: 6px 19px;
	border-radius: 20px;
	border: 2px solid #2A65CA;
	display: block;
}

#wrap-side .side-possibledate{
	margin: -17px -10px 15px;
	background: #ddd;
	padding: 10px 10px 2px;
}

#wrap-side .possibledate-contents{
	padding: 10px;
	margin: 10px 0;
	background: #fff;
	border-radius: 5px;
}

#wrap-side .confirm-message{
	padding:0;
	margin: 0;
	font-size: 13px;
}

#wrap-side .passed-time{
	padding:0;
	margin: 0;
	text-align:right;
	color:#706e6e;
	font-size: 11px;
	font-weight: bold;
}

#wrap-side .another-date{
	text-align: center;
	margin: 15px 0 6px;
	cursor:default;
}

#wrap-side .side-basic{
  background: #fff;
  margin: 0 0 5px 0;
  border-radius: 3px;
}
#wrap-side .side-basic .title{
  font-size: 10px;
  font-weight: bold;
}
#wrap-side .side-basic td{
  padding: 3px 7px 3px;
}
#wrap-side .side-basic td:first-child{
  padding: 8px 7px 3px;
}
#wrap-side .side-basic td b{
  display: inline-block;
  width: 75px;
  text-align: right;
  margin: 0 5px 0 0;
}

#wrap-side .box-status,
#wrap-side .box-substatus{
  display: inline-block;
  width: 146px;
  padding: 0 6px 2px 3px;
  margin: 0 0 0 -5px;
  vertical-align: top;
}
#wrap-side .box-status select,
#wrap-side .box-substatus select{
  width: 140px;
  vertical-align: middle;
  margin: 0;
  padding: 3px 4px;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
}
#wrap-side .side-follow{
  width: 300px;
}
#wrap-side .side-follow p{
  margin: 5px 0 0 0;
}
#wrap-side .side-follow textarea{
  width: 300px;
  height: 75px;
  border-radius: 3px;
  border: 1px solid #aaa;
  font-size:12px;
  padding: 5px;
}
#wrap-side .wrap-followtable{
  width: 300px;
  overflow-y: scroll;
  max-height:150px;
}

#follow_list_table{
  padding:0;
}
#follow_list_table th,
#follow_list_table td{
  white-space:normal;
  text-align: left;
  font-size: 12px;
  border:none;
  background: #fff;
}
#follow_list_table th{
  padding: 8px 14px 8px 8px:
  border-radius: 3px 3px 0 0;
  background: #f6f6f6;
  font-weight: bold;
  position: relative;
}
#follow_list_table th .icon16.cancel{
  color: #444;
}
#follow_list_table th a .icon16.cancel:link,
#follow_list_table th a .icon16.cancel:visited{
  color: #444;
}
#follow_list_table a.follow_delete{
  text-indent: -9999px;
  width: 17px;
  height: 17px;
  background:url(../img/common/close_button.png) no-repeat;
  position: absolute;
  right: 2px;
  top: 5px;
}

#follow_list_table th:hover {
  color: #000;
}
#follow_list_table td{
  padding: 5px 8px;
  border-radius:3px;
  border-bottom: 6px solid #C0E3FC;
}
body.compact #follow_list_table td{
  padding: 5px 8px;
}
#follow_list_table td .blank-input {
  border-radius: 2px;
  padding: 0 4px;
  margin: 1px;
  color: #444;
  background: #DDD;
}
#follow_list_table span.upd-confirmed {
  color: #bbb;
}
#follow_list_table span.upd-confirmed .blank-input {
  color: #999;
}

#wrap-side .side-follow{
  margin: 0 0 0 0;
}
#wrap-side .side-follow .wrap-display{
  width: 300px;
  overflow-y: scroll;
  max-height:240px;
}
#wrap-side .side-follow textarea{
  height: 60px;
  margin-top: 5px;
}
#wrap-side .side-interview{
  padding: 0 0 80px 0;
  margin: 0 0 15px 0;
}
#wrap-side .side-interview table.detail{
  width: 100%;
  min-width:300px;
  width: 300px;
}
#wrap-side .side-interview table.detail th{
  width: 65px;
  min-width: 65px;
}
#wrap-side .side-interview table.detail td{
  min-width:200px;
}

#wrap-side .side-nothing{
  margin: 0 0 6px 0;
}
#wrap-side .side-nothing table.detail{
  width: 100%;
  min-width:300px;
  width: 300px;
}
#wrap-side .side-nothing table.detail th{
  width: 65px;
  min-width: 65px;
}
#wrap-side .side-nothing table.detail td{
  min-width:200px;
}

#wrap-side .side-interview .tableWrap{
  padding: 0;
  width: 300px;
  margin: 0;
}

#wrap-side .side-interview td.buttonarea{
  background: none;
  border: none;
}

#wrap-side .side-interview .cancel,
#wrap-side .side-interview .change{
  width:141px;
  font-size: 12px;
  padding: 4px 8px;
  border: none;
  text-align: center;
}
#wrap-side .side-interview .cancel{
  background: #e53935;
  color: #fff;
}
#wrap-side .side-interview .change{
  background: #aaa;
  color: #fff;
}

#wrap-side .side-interview .interview-button{
  text-align: center;
  margin: 5px 0;
}
#wrap-side .side-interview .interview-button a.button{
  width: 290px;
  margin: 0 auto 5px auto;
  padding: 8px 8px;
}

/* 自動配信ONOFFボタン(設定へ移動？) */
#web_int_rsv_btn{
  position: relative;
  top: 0;
  left: 0;
  float:right;
}

#wrap-side .side-outside_agent{
  text-align: left;
  margin-left: 3px;
}
#wrap-side .side-outside_agent .outside_agent-button{
  display: inline-block;
  text-align: center;
  margin: 5px 3px 0 2px;
  position:relative;
}
#wrap-side .side-outside_agent .outside_agent-button a.button{
  width: 140px;
  margin: 0 auto 5px auto;
  padding: 8px;
}
#wrap-side .side-outside_agent .outside_agent-button a.button.outside_agent_message{
  padding-right: 30px;
}
#wrap-side .side-outside_agent .outside_agent-button a.button.outside_agent_comment{
  padding-right: 20px;
}
#wrap-side .side-outside_agent .outside_agent-button a.button.outside_agent_message:before{
	content:url(../img/common/outside_agent_message.png);
	position:absolute;
	top:5px;
  Right:20px;
}
#wrap-side .side-outside_agent .outside_agent-button a.button.outside_agent_comment:before{
	content:url(../img/common/outside_agent_comment.png);
	position:absolute;
	top:5px;
  Right:25px;
}
#noty_count_outside_agent_message,
#noty_count_outside_agent_comment{
  display: none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 12px;
  font-size: 8px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  background: #ff0000;
  z-index: 1;
  top: -8px;
  right: 10px;
  position: absolute;
}

/* ---------------------- job専用*/

#job h2.detail{
  width:auto;
  margin: 0;
  font-size:20px;
  text-align:center;
  padding: 10px 10px 10px;
  text-indent: -150px;
}
/* リスト内select */
#job table.list select{
  border: 1px solid #999;
  border-radius: 2px;
}
/* リスト内詳細ボタン */
#job.list table.list .button.detail{
  display: block;
  min-width: 75px;
  margin: auto;
}

#job.list table.list .button.text{
  min-width: 75px;
  padding: 4px 10px;
}


/* ------------------------------- メッセージボード */
#message.detail #body{
  top: 0;
}
#message.detail #content{
  padding: 20px;
}
#message.detail #content h1{
  padding: 20px 10px;
  font-size: 16px;
}
#message.detail table.detail #ajax_aplcnt_area,
#message.detail table.detail #ajax_rgstrnt_area{
  background: #fff;
}
/* ---------------------- MainMenu（ダッシュボード）専用*/
#index,
#index #body{
  background: none;
}
#index #body{
  background: #fff;
  border-bottom: 3px solid #666;
}
#index #contents{
  top: 40px;
  padding: 25px;
  min-width: 1000px;
}
#index #contents .dash-box{
  clear: both;
  width: 75%;
  min-width: 700px;
  margin: 0 20px 20px 0;
  border-radius: 5px;
  line-height: 1.6;
  background: #F0F0F0;
/* border: 3px solid #ddd;*/
box-shadow: 1px 1px 2px #ccc;
  overflow: hidden;
}
#index #contents .dash-box h2{
  padding: 10px 10px 8px 15px;
  font-size: 16px;
}
#index #contents .dash-box h2 span{
  display: inline-block;
  text-indent: 15px;
  font-size: 12px;
  font-weight: normal;
}
#index #contents .dash-box ul{
  margin: 10px;
  padding: 0;
  border-top: 1px dashed #ccc;
  font-size: 12px;
  background: #fff;
}
#index #contents .dash-box li{
  margin: 0;
  padding: 8px 10px;
  background: none;
  text-indent: 0;
  border-bottom: 1px dashed #ccc;
}

#index #contents.dashboard-contents {
  min-height: 600px;
}

#baitai-login-alert{
  background: #ffcdd2 !important;
  border:none;
  width: auto !important;
  margin: 0 !important;
  padding: 5px 0;
  box-shadow: none;
  border-radius: 0;
  font-weight: bold;
}
#baitai-login-alert a{
  color: #ff0000;
}

#index #contents .dash-box #baitai-login-alert ul{
  border-top:none;
  margin: 15px 20px !important;
  background:url(../img/common/ico_alert_rd.png) #ffcdd2 0px center no-repeat;
}
#index #contents .dash-box #baitai-login-alert ul.baitai-ng{
  background:none;
}
#index #contents .dash-box #baitai-login-alert li{
  padding: 0 0 0 60px;
  border-bottom:none;
  font-size: 16px;
}
#index #contents .dash-box #baitai-login-alert .baitai-ng{
  margin:10px 0 0 !important;
}
#index #contents .dash-box #baitai-login-alert .baitai-ng li{
  font-weight: normal;
  background: #fff;
  margin: 0 0 3px 0;
  padding: 3px 3px 3px 5px;
  display: inline-block;
  font-size: 12px;
  border-radius: 3px;
}
#baitai-login-alert span.icon16.cancel.vmdl{
  margin: 0 0 0 2px !important;
}

.teams-expiration-alert{
  background: #ffcdd2 !important;
  color: #ff0000;
  border:none;
  width: auto !important;
  margin: 0 !important;
  padding: 5px 0;
  box-shadow: none;
  border-radius: 0;
  font-weight: bold;
}
.teams-expiration-alert a:link,
.teams-expiration-alert a:visited,
.teams-expiration-alert a:hover,
.teams-expiration-alert a:active {
  color: #ff0000;
}
#index #contents .dash-box .teams-expiration-alert ul{
  border-top:none;
  margin: 15px 20px !important;
  background:url(../img/common/ico_alert_rd.png) #ffcdd2 0px center no-repeat;
}

#index #contents .dash-box .teams-expiration-alert li{
  padding: 0 0 0 60px;
  border-bottom:none;
  font-size: 16px;
}

#index #contents .dash-box .count-today{
  width: 25%;
  float: left;
}
#index #contents .dash-box .count-today table{
  margin: 0 15px 15px;
}
#index #contents .dash-box .count-today th,
#index #contents .dash-box .count-today td{
  text-align: center;
  padding: 10px;
  width: 65px;
  border: 1px solid #ccc;
  height: 46px;
  vertical-align: middle;
}
#index #contents .dash-box .count-today th{
  background: #2A65CA;
  color: #fff;
  border-right: 1px solid #999;
}
#index #contents .dash-box .count-today td{
  background: #ffffcc;
}

#index #contents .dash-box .count-month{
  width: 70%;
  float: left;
  margin: 0 0 0 20px;
}
#index #contents .dash-box .count-month table{
  margin: 0 15px 15px;
}
#index #contents .dash-box .count-month th,
#index #contents .dash-box .count-month td{
  text-align: center;
  padding: 10px;
  width: 65px;
  border: 1px solid #ccc;
  height: 45px;
  vertical-align: middle;
}
#index #contents .dash-box .count-month th{
  background: #FFF;
  color: #333;
  font-weight: bold;
  border: 1px solid #ccc;
  border-right: 3px double #ccc;
  border-bottom: 1px solid #ccc;
}
#index #contents .dash-box .count-month tr:first-child th{
  color: #333;
  font-weight: normal;
  border-bottom: 3px double #ccc;
}
#index #contents .dash-box .count-month td{
  background: #FFFFCC;
}
#index #contents .dash-box .count-month th.empty,
#index #contents .dash-box .count-month tr:first-child th.empty{
  background: none;
  border: none;
}
#index #contents .dash-box .count-month td{
  background: #F9F9F9;
}
#index #contents .dash-box .count-month tr.data-30days td{
  background: #FFFFCC;
}
#index #contents .dash-box .count-month tr.data-30days th{
  font-size: 14px;
  color: #FF6600;
  background: #FFFFCC;
}


#index #contents .dash-box .count-month th.flow{
  color: #fff;
  font-weight: normal;
  border-right: none;
  border-top: none;
  border-left: none;
  background:url(../img/common/ico_th_arrow.png) #2A65CA left center no-repeat;
}
#index #contents .dash-box .count-month tr:first-child th:nth-child(2){
  background: #2A65CA;
}
#index #contents .dash-box .count-month tr:first-child th.flow{
  color: #fff;
  background-size: 18px 100%;
}

#index #contents .dash-box .count-month td.comparison{
  background: #fff;
}
#index #contents .dash-box .count-today td em,
#index #contents .dash-box .count-month td em{
  font-size: 20px;
}
#index #contents .dash-box .comparison{
  display: block;
  min-width: 60px;
  background:url(../img/common/ico_dash_equal.png) #fff 5px center no-repeat;
  background-size: 18px 18px;
  border-radius: 12px;
  text-align:right;
  line-height: 1.4;
  padding: 5px 10px 4px 4px;
  box-shadow: 1px 1px 2px #ddd;
}
#index #contents .dash-box .comparison.rise{
  background:url(../img/common/ico_dash_rise.png) #fff 5px center no-repeat;
  background-size: 18px 18px;
}
#index #contents .dash-box .comparison.down{
  background:url(../img/common/ico_dash_down.png) #fff 5px center no-repeat;
  background-size: 18px 18px;
}
#index #contents .dash-box .comparison.empty{
  min-height: 20px;
  background: none;
  box-shadow: none;
}

#index #contents .dash-box .undone{
  border: none;
  background: #F0F0F0;
  margin: 0 10px 10px 15px;
}
#index #contents .dash-box .undone li{
  background: #fff;
  display: inline-block;
  border: 2px solid #7EC5F8;
  border-radius: 5px;
  line-height: 1.4;
  position: relative;
  margin: 0 5px 10px 0;
  padding: 8px 10px 6px 50px;
  width: 24%;
  min-width: 200px;
  min-height: 85px;
  font-size: 12px;
  vertical-align: top;
}
#index #contents .dash-box .undone li a{
  display: inline-block;
  color: #000;
  vertical-align: middle;
}
#index #contents .dash-box .undone li img{
  background: #7EC5F8;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0 3px 0;
}
#index #contents .dash-box .undone li em{
  font-size: 16px;
  margin: 0 3px;
}
/* 右上固定ミニ情報 */
#index #sticker-fixed{
  width: 24%;
  position: absolute;
  top: 30px;
  right: 10px;
  font-size: 12px;
}
#index #sticker-fixed dl{
  margin: 0 0 15px 3px;
  overflow: hidden;
}
#index #sticker-fixed dt,
#index #sticker-fixed dd{
  float: left;
  padding: 5px;
}
#index #sticker-fixed dt{
  clear: both;
}
#index #sticker-fixed p{
  clear: both;
}
#sticker-fixed #go-support,
#sticker-fixed .go-support{
  text-align: center;
}
#sticker-fixed #go-support a,
#sticker-fixed .go-support a{
  display: block;
  color: #000;
  padding: 10px 20px;
  font-size: 14px;
  background: #fff;
  border: 2px solid #94C6E9;
  background:url(../img/common/ico_supportlink.png) 5px center no-repeat;
  background-size: 28px 28px;
  border-radius: 4px;
}

#sticker-fixed .notice{
  clear: both;
  margin: 10px;
  border: 3px solid #ccc;
  border-radius: 2px;
  background: #fff;
}
#sticker-fixed .notice li{
  font-size: 12px;
  padding: 10px;
  line-height: 1.5;
  border-bottom: 1px solid #ccc;
}
#sticker-fixed .notice span.date{
  display: inline-block;
  color: #2A65CA;
  padding: 0 10px 0 0;
}

/* 最下部パスワード変更 */
#info-pass{
  float:right;
  margin: 25px 0 45px;
  padding: 10px 20px;
  display: inline-block;
  border: 1px solid #ff0000;
  border-radius: 3px;
  overflow: hidden;
  font-size: 12px;
}

#info-pass dl{
  float:right;
  margin: 0 20px 0 0;
  vertical-align: middle;
  color: #ff0000;
}
#info-pass dt,
#info-pass dd{
  float:left;
}
#info-pass dt{
  clear: both;
}
#info-pass p{
  float: right;
  text-align: right;
  margin: 0;
}

/* ダッシュボード・ログインにだけフッター */
#footer,
#index #footer{
  display: block;
  clear: both;
  bottom : 0;
  overflow: hidden;
  right: 0;
  padding: 10px 0;
  background: none;
  background: #e6e6e6;
}
#footer li{
  display: inline-block;
  font-size: 12px;
}
#footer li:after{
  content:" ｜";
}
#footer li:last-child:after,
#footer li:nth-last-child(2):after{
  content: none;
}
.footer-info{
  width: 100%;
  margin: 10px 0 0 0;
  padding: 10px;
  border-top: 1px solid #ccc;
  background: #fff;
  text-align: center;
}
.footer-info p{
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  vertical-align: top;
}
.footer-info p#info-requirements{
  font-size: 10px;
  min-width: 550px;
  margin: 0 auto 10px;
}
.footer-info p#info-servicedesk{
  font-size: 12px;
  background: #f2f2f2;
  border-radius: 2px;
  border: 1px solid #ddd;
  padding: 10px 15px;
}
.footer-info p#info-servicedesk b{
  /*display: inline-block;
  text-align: center;
  width: 100%;*/
  font-size: 14px;
}
.footer-info p#info-servicedesk a.supportsite{
  display: inline-block;
  color: #666;
  border: 2px solid #999;
  padding: 4px 8px;
  margin: 10px 0 10px 0;
  border-radius: 3px;
  background: #fff;
  font-weight: bold;
}
.footer-info p#info-servicedesk b.tel{
  width: auto;
  color: #e53935;
  font-size: 18px;
  font-weight: bold;
}
.footer-info p#info-servicedesk .close b.tel{
  display: inline-block;
  padding: 5px 8px;
  color: #666;
  background: #ddd;
  font-size: 14px;
  font-weight: normal;
  border-radius: 3px;
}

/* ---------------------- 面接管理専用 */
.nav_list .nav_pager.date{
  margin: 0 0 0 0;
}
.nav_list .nav_pager.date a{
  font-weight: normal;
}
.nav_list .nav_pager.date a span{
  display: inline-block;
  margin: -3px 5px 0 5px;
  vertical-align: middle;
  font-weight: bold;
}
.nav_list .nav_pager.date a:hover{
  color: #fff;
  background: #2A65CA;
}
.nav_list .nav_pager.date a:hover span{
  color: #fff;
}

table.list.cal{
  border-right: 1px solid #bbb;
}
table.list.cal th{
  background: #ddd;
  padding: 10px;
  border-top: 3px double #aaa;
}
table.list.cal tr td{
  vertical-align: top;
}
table.list.cal tr td.num,
table.list.cal tr td.num{
  vertical-align: middle;
}
table.list.cal tr td.time,
table.list.cal tr td.time{
  font-size: 16px;
}
table.list.cal td b.place{
  font-size: 14px;
}
table.list.cal td .no-data{
  color: #666;
  font-size: 12px;
  display: block;
  text-align: center;
  padding: 2px 0;
}
table.list.cal tr.hover td{
  border-bottom: 1px solid #bbb;
}
table.list.cal tr td:first-child{
  background: #e6e6e6;
  color: #2A65CA;
  font-size: 20px;
}
table.list.cal li{
  font-size: 14px;
}

td[class^="wd"]{
  word-break: break-all;
}

table.list.cal td.wd7{
  background: #d9ebf9;
}
table.list.cal td.wd1{
  background: #ffcdd2;
}
table.list.cal th.wd7{
  background: #b7daf4;
}
table.list.cal th.wd1{
  background: #ffb7bd;
}
table.list.cal tr.hover td.wd7{
  background: #d9ebf9;
}
table.list.cal tr.hover td.wd1{
  background: #ffcdd2;
}
table.list.cal tr:hover td:first-child{
  background: #ffffcc;
}
table.list.cal tr:hover td:hover{
  background: #ffffcc;
}
/* 詳細から面接設定関連で遷移したときのみ出るエントリー情報 */
#interview .info-entry{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  background: #FFF;
  box-shadow: 1px 1px 3px #BBB;
}
#interview .info-entry h3{
  margin: -20px -20px 15px -20px;
  padding: 15px 20px;
  color: #333;
  background: #F6F6F6;
  border-bottom: 2px solid #4472C4;
  font-size: 14px;
}
nav.back2.prev{
  border: none;
}
nav.back2.prev a{
  display: inline-block;
  width: auto;
  min-width: 150px;
  height: auto;
  padding: 8px 10px 8px 25px;
  color: #333;
  background: #fff;
  border: 3px solid #ddd;
  text-indent: 0;
  text-align: center;
  border-radius: 3px;
  position: relative;
}
nav.back2.prev a:before{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: 0;
  border-right: 3px solid #2A65CA;
  border-top: 3px solid #2A65CA;
  position: absolute;
  left: 10px;
  top: 10px;
  transform: rotate(225deg);
}




/* ---------------------- メール管理 */
/* 表示ONOFF用 */
#mail .on-off{
  clear: both;
  margin: 30px 10px 10px 20px;
  padding: 10px;
}
#mail .on-off label{
  background: #CCC;
  padding: 2px 15px;
  border-radius: 5px 0 0 5px;
  cursor: pointer;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #CCC;
}
#mail .on-off label:hover{
  background: #aaa;
}
#mail .on-off label+label{
  border-radius:0 5px 5px 0;
}
#mail .on-off label.set{
  color: #fff;
  background: #00C853;
  font-weight: bold;
  border-top: 1px solid #00C853;
  border-bottom: 1px solid #43A047;
}
#mail .on-off label+label.set{
  color: #fff;
  background: #333;
  font-weight: bold;
  border-top: 1px solid #333;
  border-bottom: 1px solid #000;
}
#mail .on-off input[type="radio"]{
  margin: 0 8px 0 0;
}

#mail table.list tr.new td{
  background: #fff;
}
#mail table.list tr.new td b:before{
  content:"●";
  color: #2A65CA;
  font-size: 14px;
  margin: 0 10px 0 0;
}

#mail.detail .action{
  margin: 12px 30px 0 0;
}
#mail table.detail{
  width: 100%;
}
#mail table.detail td{
  min-width: 300px;
  background: #fff;
  padding: 10px;
}

#mail .info-header table.detail td{
  min-width: 100px;
}


#mail table.detail th{
  background: #eee;
}
#mail table.detail textarea,
#mail table.detail input{
  border: 1px solid #ccc;
}
#mail table.detail textarea:focus{
  border: 1px solid #2A65CA;
}
#mail .nav_list .action{
  bottom: 18px;
}

#mail .info-supply{
}
#mail .info-supply table.detail{
  min-width: 100%;
}
#mail .info-supply legend{
  border: none;
  padding: 0;
  margin: 0 0 0 0;
}
#mail .info-supply .btnWrap .button.save{
  width: 170px;
  letter-spacing: 5px;
}
#mail .info-mailbody table.detail td{
  padding: 20px 25px;
}
/* 差し替え */
#mail #contents #mail_subject .mail-keyword,
#mail #contents #mail_body .mail-keyword,
#admin #addsearch_items_dialog #mailtemplate_subject_modal .mail-keyword,
#admin #addsearch_items_dialog #mailtemplate_body_modal .mail-keyword{
  display: inline-block;
}


/* ---------------------- analysis専用*/

#analysis #contents{
  margin: 0 auto;
  padding: 0 0 40px 0;
}


/* 分析検索設定 */
#wrap-setting{
  min-height: 50px;
  clear: both;
  margin: 0 0 15px 0;
  padding: 0 20px 0;
  border-bottom: 2px solid #ccc;
  overflow: hidden;
  position: relative;
}
#wrap-setting dt,
#wrap-setting dd{
  float: left;
  padding: 10px 10px 10px 0;
}
#wrap-setting dt{
  clear: both;
  margin: 8px 0 0 0;
}
#wrap-setting .tab{
  position: absolute;
  bottom: -3px;
  right: 20px;
}
#wrap-setting .tab li{
  display: inline-block;
  text-align: center;
}
#wrap-setting .tab li a{
  display: block;
  min-width: 100px;
  color: #391A02;
  background: #FEF5B6;
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
  border-right: 1px solid #E1C991;
}
#wrap-setting .tab li a.active{
  color: #fff;
  background: #FF7043;
  border-right: 1px solid #D84E18;
}
/* 分析上部拠点サマリ */
#wrap-summary{
  clear: both;
  min-width: 1270px;
  padding: 0 20px 35px;
  overflow: hidden;
}
#wrap-summary p.t-right{
  font-size: 12px;
  margin: 0 0 5px 0;
  padding: 0;
}
#wrap-summary dl{
  float: left;
  width: 300px;
}
#wrap-summary dt,
#wrap-summary dd{
  float: left;
  padding: 10px 10px 10px 0;
}
#wrap-summary dt{
  clear:both;
}
#wrap-summary dl .kyoten{
  font-size: 16px;
  font-weight: bold;
  margin: 5px 10px 0 0;

}
#wrap-summary .total-baitai{
  font-size: 18px;
}
#wrap-summary .data-analysis.list{
  float: right;
  min-width: auto;
  width: 100%;
  table-layout: fixed;
}
#wrap-summary .data-analysis.list .flow-default,
#wrap-summary .data-analysis.list .flow-original{
  width: 80px;
}
#wrap-summary .data-analysis.list td .leadtime01,
#wrap-summary .data-analysis.list td .leadtime02,
#wrap-summary .data-analysis.list td .leadtime03{
  display: inline-block;
  width: 90px;
}

#wrap-summary #analysis_jigyoba_id{
  max-width: 480px;
}

/* サブタイトルとソート */
.wrap-subtitle{
  clear: both;
  margin: 0 0 0 20px;
  padding: 0 0 10px 0;
  overflow: hidden;
}
.wrap-subtitle h2{
  display: inline-block;
  margin: 0 25px 0 0;
  padding: 10px 0;
  font-size: 16px;
}
.wrap-subtitle dl{
  display: inline-block;
}
.wrap-subtitle dt,
.wrap-subtitle dd{
  display: inline-block;
}
.wrap-subtitle dd{
  margin: 0 15px 0 0;
}

/* データのtable */
#analysis .data-analysis{
  border-left: 1px solid #ccc;
  table-layout:fixed;
}
#analysis .data-analysis th,
#analysis .data-analysis td{
  vertical-align: middle;
}
#analysis .data-analysis th{
  color: #fff;
  background: #333;
  font-size: 12px;
  padding: 5px;
  word-break: break-all;
  word-wrap: break-word;
}
#analysis .data-analysis td{
  min-height: 40px;
  text-align: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#analysis .data-analysis em{
  font-size: 15px;
  font-weight: normal;
}
#analysis .data-analysis td.price{
  text-align: right;
}
#analysis .data-analysis td.flow-default{
  background: #ffffcc;
}
#analysis .data-analysis th.flow-default{
  background: #2A65CA;
}
#analysis .data-analysis th.flow-original{
  background: #888;
}
#analysis .data-analysis th.flow-default,
#analysis .data-analysis th.flow-original{
  width: 65px;
}
#analysis .data-analysis td span{
  font-size: 10px;
}
#analysis .data-analysis td span em{
  font-size: 12px;
}
#analysis .data-analysis td.flow-default.cv,
#analysis .data-analysis td.flow-default.time{
  background: #eee;
}
#analysis .data-analysis td{
  white-space:nowrap;
  width: 85px;
  background: #fff;
}

#analysis .data-analysis .total td{
  border-right: 1px solid #ccc;
}
#analysis .data-analysis .total td.flow-default{
  border-bottom: 1px solid #aaa;
}
#analysis .data-analysis .total td.flow-default.time{
  border-right: 1px solid #ccc;
}

#analysis input[type="text"]{
  border: 1px solid #7A7A7A;
}

/* tableのスライダー */
#analysis #slider_mark{
  position: absolute;
  z-index: 5000;
}
#analysis #slider_mark .prev,
#analysis #slider_mark .next{
  display: inline-block;
  text-indent: -99999px;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #333;
}
#analysis #slider_mark .prev{
  background:url(../img/common/ico_slidermark_prev.png) no-repeat;
  background-size: 30px 30px;
}
#analysis #slider_mark .next{
  background:url(../img/common/ico_slidermark_next.png) no-repeat;
  background-size: 30px 30px;
}

/* ---------------------- admin専用*/
/* 基本レイアウト */
#admin #contents{
  position: relative;
  margin:-4px auto 0;
  padding: 15px 0 0 180px;
}
#admin h2.detail{
  display: none;
}
#admin .tableWrap{
  margin: 0 auto 30px;
}
#admin table{
  font-size: 14px;
}
#admin table.list,
#admin table.detail{
  min-width:auto;
}
#admin table.detail td{
  min-width: auto;
}
#admin #contents h3{
  clear: both;
  margin: 0 0 10px 10px;
  padding: 5px;
  color: #2A65CA;
  background: none;
  font-size: 14px;
  font-weight: bold;
}
#admin div textarea{
  max-width: 98% !important;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 14px;
}

#admin table.detail textarea{
  width: 98%;
}

/* 左メニュー */
#menu-admin {
  display: block;
  position: fixed;
  width: 160px;
  height: 100%;
  top: 40px;
  left: auto;
  background: #F6F6F6;
  box-shadow: 1px 1px 2px #ccc;
}
#menu-admin li a{
  font-size: 14px;
  display: block;
  width: 160px;
  padding: 14px 12px;
  color: #333;
  background: #F6F6F6;
  border-left: 3px solid #F6F6F6;
  border-bottom: 1px solid #ddd;
}
#menu-admin li a.active{
  color: #2A65CA;
  background: #fff;
  border: none;
  border-left: 3px solid #2A65CA;
  font-weight: bold;
}
#menu-admin li a:hover{
  border-left: 3px solid #2A65CA;
}

#menu-admin li.logout{
  margin: 14px 0 0 0;
}
#menu-admin li.logout a{
  font-size: 12px;
  border-left: none;
  border-bottom: none;
  background:url(../img/common/ico_logout.png) 36px center no-repeat;
  background-size: 14px 14px;
  text-indent: 44px;
}
#menu-admin li.logout a:hover{
  border-left: none;
  text-decoration: underline;
}

/* タブ */
#admin nav.detail_tab{
  background: #FCFCFC;
  padding: 0;
}

.page-tab {
  clear: both;
  margin-left: 10px;
  margin-bottom: 15px;
  display: flex;
  margin-top: 20px;
}

.page-tab .tab-item.active a{
  color: #2A65CA;
  font-weight: bold;
  background: #fff;
  border-width:0 0 4px 0;
  border-style: solid;
  border-color:#2A65CA;
}

.page-tab .tab-item a {
  display: flex;
  padding: 10px 20px;
  font-size: 16px;
  background: #F8F8F8;
  color: #515151;
}

.page-tab .tab-item {
  margin-right: 2px;
}

/* 契約プラン */
#admin .plan-info table.detail tr:first-child th{
  text-align: left;
}
#admin .plan-info table.detail td{
  min-width: 320px;
}

/* タグ設定 */
#admin table.list td .hashtag{
  max-width: 120px;
  overflow: hidden;
  word-wrap: break-word;
}

/* 媒体連携設定 */
#admin table.media-list a.bt_media-detail{
  width: auto;
}
#admin #contents div.col.form-basic p a{
  text-decoration: none;
}
#admin #contents div.col.form-basic table.list, #admin #contents div.col.form-basic table.list th, #admin #contents div.col.form-basic table.list td{
  font-size: 12px;
}
#admin div.col.form-basic input, #admin div.col.form-basic select, #admin div.col.form-basic textarea{
  font-size: 12px;
  padding: 3px 6px;
}
#admin #contents div.col.form-basic table.list th{
  border-bottom: 1px solid #aaa;
}
#admin #contents div.col.form-basic .box-action .button.add{
  padding: 5px 10px;
}

/* 微妙なボタン違い */
#add_mailtmpl_cond_btn{
  padding: 4px 10px;
  text-align: center;
}
#admin table.list td button.button.text{
  padding: 4px 10px;
}


/* ---------------------- login専用*/
#login {
  background: #fff;
  border-top: 4px solid #2A65CA;
}
#login #body{
  height: auto;
  background: #fff;
}
#login #contents{
  padding: 0 0 0 0;
  top: 5px;
}
#login header{
  text-align: center;
  position: relative;
}
#login header h1{
  padding: 20px 0;
}
#login header h1 img{
  max-width: 400px;
}
/* 重要お知らせ（サーバ遅延系） */
#login header .urgent{
  padding: 20px 0;
  color:#e53935;
  background:#ffcdd2;
  line-height: 1.6;
}
/* 注意お知らせ（セッション切れ系） */
#login header .info{
  margin: auto;
  padding: 20px 0;
  line-height: 1.6;
}
#login header .info h2{
  margin: 0 0 10px 0;
  padding: 0;
}
#login header h2.notice{
  color: #e53935;
}
#login header h2.safe{
  color: #4CAF50;
}
#login header .info p{
  margin: 0;
  color: #333;
  font-size: 12px;
}
/* ログインエラーモーダル */
#login .modal-content.login{
  max-width: 700px;
  height: auto;
  top: 25%;
  line-height: 1.6;
}
#login .modal-content.login p{
  font-size: 12px;
}
#login .modal-content.login h3{
  font-size: 16px;
  margin: 0 0 15px 0;
}
#login .modal-content.login h3.urgent{
  color: #e53935;
}
#login .modal-content.login .for-administrator{
  background: #e6e6e6;
  margin: 20px -20px 0 -20px;
  padding: 15px 20px;
}
#login .modal-content.login .close{
  text-align: left;
  margin: 20px 0 0 0;
}
#login .modal-content.login .modal-close{
  position: relative;
  padding: 4px 40px;
  display: inline-block;
  border-radius: 3px;
  left: 250px !important;
  top: 0 !important;
}
#login .modal-content.login .modal-close:before{
  font-size: 20px;
  margin: 0 5px 0 0;
}
#login .ip-address-from{
  color: #666;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 12px;
}
#login #body{
  top: 0;
}
#login #loginForm{
  width: auto;
  max-width: 560px;
  margin:0 auto;
  position: relative;
  background: none;
  color: #000;
}
#login #loginForm form{
  margin:0 auto;
}
#login #loginForm fieldset label{
  color: #000;
}
#login #loginForm input.w400{
  padding: 8px;
  border: 1px solid #666;
}
#login #loginForm .login-label{
  color: #666;
  padding: 15px;
  font-weight: bold;
  text-align: center;
}
#login #loginForm p.exp{
  text-align: center;
}
#login #loginForm p.exp.error{
  color: #e53935;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}
#login #loginForm p.exp.notice{
  font-size: 12px;
  text-align: left;
}
#login #loginForm p.exp.notice b{
  background:
}
#login .button.important.login{
  margin: 10px auto;
  width: 280px;
}

#login .information{
  margin: 30px -40px 20px -20px;
  padding: 20px;
  border: none;
  background: #fff;
}
#login .information p{
  padding: 10px 0;
  margin: 0;
  line-height: 1.6;
}
#loginForm input:focus{
  box-shadow: none;
  border: 1px solid #2A65CA;
}

/* 管理者メニュー */
#wrap-administrator{
  margin: 0 0 20px 0;
  padding: 10px;
  background: #f4f4f4;
  border: 1px solid #ccc;
  overflow: hidden;
  line-height: 1.4;
  border-radius: 5px;
}
#wrap-administrator dt,
#wrap-administrator dd{
  float: left;
  padding: 10px;
}
#wrap-administrator dt{
  clear: both;
  width: 200px;
  text-align:right;
  font-weight: bold;
}
#wrap-administrator dt label{
  color: #666;
  width: 180px;
  padding: 0 5px;
}
#wrap-administrator dd input{
  margin: 5px 3px 0 0;
}
#wrap-administrator dd input[type="checkbox"]{
  margin: -1px 3px 0 0;
}

body.modal-open {
    overflow: hidden;
}


/* ---------------------- ダッシュボード */
/* ログイン直後のモーダル */
#index .ui-widget-content{
  padding: 10px;
}
body#index .modal-after-login{
  padding: 20px 25px;
  border: 2p
}
#vup-message .bt-releasenote{
  width: auto;
  padding: 0 10px 0 30px;
}

/* ---------------------- カレンダーth固定用 */
/* デフォルト */
.calender_header {
  z-index: 99;
  background: rgba(0, 0, 0, .5);
  text-align: center;
  color: #fff;
  line-height: 30px;
}
/* 固定用 */
.calender_header[data-fixed="1"] {
  position: fixed;
  top: 0;
  width: 100%;
}
/* ---------------------- v4新旧分析残し用調整 */
#analysis.v4-old #localMenu,
#analysis.v4-new #localMenu{
  top: 56px;
  width: 150px;
}

#analysis.v4-old #localMenu li,
#analysis.v4-old #localMenu li a,
#analysis.v4-old #localMenu li a .hover,
#analysis.v4-new #localMenu li,
#analysis.v4-new #localMenu li a,
#analysis.v4-new #localMenu li a .hover{
  width: 150px;
}
#analysis.v4-old table.list{
  border-left: 1px solid #CCC;
  font-size: 14px;
}
#analysis.v4-old table.list th,
#analysis.v4-old table.list td{
  border-right: 1px solid #CCC;
  padding: 10px;
}
#analysis.v4-old table.list th{
  table-layout:fixed;
  word-break: break-all;
  word-wrap: break-word;

}
#analysis.v4-old table.list th{
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #2A65CA;
  border-left: 1px solid #2A65CA;
}
#analysis.v4-old table.list tr:first-child th:last-child{
  border-right: 1px solid #2A65CA;
}
#analysis.v4-old table.list td a{
  font-size: 14px;
}
#analysis.v4-old table.list tr:nth-child(even) td{
  background: #f6f6f6;
}

#analysis.v4-old #wrap-search{
  margin: 3px 20px 35px 20px;
}
#analysis.v4-old .tab li a{
  display: block;
  min-width: 100px;
  background: #e6e6e;
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
  border-right: none;
}
#analysis.v4-old .tab li a.active{
  background: #43A047;
  border-right: 1px solid #2E7D32;
}
#analysis.v4-old .tableWrap{
  clear: both;
  overflow: auto;
}

#analysis.v4-old table.list.conversion{
  width: 100% !important;
}
#analysis.v4-old table.list.conversion th{
  font-size: 12px;
  background: #2A65CA;
  border-top: 3px solid #BBB;
  border-bottom: 1px solid #BBB;
  border-left: 1px solid #BBB;
}
#analysis.v4-old table.list.conversion tr:first-child th:last-child{
  border-right: 1px solid #BBB;
}

/* v4新分析 */
#analysis.v4-new h1#mainTitle{
  display: none;
}

#analysis.v4-new #contents{
  top: 56px;
  left: 0;
  padding: 20px 0 0 165px;
}
#analysis.v4-new .tab_data_year .slide a{
  height: 36px;
}
#analysis.v4-new .tab_data_month .slide a{
  height: 35px;
}
#analysis.v4-new .tab_data_month .slide a.this,
#analysis.v4-new .tab_data_month .slide a.this:hover{
  border-top: 4px solid #456796;
  padding: 8px 0;
}
#analysis.v4-new .tab_data_month .slide a.this:hover{
	color:#333333;
	background:#b9cbdf;
}
#analysis.v4-new table fieldset{
  min-width: 180px !important;
  margin: 0 20px 20px 12px !important;
  padding: 15px !important;
  padding: 45px 15px 15px 15px !important;
  background: #EEE;
  border: 1px solid #DDD;
  position: relative;
}
#analysis.v4-new table fieldset legend{
  font-size: 14px;
  border: none;
  position: absolute;
  top: 15px;
  left: 20px;
}
#analysis.v4-new table fieldset ul{
  margin: 0;
}
#analysis.v4-new nav.tab,
#analysis.v4-new nav.tab ul{
  height: 35px;
}
#analysis.v4-new nav.tab ul{
  border-bottom: 3px solid #142645;
}
#analysis.v4-new nav.tab li{
  height: 32px;
  display: inline-block;
  text-align: center;
}
#analysis.v4-new nav.tab li a{
  display: block;
  min-width: 100px;
  color: #333;
  background: #D5D5CF;
  padding: 10px 15px;
  border-radius: 4px 4px 0 0;
  border-right: 1px solid #BBB;
}
#analysis.v4-new nav.tab li a.active{
  color: #fff;
  background: #213147;
  border-right: 1px solid #142645;
}

/* ---------------------- アラート関連調整 */
div.alerts{
  min-width: 350px;
  margin: 10px 10px 10px 20px;
  padding: 10px;
  display: inline-block;
  border:none;
}
#contents div.alerts p{
  text-align: left;
  font-size:14px;
  color: #333;
  line-height: 1.4;
  padding: 5px 5px 0 38px;
  margin: 0 0 10px 0;
}
div.alerts h2{
  display: block;
  height: auto;
  margin: 0;
  padding: 10px;
  text-indent: 28px;
  font-size: 16px;
  background:url(../img/common/ico_alert_ok.png) 5px 6px no-repeat;
  background-size: 23px 23px;
}
div.alerts.ng h2{
  background:url(../img/common/ico_alert_rd.png) 5px 6px no-repeat;
  background-size: 23px 23px;
}
div.alerts.information h2{
  background:url(../img/common/ico_alert_info.png) 5px 6px no-repeat;
  background-size: 23px 23px;
}

.warning_text{
  margin: 7px 0px 0px 0px;
  font-weight:bold;
  font-size: 12px;
}

/* 最上アラート、アクティブ関連だけ？ */
#user_dup_result_dup{
  display: none;
  margin: 0 10px 0 0 !important;
}
div.alerts.warning{
  background: #E53935;
}
div.alerts.warning h2{
  background:url(../img/common/ico_msg_active.png) 1px 2px no-repeat;
  background-size: 34px 34px;
}
#contents div.alerts.warning p{
  color: #FFF;
}

/* 詳細の重複 */
#user_dup_result{
  margin: 0 0 20px 20px;
}
#user_dup_result #oubo_dup_result h2,
#user_dup_result #user_dup_result_active h2,
#rgst_dup_result_msg{
  text-indent: 60px;
  line-height: 1.4;
}


/* リストでの検索表示項目変更 */
.ui-state-error{
  margin: 30px;
  box-shadow: 1px 1px 3px #CCC;
  background: #B81900;
}
.ui-state-error .ui-icon.ui-icon-alert{
  display: none;
}
.ui-state-error form{
  display: inline-block;
  margin: 0 0 0 12px;
  padding: 0 0 0 32px;
  background:url(../img/common/ico_alert_rd.png) 0 3px no-repeat;
  background-size: 23px 23px;
}
.ui-state-error input.submit{
  border-radius: 3px;
  border: 2px solid #e4e4e4;
  margin: 0 0 0 10px;
  padding: 0 20px;
}
.ui-state-error input.submit:hover{
  background: #E6E6E6;
}

/* ？や不可アラートのポップアップ */
.popup_help_window{
  display: none;
  max-width: 450px;
  position: absolute;
  padding: 15px;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 4px #333;
  z-index: 2000;
  background: #FFFFCC;
}
.popup_help_window.alert{
}
.popup_help_window.alert b{
  display: block;
  margin: -15px -15px 15px -15px;
  padding: 15px;
  font-size: 14px;
  border-radius: 5px 5px 0 0;
  text-indent: 25px;
  background:url(../img/common/ico_alert_rd.png) 16px 16px no-repeat;
  background-size: 18px 18px;
}


/* リストでのステータス/指示フラグ更新時の右下アラート */
#update-dialog{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10001;
  padding: 25px 80px;
  color: #fff;
  background: #CC6666;
  font-weight: bold;
  font-size: 16px;
  background: rgba(75,75,75,0.8);
}

/* リストでのステータス/指示フラグ更新時の右下アラート */
#update-dialog-ajax{
  position: Absolute;
  top: 80px;
  left: 350px;
  z-index: 10001;
  padding: 25px 80px;
  color: #fff;
  background: #CC6666;
  font-weight: bold;
  font-size: 16px;
  background: rgba(75,75,75,0.8);
}

/* 応募詳細ページでの広告コード更新メッセージ */
#update-dialog-koukoku-ajax{
  position: Absolute;
  top: 0px;
  left: 450px;
  z-index: 10002;
  padding: 15px 80px;
  color: #fff;
  background: #CC6666;
  font-weight: bold;
  font-size: 16px;
  background: rgba(75,75,75,0.8);
}


/* ダッシュボードお知らせモーダル */
.modal-content.notice{
  width: 750px;
  font-size: 14px;
}
#contents .modal-content h3{
  background: #fff;
  margin: 10px 0 20px 0;
}
.modal-content.notice .modal-close{
  position: absolute;
  left: 705px !important;
  top: 0 !important;
}

/* lightbox対応 */
#jquery-overlay{
  z-index: 10000;
}
#jquery-lightbox{
  z-index: 10001;
}


/* オンライン面接用 */
#online-interview{
  top: 50px;
  margin-left: 700px;
  position: fixed;
  z-index: 250;
  border: 3px solid #ccc;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #333;
  height: auto;
}
#online-interview h3{
  font-size: 16px;
  background: none;
  color: #333;
  margin: 10px;
}

.online-interview-cal {
 padding: 3px 5px;
 background: #e9e9e9;
 border-radius: 5px;
 box-shadow: 1px 1px 1px #ccc;
}
.online-interview-cal b{
 font-size: 14px;
}
.online-interview-cal  ul li {
 margin: 5px 0;
}


.applicant-box {
 padding: 3px 5px;
 background: #e9e9e9;
 border-radius: 5px;
 box-shadow: 1px 1px 1px #ccc;
}
.applicant-box b{
 font-size: 14px;
}
.applicant-box  ul li {
 margin: 5px 0;
}

.locked{
    opacity: 0.75;
    color: #aaa;
}

/* アラート用〇アイコン */
.alert_icon {
    display: inline-block;
    top: 2px;
    right: -4px;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    background: #ff0000;
    font-weight: bold;
    margin: 0 5px;
}
/* ソラストさん　ステータス変更取消用 */
#rollback {
	margin-left: 1em;
	color: #7792ff
}

#close-rollback {
	margin-left: 1em;
	font-size: 22px;
	color: #b4b6b9;
}

/* メール本文表示修正 */
#mail #contents #mail_body pre{
	white-space:pre-wrap;
}

#manuscript table.detail td{
  min-width: 150px;
  padding: 6px;
  font-size: 12px !important;
  /*background: #E9F2FA;*/
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
}
/*Style for CSV download tab*/
.csvdownloadul li{
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  margin: 0 10px;
}

/*previous button and next button design*/
.buttonwrapper{
  width: 1024px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.previousdiv{
  margin-left: 10px;
}
.nextdiv{
  margin-right: 10px;
}

.previouslink{
  padding-left:24px;
  position: relative;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
}
.nextlink{
  padding-right:24px;
  display: inline-block;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.previouslink,.nextlink{
  color:#2A65CA!important;
  font-weight: 500;
}
.previouslink:before{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 0;
  border-right: 3px solid #2A65CA;
  border-top: 3px solid #2A65CA;
  position: absolute;
  left:10px;
  top: 4px;
  transform: rotate(225deg);
}
.nextlink:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 3px solid #2A65CA;
  border-top: 3px solid #2A65CA;
  position: absolute;
  top: 4px;
  right:10px;
  transform: rotate(45deg);
}
.previouslinkinactive, .nextlinkinactive{
 display: none;
}

/*Second Middle Arrow button */
.previousdivArrow{
  position: absolute;
  z-index: 99;
  top: 0px;
  margin-left:5px;
  left:0;
  background: #fff;
}

.previouslinkArrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 5px 0px 0px 2px;
  border: 7px solid transparent;
  border-right: 12px solid #2A65CA;
  position: absolute;
  left: 0px;
  top: 4px;
}
.previouslinkArrow {
  width: 32px;
  height: 32px;
  border: #ccc solid 3px;
  display: block;
  border-radius: 3px;
}

.nextdivArrow{
  position: absolute;
  z-index: 99;
  top: 0px;
  right: 3px;
  background: #fff;
}
.nextlinkArrow:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 5px 0px 0px 11px;
  border: 7px solid transparent;
  border-left: 12px solid #2A65CA;
  position: absolute;
  left: 0px;
  top: 4px;
}
.nextlinkArrow{
  width: 32px;
  height: 32px;
  border: #ccc solid 3px;
  display: block;
  border-radius: 3px;
}
.button-arrow-wrapper{
  position:fixed;
  width:1024px;
  top: 50vh;
  z-index: 99;
  display: none;
}
.previouslinkArrowinactive,.nextlinkArrowinactive{
  pointer-events: none;
}
.select2-container--default .select2-results__option[aria-selected=true]{
  color: #2A65CA;
}
.select2-container--default .select2-results__option[aria-selected=true]:before{
  content:"✔";
  padding-right:5px;
  display: inline-block;
}


@media screen and (max-width: 1380px){
  .buttonwrapper {
      width: 100% ;
  }

  }
@media screen and (max-width: 1380px){
.button-arrow-wrapper {
    width: calc(100% - 337px);
}
.nextdivArrow{
  right:3px;
}
}

.jsp .sortable:before, .jsp .ui-sortable:before {
	content: none !important;
}
/* 媒体詳細画面 異常停止のメッセージスタイル */
.baitai_error_message_alert{
  background: #fdc !important;
  border: none;
  width: auto !important;
  margin-bottom: 40px !important;
  box-shadow: none;
  border-radius: 0;
  font-weight: bold;
  padding: 10px;
}
.baitai_error_message_top{
  display: flex;
}
.baitai_error_message_top_img{
  height: 37px;
}
.baitai_error_message_top_p{
  color: #f30 !important;
  font-weight: bold;
}
.baitai_error_message_under{
  background: white;
  padding: 25px 25px 5px 25px !important;
  border-radius: 3px;
}
.baitai_error_message_under_h1{
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: bold;
}
.baitai_error_message_under_p{
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 100;
  margin-bottom: 20px !important;
}

/* 契約書管理 詳細画面 */

.agreement-top{
  display: flex;
  align-items: center;
  border: 2px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 10px;
}
.agreement-top-left {
  height: 50px;
  background: #f6f6f6;
  text-align: center;
  width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agreement-top-title{
  color: #1D468B;
  font-weight: bold;
  text-align: right;
  font-size: 12px;
  margin-left: 20px;
  margin-right: 6px;
}

.agreement-pickup{
  background: #fff;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 7px;
  border: 2px solid #ccc;
  margin-bottom: 7px;
}
.agreement-pickup table.detail,
.agreement-pickup table.detail th{
  min-width: auto;
}
.agreement-pickup table.detail th,
.agreement-pickup table.detail td{
  border: none;
  border: none !important;
  background:none ;
}

a:link,a:visited {
  color: #042888;
}

.rpm-h1-wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #2A65CA;
  border-left: 6px solid #2A65CA;
  margin-top: 55px;
  margin-bottom: 16px;
  min-height: 55px;
}

.rpm-h1{
  color: #2A65CA;
  font-size: 21px;
  margin-left: 17px;
  min-width: 235px;
}

.rpm-h1-link{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 870px;
}
.rpm-h1-link li {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
  border-right: 2px solid #2a65ca;
}
.rpm-h1-link li:last-child {
  border: none;
}

.rpm-h2-wrap{
  position:relative ;
  font-size: 16px;
  line-height: 1.6;
  width: 100%;
  padding: 0 0 5px 0;
  margin: 0 0 20px 0;
  border-bottom: 2px solid #4472C4;
  border-radius: 0;
  display: flex;
}
.rpm-h2{
  display: inline-block;
}
.search_more {
  display: flex;
  align-items: center;
  font-size: 13px;
}

.contract-table{
 margin: 0 0 20px 0;
}

table.detail.contract-table th{
  color: #2A65CA;
  font-size: 12px;
  text-align: left;
}

table.detail.contract-table td{
  color: #222222;
}

.agreement-top-right select,
table.detail.contract-table select,
table.detail.contract-table textarea{
  background: #fff;
  border-radius: 2px;
  padding: 2px 4px;
  border: 1px solid #ccc;
  font-size: 14px;
}

table.detail.contract-table input[type="button"]{
  min-width: 75px;
  background: #fff;
  color: #2A65CA;
  margin: 0 5px 5px 5px;
  padding: 2px 15px;
  border-radius: 15px;
  border: none;
  border: 2px solid #2A65CA;
}
.hr-under {
  border: 1px solid #ccc;
  background-color: #ccc;
  border-radius: 3px;
  width: 100%;
}
#shiharai_output {
  font-weight: bold;
  font-size: 18px;
}

.shiharai-detail-wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
}

.anchor-button {
  width: 15px;
  height: 15px;
  margin: 5px auto;
  display: block;

}

.anchor-button-wrap {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #EDEDED;
  border: 2px solid #EDEDED;
  border-radius: 20px;
  height: 30px;
}

.shiharai-output-ttl {
  font-weight: bold;
  color: #707070;
  font-size: 12px;
}

.shiharai-output-ttl>span {
  color: #1D468B;
  font-size: 16px !important;


}
.engage_jobcsv_alert{
  border-radius:5px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  text-decoration:none;
  color:#666;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  border:1px solid #E53935;
}
.engage_jobcsv_content{
  margin:0;font-size:16px;padding:8px 10px;font-weight:700;
  color:#e53935
}

#stat_result{
  color:gray;
  text-decoration:underline;
}

#stat_result:hover{
  text-decoration:none;
}

/* 賃金テーブル関連 */
#min_wage{
  color:gray;
  margin-left:5px;
  text-decoration:underline;
}

#min_wage:hover{
  text-decoration:none;
}

.wage_table_modal {
	display: none;
}
.wage_table_modal_detail table th,
.wage_table_modal_detail table td{
	border:1px solid #DDD;
}
.wage_table_modal_detail table th{
	min-width:15%;
}
.wage_table_modal_detail .insbutton{
	text-align: center;
}
.wage_table_modal_detail .insbutton a,
.wage_table_modal_detail .insbutton img{
	margin:auto;
}
.wage_table_modal_detail .insbutton img{
	display: none;
}

/* ステータス選択制限 設定モーダル */
#transition-enable-status-modal {
	width: calc(100% - 20px);
	max-width:100%;
	top: 0 !important;
	left: 0 !important;
	padding: 20px 20px 0;
	margin: 10px;
}

#transition-enable-status-modal .modal-close {
	position: absolute;
	right: 0 !important;
	top: 0 !important;
	left: initial !important;
}

.status-setting-item{
	max-width: 300px;
	margin-right: 25px;
	padding-right: 10px;
	padding-left: 10px;
}

.status-setting-item-label-list input + .status-setting-item-label::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	background: rgb(131 129 129 / 80%);
}

.status-setting-item-label-list input:checked + .status-setting-item-label::before {
	content: none;
}

.status-setting-item-label{
	position: relative;
	display: block;
	border: 1px solid #999;
	padding: 4px 5px;
	border-radius: 2px;
	width: 100%;
	padding: 7px;
	font-size: 12px;
	margin-left: 5px;
	cursor: pointer;
	color:white;
}

.status-setting-item-label.status-setting-item-label-first + input {
	margin-bottom: 8px;
}

.status-setting-item-label-first{
	margin-bottom: 20px;
	position: relative;
	cursor:default;
	color:white;
}

.status-setting-item-label-list{
	display: flex;
}

.status-setting-item-label-first::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid #555;
	border-bottom:0 ;
	border-left-color:transparent;
	border-right-color:transparent;
	position: absolute;
	left: 50%;
	top: 36px;
	transform: translate(-50%,-50%);
}

.bx-count-wrap{
	float: right;
	display: flex;
	margin-right: 20px;
}

.bx-wrapper{
	box-shadow: none !important;
}

.bx-prev{
	position: relative;
	display: inline-block;
	background: none;
	padding: 5px 7px;
	background: #eee;
	height: 26px;
	width: 26px;
	margin-left: 7px;
}

.bx-prev.disabled{
  visibility: hidden;
}

.bx-prev:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin-right: 0;
	border-right: 2px solid #888;
	border-top: 2px solid #888;
	position: absolute;
	left: 10px;
	top: 7px;
	transform: rotate(225deg);
}

.bx-next{
	position: relative;
	display: inline-block;
	background: none;
	padding: 5px 7px;
	background: #eee;
	height: 26px;
	width: 26px;
	margin-left: 7px;
}

.bx-next.disabled{
  visibility: hidden;
}

.bx-next:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid #888;
	border-top: 2px solid #888;
	position: absolute;
	top: 7px;
	right: 10px;
	transform: rotate(45deg);
}

.bx-pager{
	font-size: 12px;
	margin-top: 4px;
	margin-left: 7px;
}

#transition-enable-status-detail .insbutton{
	position: sticky;
	bottom: 0;
	left: 0;
	margin: 0 -20px 0;
	background: #fff;
	background-color: rgba(0,0,0,0.40);
	padding: 10px 20px;
	text-align: center;
}

#transition-enable-status-detail span.exp{
	font-size:80%;
	margin-left:15px;
}

.status-setting-item div.box-status input[type="radio"], .status-setting-item div.box-status input[type="checkbox"]{
	accent-color: #666;
}

a.button.tabOpen{
  background: url(../img/common/ico_tab_open.png) #fff 5px center no-repeat;
  background-size: 20px 20px;
  text-indent: 10px;
}

.condition-template{
  max-width: 450px;
}