@charset "utf-8";
/* ====================Initialization==================== */
* html body{background:url(null) fixed;height:100%;}
html{margin:0;padding:0;width:100%;height:100%;font-size:62.5%;}
body{
	width:100%;
	height: 100%;
	margin:0;
	padding:0;
	background:#fff;
	text-align:center;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,sans-serif;
	line-height:1;
	letter-spacing:0.05em;
	color:#655243;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	word-wrap:break-word;
	overflow-wrap:break-word;
}
ul, ol,li{list-style:none;}
table{font-size:100%;}
th{font-weight:normal;}
figure{margin:0;}
figcaption{line-height:1;}
img{vertical-align:middle;border:0;width:100%;max-width:100%;height:auto;}
a{display:block;}
a:link{color:#444;text-decoration:none;}
a:visited{color:#444;text-decoration:none;}
a:hover{color:#444;text-decoration:none;}
a:active{color:#444;text-decoration:none;}
h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd{
	padding:0;margin:0;
	font-weight:normal;
	font-size:16px;font-size:1.6rem;
}
input{
	cursor:pointer;
	font-size:16px;font-size:1.6rem;
}
input[type=text]{border:#ccc 1px solid;}
input[type="password"] {border: 1px solid #ccc;}
textarea{
	border:#ccc 1px solid;
	font-size:11px;font-size:1.1rem;
	width:100%;
	resize:none;
}
label{cursor:pointer;}
a:hover,
a:hover img,
input[type=submit]:hover{
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-o-transition:0.3s ease;
	-ms-transition:0.3s ease;
	transition:0.3s ease;
}

.cf:after{content:"";display:block;clear:both;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,
header,footer,article,section,nav,div,p,figure,aside,
table,th,td,input,textarea,a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-sizing: border-box;
	box-sizing: border-box;
}

/* ====================Layout==================== */
#page-frame{
	font-size:16px;font-size:1.6rem;
	text-align:left;
	padding-right:10px;
}
header{
	width:100%;
	padding:0 0 5px;
}
header h1{
	width:120px;
	padding:5px;
	margin-left:25px;
}


/* ====================
LOGIN==================== */
.login-header{
	width:100%;
	margin:0 auto;
}

.login-container{
	width:100%;
	text-align: center;
	padding-bottom:30px;
	margin:0 auto;
}

.login-container h2{
	font-size:18px;font-size:1.8rem;
	background:rgb(0, 72, 150);
	color:#fff;
}
.login-top{
	width:25%;
	margin:30px auto;
}

.login-txt{
	margin:100px auto 70px;
}

.login-btn li{display: inline-block;}

/* input装飾 */
.btn-submit01{
	color:#fff;
	border-radius:15px;
	text-align: center;
	border:none;
	padding:8px 15px;
	font-size:12px;font-size:1.2rem;
	background:-webkit-linear-gradient(top, #666 0%, #000 88%);
	background:-moz-linear-gradient(top, #666 0%, #000 88%);
	background:-ms-linear-gradient(top,#666 0%,#000 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#000', GradientType=0)";
}

/* =========================
MAIN-MENU=============== */
#main-menu{}
#main-menu h2{text-align:center;}
#menu-box{
	width:100%;
	padding:5px;
	margin:30px auto 0;
	background:#eee;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
	        box-shadow:0 0 5px rgba(0,0,0,.5);
}
#menu-table{
	width:100%;
	background:#FFF;
}
#menu-table th{
	width:30%;
	padding:15px 5px 15px 15px;
	background:#ddd;
	color:#655243;
	font-weight:bold;
	text-align:left;
}
#menu-table td{
	padding-left:20px;
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
}
/* */
a.mainmenu-link{
	font-size:14px;font-size:1.4rem;
	line-height:1.6;
	color:#000;
	padding:5px 5px 5px 10px;
	margin-left:10px;
	background:url(../images/icon_delta_next.png) no-repeat center left;
	text-decoration: underline;
}


/* 新規作成 */
#menu-table td.new{
	text-align: center;
	border-right:none;
}
.btn-new{
	width:120px;
	margin:0 auto;
	display: inline-block;
	padding:10px 5px;
	text-align: center;
	font-size:12px;font-size:1.2rem;
}



/* ====================
共通部分==================== */

/* container */
.container{
	width: 100%;
	display: table;
	margin-bottom:20px;
}


/* sidebar */
.sidebar{
	display: table-cell;
	vertical-align: top;
	width: 200px;
	padding-right:10px;
}
.sidebar-inner{
	position: relative;
	min-height:250px;
	background:#eee;
	padding:10px;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
	        box-shadow:0 0 5px rgba(0,0,0,.5);
}
.list-title{
	font-size:14px;font-size:1.4rem;
	text-align: center;
	padding:15px;
	border-radius:5px 5px 0 0;
	border:#ccc 1px solid;
	background:-webkit-linear-gradient(top, #ddd 0%, #fff 88%);
	background:-moz-linear-gradient(top, #ddd 0%, #fff 88%);
	background:-ms-linear-gradient(top, #ddd 0%, #fff 88%);
}
.list-menu{
	background:#ddd;
}
.list-menu li{
	border:#ccc 1px solid;
	border-top:none;
}
.list-menu li a{
	font-size:12px;font-size:1.2rem;
	line-height:1.6;
	color:#000;
	padding:5px 5px 5px 10px;
	margin-left:10px;
	background:url(../images/icon_delta_next.png) no-repeat center left;
}
.back-menu,
.logout{
	position:absolute;
	left:0;
	width:100%;
	border:#ccc 1px solid;
	text-align: center;
	font-size:12px;font-size:1.2rem;
	background:-webkit-linear-gradient(top, #ddd 0%, #fff 88%);
	background:-moz-linear-gradient(top, #ddd 0%, #fff 88%);
	background:-ms-linear-gradient(top, #ddd 0%, #fff 88%);
}
.back-menu{bottom:35px;}
.logout{bottom:0;}
.back-menu a,
.logout a{padding:12px 10px 10px 10px;}

.back-menu a span{
	padding-left:15px;
	background:url(../images/icon_main_menu.png) no-repeat left center;
}
.logout a span{
	padding-left:15px;
	background:url(../images/icon_logout.png) no-repeat left center;
}

/* main */
.main{}
.main-title{
	position:relative;
	background:#004c9a;
	color:#fff;
	padding:15px 10px;
}
.main-title h2{font-size:20px;font-size:2rem;}
.btn-search{
	position: absolute;
	top:7px;
	right:10px;
	background:-webkit-linear-gradient(top, #fff 0%, #ddd 88%);
	background:-moz-linear-gradient(top, #fff 0%, #ddd 88%);
	background:-ms-linear-gradient(top, #fff 0%, #ddd 88%);
}
.btn-search a{padding:10px 50px;}


/* ====================
LIST-TABLE
==================== */
.list-table input[type=text]{width:50%;}

.list-table{
	width: 100%;
	margin-bottom:10px;
	border:#ccc 1px solid;
	font-size:13px;font-size:1.3rem;
	border-collapse:separate;
}

.list-table th{
	width:20%;
	padding:10px 5px;
	background:#ddd;
	color:#655243;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	font-size:16px;font-size:1.6rem;
}
/* 横列タイトル用 */
.horizontal tr th{
	font-size:12px;font-size:1.2rem;
}

/* スタッフ一覧横列 */
.list-table .delete{width:5%;text-align:center;}
.list-table .copy{width:5%;text-align:center;}
.list-table .output{width:5%;text-align:center;}

.list-table .th-5{width: 5%;}
.list-table .th-10{width: 10%;}
.list-table .th-15{width: 15%;}
.list-table .th-20{width: 20%;}
.list-table .th-25{width: 25%;}
.list-table .th-30{width: 30%;}

/* 派遣期間が30日を切る場合の追加クラス */
.early td{color:#ff0000!important;}

/* エラーメッセージ */
span.error-message{
	display:block;
	font-size:12px;font-size:1.2rem;
	color:#ff0000;
	line-height:1.6;
}

.error-area{
	background:#FFF4F4!important;
}


/* 複数項目td用 */
.multi-list{
	margin-top:10px;
}

.list-table th ul li{
	color:#655243;
	font-size:13px;font-size:1.3rem;
}
.list-table td{
	padding:7px;
	border-bottom:#ccc 1px solid;
	vertical-align: middle;
}
.list-table td ul{
	margin-top:25px;
}
.list-table th ul li{
	margin-bottom:10px;
	line-height:1.8;
}
.list-table td ul li{
	font-size:13px;font-size:1.3rem;
	margin-bottom:10px;
	line-height:1.8;
}

.list-table td ul li:last-child{margin-bottom:0;}

.list-table tr:last-child td{border-bottom:none;}

/* 期間用input */
.term-input input[type=text]{
	width:45%;
	display:inline-block;
}
.term-input span{margin:0 10px;}

/* リストテーブル個別装飾 */
.vat-cell{vertical-align:top!important;}
.mar10b{margin-bottom:10px!important;}
.list-table input[type=text].year{width:10%;}
.tb-center{text-align: center;}

/* 健康保険No.用input */
.multi-input input[type=text]{
	width:30%;
	display:inline-block;
}
.multi-input span{
	padding:0 10px;
}




/* pager-box */
.pager-box{float:right;}

.pager-box p{
	float:left;
	padding:0 5px;
}
.pager-box ul{
	float:left;
	display:table;
	padding:0 5px;
}
.pager-box ul li{
	display: inline-block;
	padding-left:5px;
}
.pager-box ul li:first-child{padding-left:0;}

.pager-box p a{
	width: 30px;
	text-align: center;
	padding:5px 5px;
	border:#ccc 1px solid;
	background:-webkit-linear-gradient(top, #fff 0%, #ddd 88%);
	background:-moz-linear-gradient(top, #fff 0%, #ddd 88%);
	background:-ms-linear-gradient(top, #fff 0%, #ddd 88%);
}
.pager-box p a img{width:14px;}

.pager-box ul li a{
	font-size:13px;font-size:1.3rem;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	padding:5px 5px;
	background:#eee;
	width: 30px;
	height: 30px;
}

.pager-box ul li a.current{
	background:#333;
	color:#fff;
}

/* 検索ボックスmodal */
#modal{
	display: none;
}
.modal{
	text-align: left;
}
.modal h2{
	height:50px;
	background:#004c9a;
	padding:12px;
	color:#fff;
	line-height:1.6;
}
.modal-list{
	width:100%;
	margin-bottom:10px;
	border:#ccc 1px solid;
}
.modal-list th{
	width:10%;
	min-width:100px;
	padding:15px 5px;
	vertical-align: middle;
	background:#ddd;
	font-size:12px;font-size:1.2rem;
}
.modal-list td{
	width:85%;
	padding:5px;
	text-align: left;
	background:#eee;
}
.modal-list td input[type=text]{width:50%;}
.modal-list .runnning{width:50%;}
.modal-list input[type=text].year{width:10%;}



/* ボタン関係 */
.btn-block{
	text-align: center;
	margin-bottom:10px;
}
.btn-submit{
	display:inline-block;
	width:120px;
	margin:0 auto;
}

.btn-submit2{
	display:inline-block;
	width:180px;
	margin:0 auto;
}

.btn{
	background: -webkit-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -moz-linear-gradient(top, #fff 0%, #ddd 88%);
	background: -ms-linear-gradient(top, #fff 0%, #ddd 88%);
	border: solid 1px #ccc;
	border-radius:5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.btn-bl{
	font-size:12px;font-size:1.2rem;
	background:-webkit-linear-gradient(top, #666 0%, #000 88%);
	background:-moz-linear-gradient(top, #666 0%, #000 88%);
	border: solid 1px #ccc;
	border-radius:5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.btn-submit input{
	width: 120px;
	border: 0;
	padding: 10px 5px;
	background: none;
	cursor: pointer;
	line-height: 1.0;
	font-size: 12px;
}
.btn-submit2 input{
	width: 180px;
	border: 0;
	padding: 10px 5px;
	background: none;
	cursor: pointer;
	line-height: 1.0;
	font-size: 12px;
}

.btn input:hover,
.btn-bl input:hover{
	opacity:.6!important;
}
.btn-bl input{
	color:#fff;
}

/* 自動入力 */
.btn-auto{
	display:inline-block;
	vertical-align:top;
}
.btn-auto button{
	vertical-align: top;
}
/* 項目追加 */
.btn-add button{
	vertical-align:bottom;
}

/* 送信完了 */
.conf-end{
	padding:30px;
	text-align: center;
}

/*
変更履歴
update-list
*/

.update-list{
	background:#ddd;
	padding:10px;
	margin-bottom:10px;
}
.update-list h2{
	background: #5D83B3;
	padding:5px 0;
	text-align: center;
	color:#fff;
	font-size:20px;font-size:2rem;
	line-height:1.6;
}

.update-info{
	width:100%;
	background: #fff;
	font-size:12.8px;font-size:1.28rem;
	border-collapse:collapse;
	border:#ccc 1px solid;
	border-top:none;
}
	.update-info th,
	.update-info td{
		padding:5px;
	}

	.update-info th{
		border-right:#ccc 1px solid;
		background:#ddd;
	}
	.update-info td{
		border-right:#ccc 1px solid;
		border-bottom:#ccc 1px solid;
	}


/* ログインユーザーマスターの権限 */
.user-rights:after{display:block;content:"";clear:both;}
.user-rights ul{
	width:50%;
	float:left;
	margin-top:0!important;
}
/* fancybox追記 */
.fancybox-skin{padding:5px!important;}



/*  */
.work_history input[type=text]{width:100%;}

.work_history tr:last-child td {
    border-bottom: medium none !important;
}

.work_history {
	      width: 100%;
	      margin-bottom:10px;
	      border:#ccc 1px solid;
	      font-size:13px;font-size:1.3rem;
	      border-collapse:separate;
}

.work_history th {
	      width:15%;
	      padding:10px 5px;
	      background:#ddd;
	      color:#655243;
	      vertical-align: middle;
	      font-weight: bold;
	      text-align: center;
	      font-size:13px;
	      font-size:1.3rem;
}

.work_history td {
    border-bottom: 1px solid #ccc !important;
    padding: 7px;
    vertical-align: middle;
}


/*  */
.staff_work_status input[type=text]{width:100%;}

.staff_work_status tr:last-child td {
    border-bottom: medium none !important;
}

.staff_work_status {
	      width: 100%;
	      margin-bottom:10px;
	      border:#ccc 1px solid;
	      font-size:13px;font-size:1.3rem;
	      border-collapse:separate;
}

.staff_work_status th {
	      width:15%;
	      padding:10px 5px;
	      background:#ddd;
	      color:#655243;
	      vertical-align: middle;
	      font-weight: bold;
	      text-align: center;
	      font-size:13px;
	      font-size:1.3rem;
}

.staff_work_status td {
    border-bottom: 1px solid #ccc !important;
    padding: 7px;
    vertical-align: middle;
}

/*  */
.staff_creme_status input[type=text]{width:100%;}

.staff_creme_status tr:last-child td {
    border-bottom: medium none !important;
}

.staff_creme_status {
	      width: 100%;
	      margin-bottom:10px;
	      border:#ccc 1px solid;
	      font-size:13px;font-size:1.3rem;
	      border-collapse:separate;
}

.staff_creme_status th {
	      width:15%;
	      padding:10px 5px;
	      background:#ddd;
	      color:#655243;
	      vertical-align: middle;
	      font-weight: bold;
	      text-align: center;
	      font-size:13px;
	      font-size:1.3rem;
}

.staff_creme_status td {
    border-bottom: 1px solid #ccc !important;
    padding: 7px;
    vertical-align: middle;
}



.trainings input[type=text]{width:100%;}

.trainings tr:last-child td {
    border-bottom: medium none !important;
}

.trainings {
	      width: 100%;
	      margin-bottom:10px;
	      border:#ccc 1px solid;
	      font-size:13px;font-size:1.3rem;
	      border-collapse:separate;
}

.trainings th {
	      width:15%;
	      padding:10px 5px;
	      background:#ddd;
	      color:#655243;
	      vertical-align: middle;
	      font-weight: bold;
	      text-align: center;
	      font-size:13px;
	      font-size:1.3rem;
}

.trainings td {
    border-bottom: 1px solid #ccc !important;
    padding: 7px;
    vertical-align: middle;
}





.career_consulting input[type=text]{width:100%;}

.career_consulting tr:last-child td {
    border-bottom: medium none !important;
}

.career_consulting {
	      width: 100%;
	      margin-bottom:10px;
	      border:#ccc 1px solid;
	      font-size:13px;font-size:1.3rem;
	      border-collapse:separate;
}

.career_consulting th {
	      width:15%;
	      padding:10px 5px;
	      background:#ddd;
	      color:#655243;
	      vertical-align: middle;
	      font-weight: bold;
	      text-align: center;
	      font-size:13px;
	      font-size:1.3rem;
}

.career_consulting td {
    border-bottom: 1px solid #ccc !important;
    padding: 7px;
    vertical-align: middle;
}


/*
 * CSV登録結果表示領域
 */

.csv-result {
  padding : 10px;
}

.csv-result p {
  padding: 1p 0px 0px 0px;
  color:#ff0000;
  line-height:1.6;
}

.bill-info {
  padding: 1p 0px 0px 0px;
  text-align: center;
  
}

.bill-info p {
  font-weight: bold;
  background:#fecea8;
  width:23%;
  font-size:13px;
  font-size:1.3rem;
}