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

/* ■■■ タイトル行に表示するボタンの配置位置などの設定 -------------------------------- */
.btn-page-header-area { float: right;margin-top: 9px;margin-right: 10px; }


/* ■■■ 従業員選択（search-unit）行に表示するボタンの配置位置などの設定 -------------------------------- */
.btn-page-search-area { float: right;margin-top: 1px;margin-right: -4px; }


/* ■■■ form内のボタンの配置位置などの設定 -------------------------------------------- */
.btn-formbox { display: inline-block;width: 100%;margin-bottom: 40px;padding: 8px 4px 8px 12px;background: #f5f5f5; }

.category-close { display: inline-block;float:left;width: 31px;height: 31px;font-size: 16px;color :#004986;cursor: hand; cursor:pointer; }
.category-close:hover { color: #ffb21a; }

.form-btn-position { width: auto;margin-left:203px; }
.form-btn-position button { margin: 0 16px 0 0; }


/* ■■■ operationbarのボタンの配置位置の指定 ------------------------------------------ */
.btn-operationbar-area { float: right; }
.btn-operationbar-area .btn,
.btn-operationbar-area-left .btn,
.btn-operationbar-area-right .btn { height: 28px;padding: 0 12px; }

/*  給与明細と給与明細一覧のボタン配置 */
.btn-operationbar-area-left {  }/*salary-payslip-list.css と salary-payslip.css で位置指定 */
.btn-operationbar-area-right { float: right; }



/* ■■■ ボタンサイズ ---------------------------------- */
.btn { min-width: 96px;height: 31px;margin: 0 2px;color: #ffffff;font-weight: bold;line-height: 100%; }
.btn:last-child { margin-right: 0; }
.radius-l { border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px; }

.btn-low { height: 25px;padding: 3px 12px;  }

.btn-small { min-width: 46px;height:23px;padding:2px 6px;font-weight:normal; }

.btn-long { width: 140px; }
.btn-icon { min-width:23px;height:23px;margin: 0 3px;padding:3px;font-size:12px;font-weight:normal; }

/* ■■■ ボタンのhoverなど -------------------------------------------------------------- */
.btn:hover { text-decoration: none;color: #ffffff;opacity: 0.8; }
.btn:focus { color: #ffffff;opacity: 1; }

a.btn { display: inline-block;vertical-align: middle;line-height: 120%; }



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ボタン種類 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■■■ 保存 ------------------------------------------------------------------------------ */
.save-btn { background: #f68b1f; }

/* ■■■ 更新 ------------------------------------------------------------------------------ */
.update-btn { background: #f68b1f; }

/* ■■■ 編集 ------------------------------------------------------------------------------ */
.edit-btn { background: #f68b1f; }
.edit-btn-icon { background: #005baa; }

/* ■■■ 反映 ------------------------------------------------------------------------------ */
.change-btn { background: #005baa; }

/* ■■■ 複写 ------------------------------------------------------------------------------ */
.copy-btn { background: #005baa; }

/* ■■■ 取消・キャンセル ---------------------------------------------------------------- */
.cancel-btn { background: #9a9a9a; }

/* ■■■ 取消・キャンセル ---------------------------------------------------------------- */
.return-btn { background: #9a9a9a; }

/* ■■■ 削除 ------------------------------------------------------------------------------ */
.delete-btn { background: #434343; }

/* ■■■ 出力（印刷・CSV入力・CSV出力） ---------------------------------------------- */
/* 印刷 */
.print-btn { background: #005baa; }

/* CSV出力とCSV入力 */
.csv-btn { background: #005baa; }

/* 公開設定 */
.publish-btn { background: #005baa; }

/* 出力▼（プルダウン形式印刷・CSV出力） */
.output-btn-unit { display:inline-block;padding-left:0!important; }
.output-btn-unit .output-btn { margin: 0;background: #005baa; }
.output-btn span:nth-child(1) { display:inline-block; }
.output-btn span:nth-child(2) { display:inline-block;position:absolute;float:right;margin-left:14px; }

ul.output-btn-unit li {
  margin:0 2px;
  border-top-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-top-right-radius: 20px;
}
ul.output-btn-unit li.output-list-open { background :url(../img/output-btn-bg.png); }
ul.output-btn-unit li.output-list-close { background :none; }

ul.output-btn-unit li ul {
  display: none;
  position: absolute;
  top: 27px;
  width: 96px;
  margin:0;
  padding: 2px 4px 4px;
  border-bottom-left-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -moz-border-bottom-right-radius: 12px;
  background :url(../img/output-btn-bg.png);
  /*opacity: 0.9;*/
  /*box-shadow: 2px 2px 4px gray;*/
  z-index:989;
}

ul.output-btn-unit li ul li { margin: 0; }

.output-btn-pull-down { min-width: 88px!important;height: 24px;margin: 2px 0;padding: 0;background: #005baa;opacity: 1; text-aligen: left; }


/* ■■■ 閲覧（給与明細形式で閲覧） ---------------------------------------------------- */
.browsing-btn { background: #f68b1f; }

/* ■■■ 賞与支払日登録・変更 ----------------------------------------------------------- */
.bonus-setting-btn { background: #f68b1f; }


/* ■■■ 抽出 ------------------------------------------------------------------------------ */
.extraction-btn { background: #005baa; }

/* ■■■ ログインURL配信（従業員） ----------------------------------------------------- */
.login-url-btn { background: #005baa; }

/* ■■■ ログイン（従業員） -------------------------------------------------------------- */
.login-btn { background: #005baa; }

/* ■■■ 追加（明細項目/行や入力項目など） --------------------------------------------- */
.append-btn { background: #005baa; }

/* ■■■ 一覧へ --------------------------------------------------------------------------- */
.tolist-btn { background: #005baa; }

/* ■■■ 最新料率にする（事業所設定） -------------------------------------------------- */
.rate-btn { background: #005baa; }

/* ■■■ パスワード自動生成（従業員） -------------------------------------------------- */
.automated-pw-btn { background: #005baa; }

/* ■■■ 月額表から選択する（従業員） -------------------------------------------------- */
.standard-pay-monthly-btn { background: #005baa; }

/* ■■■ ファイルの選択（CSV取込） ---------------------------------------------------- */
/*.file-select-btn { background: #005baa; }*/

/* ■■■ ファイルのプレビュー（CSV取込） --------------------------------------------- */
.csv-preview-btn { background: #005baa; }

/* ■■■ ファイルのアップロード（CSV取込） ------------------------------------------- */
.csv-upload-btn { background: #f68b1f; }

/* ■■■ CSV（CSV取込） --------------------------------------------------------------- */
.csv-download-btn { background: #005baa; }

/* ■■■ CSV（マイナスの設定） -------------------------------------------------------- */
.csv-minus-btn { background: #f68b1f; }

/* ■■■ 表示  ---------------------------------------------------------------------------- */
/*従業員マイナンバー*/
.my-number-display-btn { background: #005baa; }

/*社会保険対象者一覧*/
.preview-btn { background: #005baa; }

/* ■■■ OK（モーダル） ----------------------------------------------------------------- */
.ok-btn { background: #005baa; }

/* ■■■ グレーアウト -------------------------------------------------------------------- */
.gray-out { background: #e5e5e5!important;color: #ffffff;cursor: default; }

/* ■■■ 1行上へ・1行下へ --------------------------------------------------------------- */
.move-top-btn-icon { background: #005baa;font-size: 15px; }
.move-bottom-btn-icon { background: #005baa;font-size: 15px; }

/* ■■■ 保存せず移動 -------------------------------------------------------------------- */
.not-save-move { background: #005baa;font-size: 15px; }

/* ■■■ 保存して移動 -------------------------------------------------------------------- */
.save-move { background: #f68b1f;font-size: 15px; }

/* ■■■ 今日 ----------------------------------------------------------------------------- */
.today-btn { background: #005baa; }

/* ■■■ 定期的な予定の一覧 ------------------------------------------------------------- */
.plan-view-btn { background: #005baa; }

/* ■■■ お知らせ詳細 ----------------------------------------------------------------------------- */
.announce-view-btn { background: #f39800; }


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* 選択肢の編集・追加ボタン */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.setting-btn {
	min-width: 60px;
	margin-left: 20px;
	margin-right: 20px;
	padding: auto 20px;
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #1b1b1b;
	font-weight: normal;
	line-height: 120%;
}

.setting-btn span { margin-right: 6px; }
.setting-btn:visited { color: #1b1b1b; }
.setting-btn:hover { border-color: #00479d;color: #00479d; }

/* ↓↓↓のちに不要↓↓↓ */
.btn-white-iro { min-width: 60px;margin-left: 20px;margin-right: 20px;padding:auto 10px;border: 1px solid #c7c7cc;background: #ffffff;color: #797979;font-weight: normal;line-height: 140%; }
.btn-white-iro span { margin-right: 6px; }
a.btn-white-iro:hover { background: #f7f7f7;color: #797979; }
/* ↑↑↑のちに不要↑↑↑ */



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* color */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ↓↓↓のちに不要↓↓↓ */
.btn-ukon-iro { background-color: #ffb21a; }
.btn-mikan-iro { background-color: #f68b1f; }
.btn-gunjou-iro { background-color: #005baa; }
.btn-darkgray-iro { background-color: #4d4d4d; }
.btn-gray-iro { background-color: #9a9a9a; }
/* ↑↑↑のちに不要↑↑↑ */


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* 解説 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.btn-commentary { display:inline-block;margin-left: 0px;background: #9a9a9a;color: #ffffff;font-size: 12px;font-weight: normal; }
label + .btn-commentary { margin-top:4px; }

a.btn-commentary:hover { color: #ffffff; }
a.btn-commentary:visited { color: #ffffff; }

/* タイムアウト時 */
#btnTimeoutDialogYes {
  background: #005baa;
}