@charset "utf-8";
/* CSS Document */


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■ 登録フォーム（新規・編集） ■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


/* ■■■ section class="panel" 入力項目ブロックの区切り線 ---------------------------- */

.border-bottom { padding-bottom:10px;border-bottom:2px dotted #e1e1e1; }



/* ■■■ 入力項目ブロック ---------------------------------------------------------------- */

/* 行*/
.form-group { clear: both;min-height: 36px;margin-bottom: 10px;padding: 2px 20px; }
.form-group.row02 { min-height: 56px; }

.form-group-not-hover { clear: both;min-height: 36px;margin-bottom: 10px;padding: 2px 20px; }


/* サブタイトル （事業所情報の基本設定･給与関連）*/
.form-group-title { clear: both;min-height: 36px;margin-bottom: 10px;padding: 0; }
.form-group-title p { display: block;padding:8px 10px;background: #f4f4f2; }

/* inputなしで行にボタンを配置（右寄せ） */
.form-group div.btn-setting { text-align:right; }
.form-group-not-hover div.btn-setting { text-align:right; }

/* 行内にテーブルを配置 */
.form-group-tbl { clear: both;min-height: 36px;margin-bottom: 10px;padding: 2px 20px; }



/* ■■■ タイトル行の開閉 ---------------------------------------------------------------- */

.formbox { clear: both;margin: 0 0 20px;padding: 0;max-width: 100%; }
.formbox:last-child { margin-bottom: 0; }

/* タイトル行 */
.formbox div.category-ttl {
  display: block;
	float: none;
	width: 100%;
  margin: 0;
  padding : 11px 12px;
	color :#004986;
	font-size: 16px;
  font-weight: normal;
	background: #e8e8e8;
  cursor: pointer;
}

.formbox div.category-ttl span { display: inline-block;margin-right:14px; }
.formbox div.category-ttl span.unit1 { width: 10em; }
.formbox div.category-ttl span.unit2 {
	position: absolute;
	width: 8em;
	padding: 1px 4px 2px;
	border-radius: 4px; 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
	background: #ea68a2;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

.formbox div.category-ttl span.fin { background: #dcdcdc;color: #313131; }

.formbox div.category-ttl span.unit3 {
  display: inline-block;
  float: right;
  width: calc(100% - 340px);
  color: #313131;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* タイトル行のホバー */
.formbox div.category-ttl:hover { opacity: 0.8;color: #eb6100; }

/* アイコン */
.formbox div.category-area-close:before { display: inline-block;width: 24px;content: '\f054';font-family: 'FontAwesome';padding-right: 10px; }
.formbox div.category-area-open:before { display: inline-block;width: 24px;content: '\f078';font-family: 'FontAwesome';padding-right: 10px; }

/* コンテンツを非表示 */
.formbox .formbox-hidden { display: none; }



/* ■■■ label ----------------------------------------------------------------------------- */

.label-width-xxx-short { width: 80px; }
.label-width-xx-short { width: 100px; }
.label-width-x-short { width: 120px; }
.label-width-short { width: 150px; }
.label-width-middle { width: 180px; }

label { float: left;margin-right: 16px;padding-top: 6px;font-weight: normal; }

label i.icon_question_alt { margin-left: 8px; }

label.input-radio-short { width: 5em;margin-right: 10px; }
label.input-radio-middle { width: 8em;margin-right: 10px; }
label.input-radio-long { width: 12em;margin-right: 10px; }
label.input-radio-auto { width: auto;margin-right: 30px; }

label.input-radio-short input[type="radio"],
label.input-radio-middle input[type="radio"],
label.input-radio-long input[type="radio"],
label.input-radio-auto input[type="radio"] {vertical-align: top;}

label.input-radio-short input[type="checkbox"],
label.input-radio-middle input[type="checkbox"],
label.input-radio-long input[type="checkbox"],
label.input-radio-auto input[type="checkbox"] {vertical-align: top;}


.required { background:url(../img/required.png) no-repeat right 9px; }



/* ■■■ input select textarea ------------------------------------------------------------ */

input { margin-right: 14px; }
select { margin-right: 14px }
textarea { margin-right: 14px;border: 1px solid #c7c7cc; }

.form-control { color: #313131; }
.form-control[readonly] { background: #ffffff; }
.form-control[disabled] { background: #dcdcdc; }

.input-length-xxxx-short { width: 60px; }
.input-length-xxx-short { width: 75px; }
.input-length-xx-short { width: 90px; }
.input-length-x-short { width: 110px; }
.input-length-short { width: 130px; }
.input-length-middle { width: 150px; }
.input-length-long { width: 200px; }
.input-length-x-long { width: 400px; }
.input-length-xx-long { width: 500px; }
.input-length-xxx-long { width: 650px }

.form-control { display:inline; }

.suffix { margin-right: 20px; }
.right-align { text-align: right; }

::-webkit-input-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc; opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
}



/* ■■■ 従業員（抽出（抽出条件） ------------------------------------------------------- */

label.paytype { float:none; display: inline-block;margin-right:20px; }
label.check-confim { float:none; display: inline-block;margin-right:20px; }


/* ■■■ 一覧表の表示行数指定 ------------------------------------------------------------ */
.label-display-line { width: 50px; }

/* ■■■ 賞与算定（一覧） ------------------------------------------------------------ */

.bonus-calculate-table form input.data-entry-tbl-input { 
	width: 100%;
	height: 26px;
	margin: 0;
	padding: 2px 6px;
	border: 1px solid #c7c7cc;
	border-radius: 4px; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	text-align: right;
}

/* ■■■ 給与明細・賞与明細登録（一覧） ------------------------------------------------------------ */

#payroll-entry-tbl form input.data-entry-tbl-input,
#bonus-calculation-tbl form input.data-entry-tbl-input { 
	width: 100%;
	height: 26px;
	margin: 0;
	padding: 2px 6px;
	border: 1px solid #c7c7cc;
	border-radius: 4px; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	text-align: right;
}

/* ■■■ 給与明細・賞与明細登録（カード） --------------------------------------------------------- */

.editform form input.data-entry-card-input { 
	width: 100%;
	height: 26px;
	margin: 0;
	padding: 2px 6px;
	border: 1px solid #c7c7cc;
	border-radius: 4px; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	text-align: right;
	bckground: #cccccc;
}



/* ■■■ registration-data(登録データ表示) ---------------------------------------------- */

.registration-data { float: left;width: auto;margin-right: 16px;padding-top: 6px; }



/* ■■■ 締支払日リスト ------------------------------------------------------------------ */

.payslip-list { width: 300px; }
.payslip-type-list { width: 320px; }
select option.processed { background-color:#ddebd3; }


/* ■■■ 注意書き ------------------------------------------------------------------------ */

.help { line-height: 240%; }