@charset "utf-8";

html {font-size: 62.5%;}
body{font-family: 'Noto Sans Japanese';color: #000000;}
ul li,ol li {list-style: none;list-style-image: none;}
h1,h2,h3,h4,h5,dl,ol,ul,dd,p {padding: 0; margin: 0; font-size: 1.4rem;}

html,body {padding: 0; margin: 0;height: 100%;}
body {}
p {line-height: 1.7;}

/* layout
============================================== */
/* content
--------------------------- */
#content {overflow: hidden;min-height: 100%;height: auto !important;}

/* header
--------------------------- */
header {background-color: #0072AC; width: 15%;color: #fff;float: left;padding-bottom: 32768px;margin-bottom: -32768px;}
#header-wrapper {}
#logo a {text-align: center;display: block;color: #fff;background-color: #005688;padding: 25px 0;font-size: 2.4rem;text-decoration: none !important;}
#logo span {font-size: 1.3rem;display: block;}

/* glovalnavi
--------------------------- */
#navbar {}
#gnav a, .gnav-tree dt {color: #fff;text-decoration: none;padding: 15px 10px;}
#gnav a, .gnav-tree dt {display: block;border-bottom: 1px solid #005688;text-decoration: none !important;cursor: pointer;font-weight: normal;}
#gnav a.current:before, #gnav a:before, .gnav-tree dt:before, .gnav-tree dt.active:before, .gnav-tree dd .gnav-child a:before, .gnav-tree dd .gnav-child a.current:before {font-family: FontAwesome;margin-right: 7px;}
#gnav a:hover {background-color: #0081cc;}
#gnav a.current {background-color: #0081cc;font-weight: 500;font-size: 1.5rem;}
#gnav a.current:before {content: " \f101";font-weight: normal;}
#gnav a:before {content: " \f105";}
.gnav-tree dt:before {content: " \f067";}
.gnav-tree dt.active:before {content: " \f068";}
.gnav-tree dd {display: none;}
.gnav-tree dd .gnav-child a {background-color: #F2F2F2 !important;color: #000 !important;border-bottom: 1px solid #CCC !important;}
.gnav-tree dd .gnav-child a:hover, .gnav-tree dd .gnav-child a.current {background-color: #CCC  !important;font-weight: 700 !important;}
.gnav-tree dd .gnav-child a:before, .gnav-tree dd .gnav-child a.current:before {content: " \f0da" !important;}

/* content-body
--------------------------- */
#content-body {float: right;width: 85%;background-color: #fff;padding-bottom: 32768px;margin-bottom: -32768px;}
#conts-top {background-color: #000;padding: 10px;}
#conts-top .btn {padding: 3px 7px 1px !important;-webkit-border-radius: 2px;border-radius: 2px;}
#content-inner {/*overflow: hidden;*/padding: 10px 30px 30px;}
#conts-top a {color: #FFF;}

.multiselect-container {max-height: 300px;overflow-y: auto;}

/* login
--------------------------- */
#login-wrapper {background-color: #F3F3F8;height: 100%;padding: 20px;}
.loginPanel{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 400px;height: 300px;}
.loginPanel .panel-heading{background-color: #005687;color: #FFF;font-weight: bold;padding: 30px 0;text-align: center;}
.loginPanel h2 {font-size: 1.8rem;text-transform:capitalize;text-align: center;}
.panel-body .form-group {float: none;width: 80%;margin: 15px auto;}
.loginPanel button{width: 150px;margin: 20px auto;}

/* login
--------------------------- */
.wloginPanel{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 600px;height: 500px;}
.wloginPanel .panel-heading{background-color: #B75656;color: #FFF;font-weight: bold;padding: 30px 0;text-align: center;}
.wloginPanel h2 {font-size: 1.8rem;text-transform:capitalize;text-align: center;}
.wloginPanel button{width: 150px;margin: 10px auto;}

/* Entry Require
--------------------------- */
.entryReq { float:left; }
.entryReqMyp { margin-left:60px;float:left; }

/* Entry edit
--------------------------- */
.application-jobs li {display: inline-block;margin: 5px 3px;}
.application-jobs li a {padding: 5px 7px;text-decoration: none !important;font-size: 1.4rem;font-weight: 300;display: block;}

/* Mails
--------------------------- */
.scroll-y {max-height: 100px;overflow-y: auto;}
.scroll-y .btn {font-size: 1.4rem;}
.scroll-y02 {max-height: 150px;overflow-y: auto;}

/* Applicants
--------------------------- */
.applicants-logs-table tbody {border-top: 3px solid #fff !important;}
.applicants-logs-table .th-ttl {cursor: move;overflow: hidden;}
.applicants-logs-table .fix_data .th-ttl {cursor: inherit;}
.applicants-logs-table .logs-ttl:before {font-family: FontAwesome;margin-right: 10px;content: " \f040";color: #555;}
.btn-detail {font-weight: 400;font-size: 1.4rem;background-color: #eee;margin-right: 10px;-webkit-border-radius: 50px !important;border-radius: 50px !important;}
.applicants-logs-table .fix_data .logs-ttl:before {content: "\f15c";}
.btn-detail:hover {color: #777;}
.btn-detail.open:before, .btn-detail.kakusu:before {font-family: FontAwesome;margin-right: 7px;}
.btn-detail.open:before {content: " \f055";}
.btn-detail.kakusu:before {content: " \f056";}
.ui-state-highlight th {background-color: #fcf8e3 !important;}
/*.mail-job-btn-w {margin-top: 10px;text-align: right;}
.mail-job-btn-w button:before {font-family: FontAwesome;margin-right: 7px;content: " \f0e0 ";}
.mail-job-btn-w span {margin-left: 10px;}*/
.applicants-logs-data {width: 100%;}
.applicants-logs-data tbody {border-top: 1px solid #ddd !important;}
.applicants-logs-data tr {}
.applicants-logs-data th {width: 15% !important;padding: 5px 10px !important;vertical-align: top;}
.applicants-logs-data td {padding: 5px 10px !important;width: 85% !important;}

/* clearfix
--------------------------- */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */

/* IE用のレイアウト調整
--------------------------- */
/*IE10以降に適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
	.application-jobs li a {padding: 5px 7px 2px;}
}
/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .application-jobs li a {padding: 5px 7px 2px;}
}