@charset "utf-8";

html {font-size: 62.5%;}
body{font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック",  "MS PGothic", "Arial ", sans-serif;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: #fff; width: 17%;float: left;padding-bottom: 32768px;margin-bottom: -32768px;border-right: 1px solid #BFBFBF;}
#header-wrapper {padding: 10px;}
#logo a {text-align: center;display: block;color: #32469B;background-color: #fff;padding: 25px 0;font-size: 2.7rem;text-decoration: none !important;font-weight: bold;border-bottom:1px dotted #bfbfbf;}
#logo span {font-size: 1.3rem;display: block;}

/* glovalnavi
--------------------------- */
#navbar {margin-top: 15px;}
#gnav a, .gnav-tree dt {color: #333;text-decoration: none;padding: 15px 10px;}
#gnav a, .gnav-tree dt {display: block;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: #E6E5E5;}
#gnav a.current {background-color: #E6E5E5;font-weight: bold;}
#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 {margin-left: 15px;}
.gnav-tree dd .gnav-child a:hover, .gnav-tree dd .gnav-child a.current {font-weight: bold !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: 83%;background-color: #fff;padding-bottom: 32768px;margin-bottom: -32768px;}
#content-inner {padding: 10px 30px 100px;}

/* content-top
--------------------------- */
#conts-top {position: fixed;bottom: 0;right: 0;width: 83%;z-index: 999;}
#conts-top .conts-top-inner {background-color: #E6E5E5;padding: 15px 30px;color: #333;}
#conts-top .btn {padding: 2px 7px 1px !important;-webkit-border-radius: 2px;border-radius: 2px;}
#conts-top a {color: #333;}
#conts-top a.btn {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: #32469B;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;}

/* 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;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-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 */

/* pagination の上書き */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #32469B;
border-color: #32469B;
}
.redfont {
	color:red;
	font-weight:bold;
}
