/*-------------------------------
common
-------------------------------*/

input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

a.disabled {
    display: inline-block;
    color: initial!important;
    pointer-events: none;
}

/*** body ***/
body {
  font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  font-size: 12px;
  background: #f2f8ff;
}

.multiRow p {
  padding: 5px 0;

}

.modal::-webkit-scrollbar {
  display: none;
}

/*
 * TODO:Edge用定義が別で必要か調査中
 * .modal {
 *   -ms-overflow-style:none;
 * }
 */

/*** a ***/
table a {
  color: #5072b5;
}

table a:visited {
  color: #526998;
}

/*** hover ***/
.date-lists tr:hover,
.dataTables tbody tr:hover,
.over {
  background: #a5b3cf;
}

/* inputボックス透過 */
input[readonly] {
  background: rgba(0, 0, 0, 0)!important;
  border: none!important;
}

/* 非表示 */
.hide {
  display: none;
}

/* 行追加用 */
.default-add-row {
  display: none;
}

/* タブ追加用 */
.default-add-tab {
  display: none;
}

/* テーブル追加用 */
.default-add-table {
  display: none;
}

/* CSVアップロード用 */
.csv-upload-file {
  display: none;
}

/* 選択 */
.selected {
  background-color:#a5b3cf;
}

/* 承認済 */
.approved {
  background: #b6bdff;
}

/* ロック */
.lock {
  background: #c0c0c0;
}

/* 取り消し */
.cansell {
  background: #b6cfff;
}

/* マイナス */
.minus {
  background: #ffb6c1;
}

/* 引渡済 */
.hand-over-color {
  background: #c0c0c0;
}

/* 解約済 */
.cancel-color {
  background: #ffb6c1;
}

/* 縦スクロール */
.scroll-y {
  overflow-y: scroll;
  height: 200px;
}

/* 右寄せ */
.right-position {
  text-align: right;
}

span.right-position {
  float: right;
}

/* 中央 */
.center-position {
  text-align: center!important;
}

/* 左寄せ */
.left-position {
  text-align: left;
}

span.left-position {
  float: left;
}

/* 横並び */
.flex-line {
  display: flex!important;
}

.table-base-area-flex {
  display: flex;
}

/* ボーダーなし */
td.no-border {
  border-style: none!important;
}

/* 左線無し */
.no-border-left {
  border-left: none!important;
}

/* 右線無し */
.no-border-right {
  border-right: none!important;
}

/* テーブル上部余白 */
.table-margin {
  margin-top: 10px;
}

/* テーブル上部余白 */
.table-bottom {
  margin-bottom: 10px!important;
}

/* 右余白 */
.margin-right {
  margin-right: 10px!important;
}

/* 余白 */
.margin-left-s {
  margin-left: 5px;
}

.margin-left-m {
  margin-left: 10px;
}

.margin-left-l {
  margin-left: 20px;
}

.margin-top-s {
  margin-top: 5px;
}

.margin-top-m {
  margin-top: 10px;
}

.margin-top-l {
  margin-top: 20px;
}

/* 空の箱 */
.empty-box {
  border:none!important;
  background-color: transparent!important;
  width:10px!important;
}

/* 単語の途中改行なし */
.keep-word {
  word-break: keep-all;
}

/* 単語の途中改行なし */
.white-space-nowrap {
  white-space: nowrap;
}

/*** 必須項目 ***/
/* 必須マーク */
.required::before {
  display: inline-block;
  background-image: url("/img/required-ed58ef885ac3e96418dcca550e84292c.png");
  width: 43px;
  height: 13px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  margin-right: 5px;
}

/* 必須マーク（ヘッダのみ） */
.header-required::before {
  display: inline-block;
  background-image: url("/img/required-ed58ef885ac3e96418dcca550e84292c.png");
  width: 43px;
  height: 13px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  margin-right: 5px;
}

/* 来場マーク */
.visit-mark::before {
  display: inline-block;
  background: #9933ff;
  width: 43px;
  height: 13px;
  font-size: 11px;
  content: "来場";
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  vertical-align: middle;
  line-height: 13px;
  text-align: center;
  margin-right: 5px;

}

/*** input ***/
/* 必須inputエラー無し */
.input-not-error {
  background: #fff!important;
}

/* 必須項目背景色 */
.input-required {
  background-color: #ffebeb!important;
}

/* ファイル選択 */
#file-select1,
#file-select2 {
    background: #4f6fb5;
    color: #fff;
    padding: 3px 10px;
    background-image: linear-gradient(to bottom, #4f6fb5, #1f318d);
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
}

#preview-image1,
#preview-image2 {
  width: 200px;
}
/*** チェックボックス ***/
section input[type="checkbox"] {
  position: relative;
  cursor: pointer;
  border-radius: 2px;
}
section input[type="checkbox"]:before {
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 2px;
  content: '';
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
  border: 1.5px solid #ffffff;
  border-top-style: none;
  border-right-style: none;
}
section input[type="checkbox"]:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}
section input[type="checkbox"]:after {
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 12px;
  height: 12px;
  content: '';
  cursor: pointer;
  border: 1px solid #d8d8d8;
  background: #ffffff;
  border-radius: 2px;
}

section input[type="checkbox"]:checked:after {
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 12px;
  height: 12px;
  content: '';
  cursor: pointer;
  border: 1px solid #d8d8d8;
  background: #3380ff;
  border-radius: 2px;
}

/*** チェックボックス非活性 ***/
section input[type="checkbox"]:disabled {
  pointer-events:none;
}

section input[type="checkbox"]:disabled:before {
  border: 1.5px solid #7b7b7b;
  border-top-style: none;
  border-right-style: none;

}

section input[type="checkbox"]:disabled:after {
  background: -webkit-linear-gradient(top, #e0e0e0, #afafaf);
}


/*** ラジオボタン ***/
section input[type="radio"] {
  position: relative;
  margin: 0 3px 0 0;
  cursor: pointer;
}

section input[type="radio"]:before {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 3px;
  width: 8px;
  height: 8px;
  content: '';
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  border-radius: 50%;
  background:#3380ff;
}
section input[type="radio"]:checked:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

section input[type="radio"]:after {
  position: absolute;
  top: -1px;
  left: 0px;
  width: 12px;
  height: 12px;
  content: '';
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background: #ffffff;
}

/*** ラジオボタン非活性 ***/
section input[type="radio"]:disabled:before {
  background: #7b7b7b;
}

/*** h1 ***/
/* h1共通 */
h1 {
  width: 98%;
  height: 25px;
  margin: 0 auto;
  margin-top: 6px;
  padding: 2px 0px;
  background: #3b5997;
  border-radius: 10px 5px 5px 10px;
  color: #fff;
  font-size: 18px;
  position: relative;
  box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
  -webkit-box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
  -moz-box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
}

/* 検索画面h1固定 */
.search-screen .h1-fixed {
  position: fixed;
  top: 30px;
  left: 0px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  background: #f2f8ff;
  z-index: 4;
}

/* モーダルh1共通 */
.modal h1 {
  width: 98%;
  background: #8f91ab;
}

.h1-fixed {
  position: fixed;
  top: 40px;
  left: 0px;
  width: 100%;
  padding-bottom: 5px;
  background: #f2f8ff;
  z-index: 5;
}

/* モーダレスh1共通 */
.modeless h1 {
  width: 750px;
  background: #8f9dab;
}


/* h1テキスト表示位置 */
.h1-name {
  margin-left: 40px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
}

/* h1アイコン */
h1::before {
  width: 40px;
  height: 45px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -7px;
  left: -5px;
}

/* h1ログインアイコン */
.h1-login::before {
  background-image: url("/img/h1-login-bf16dcbe04b79fc6a374f71468531756.png");
}

/* h1ログアウトアイコン */
.h1-logaout::before {
  background-image: url("/img/h1-logout-c0d34391d1c7562627ad10fd2b7bd052.png");
}

/* h1検索アイコン */
.h1-search::before {
  background-image: url("/img/h1-search-33dabae410e78e1b61326179c22c46f4.png");
}

.modal .h1-search::before {
  background-image: url("/img/h1-modal-search-9ef1d56a2ef5ed618940f0d8c6dee361.png");
}

/* h1登録アイコン */
.h1-registration::before {
  background-image: url("/img/h1-registration-8fc4a1b148dd8e6c430d604a7a0ed22a.png");
}

.modal .h1-registration::before {
  background-image: url("/img/h1-modal-registration-8fd40195e54b00d8d12f3b2997f2de2d.png");
}

/* h1読込アイコン */
.h1-load::before {
  background-image: url("/img/h1-registration-8fc4a1b148dd8e6c430d604a7a0ed22a.png");
}

.modal .h1-load::before {
  background-image: url("/img/h1-modal-load-74384481b3ff31de7cc83a8b5d407308.png");
}

/* h1一覧アイコン */
.h1-list::before {
  background-image: url("/img/h1-list-6b87afec524e14cf6a8c6dacb8e90c11.png");
}

.modal .h1-list::before {
  background-image: url("/img/h1-modal-list-4d7bc22b557879f941a82a015ae3be39.png");
}

/* h1履歴アイコン */
.h1-history::before {
  background-image: url("../img/h1-history.png");
}

.modal .h1-history::before {
  background-image: url("/img/h1-modal-history-2bcc85fc117830c46743f21ab7fb1bc8.png");
}

/* h1報告書アイコン */
.h1-report::before {
  background-image: url("/img/h1-report-b6b9dca76299d1e5f3f54eee537e42f5.png");
}

.modal .h1-report::before {
  background-image: url("../img/h1-modal-report.png");
}

/* h1メール送信アイコン */
.h1-mail::before {
  background-image: url("../img/h1-mail.png");
}

.modal .h1-mail::before {
  background-image: url("/img/h1-modal-mail-da49fd0d719bc1c9826c47f07baf94b7.png");
}

/* h1出力アイコン */
.h1-print::before {
  background-image: url("/img/h1-print-2960607d82285f69f30901854260488c.png");
}

.modal .h1-print::before {
  background-image: url("../img/h1-modal-print.png");
}

/* h1アフター依頼アイコン */
.h1-after::before {
  background-image: url("/img/h1-after-47903b0f09bf61b3c09302473411696a.png");
}

.modal .h1-after::before {
  background-image: url("../img/h1-modal-after.png");
}

/* h1発注明細アイコン */
.h1-details::before {
  background-image: url("../img/h1-details.png");
}

.modal .h1-details::before {
  background-image: url("/img/h1-modal-details-98ac4b6899dfba39af856fc8391d6d12.png");
}

/* h1選択アイコン */
.h1-select::before {
  background-image: url("/img/h1-select-9af974bbbdaba118078fd3bf5e2534b5.png");
}

.modal .h1-select::before {
  background-image: url("/img/h1-modal-select-0ae7971a9f2f2fbb45861ed2c669b6a5.png");
}

/* h1スケジュールアイコン */
.modal .h1-schedule::before {
  background-image: url("/img/h1-modal-schedule-9e3cf3391817d48ab3d102a1af4a3d0f.png");
}

/* h1FBデータ取込アイコン */
.h1-fbdata::before {
  background-image: url("/img/h1-fbdata-7f81af1a38da6c1053e391616dd60c3e.png");
}

/* h1ファイル管理アイコン */
.h1-file::before {
  background-image: url("../img/h1-file-control.png");
}

.modal .h1-file::before {
  background-image: url("/img/h1-modal-file-control-2fa621e443bb1a746efdbfca4d920fe1.png");
}

.modeless .h1-file::before {
  background-image: url("/img/h1-modal-file-control-2fa621e443bb1a746efdbfca4d920fe1.png");

}

/*** h2 ***/
/* h2共通 */
h2 {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 5px 10px;
  background: #6a83b5;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1.3px;
  padding-left: 10px;
}

h2 > span {
  line-height: 20px;
  padding-left: 10px;
}
/* h2モーダル */
.modal h2 {
  height: 16px;
  background: #8f91ab;
}

.modal h2 > span {
  line-height: 16px;
  padding-left: 10px;
}

/* h2モーダレス */
.modeless h2 {
  height: 16px;
  background: #8f9dab;
}

/* h2開くアイコン */
.close-icon {
  padding-left: 25px;
}
.close-icon::before {
  width: 10px;
  height: 17px;
  content: "";
  display: inline-block;
  background-image: url("/img/close-accordion-icon-6ef46ab0be2619449bcedabc1bdcee9e.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-left: -15px;
  padding-left: 10px;
}
.close-icon::after {
  padding-left: 10px;
}

/* h2閉じるアイコン */
.open-icon {
  padding-left: 25px;
}
.open-icon::before {
  width: 10px;
  height: 17px;
  content: "";
  display: inline-block;
  background-image: url("/img/open-accordion-icon-46c2c2301498fe73653a7fc4563deca1.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-left: -15px;
  padding-left: 10px;
}
.open-icon::after {
  padding-left: 10px;
}

/*** button ***/
/* 通常ボタン */
.basic-btn {
  background: #4f6fb5;
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 0px 10px 0px 10px!important;
  background-image: -webkit-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -moz-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -ms-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -o-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: linear-gradient(to bottom, #4f6fb5, #1f318d);
  border-radius: 5px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
  -webkit-box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
  -moz-box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
}

.basic-btn:hover {
  background-image: -webkit-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -moz-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -ms-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -o-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: linear-gradient(to bottom, #1f318d, #4f6fb5);
}

/* 通常ボタン非活性 */
.basic-btn-inactive,
.basic-btn:disabled {
  border: none;
  color: #7d7d7d;
  font-size: 12px;
  padding: 0px 10px 0px 10px!important;
  background-image: -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -moz-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -ms-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -o-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: linear-gradient(to bottom, #e0e0e0, #afafaf);
  border-radius: 5px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  pointer-events: none;
}

/* クリアボタン */
input[type="button"].clear-btn {
  width: 23px;
  height: 23px;
  background: #fff;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px #3b599740;
  color: #4f6fb5;
}

.clear-btn:hover {
  background-image: -webkit-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -moz-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -ms-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -o-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: linear-gradient(to bottom, #1f318d, #4f6fb5);
}

/* クリアボタン非活性 */
input[type="button"].clear-btn:disabled {
  width: 23px;
  height: 23px;
  background: -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px #3b599740;
  color: #4f6fb5;
}

/*** 概算見積情報テーブル追加削除ボタン ***/
.estimates-table-btn {
  width: 50px;
  background: #4f6fb5;
  border: none;
  color: #fff;
  font-size: 11px;
  padding: 5px 10px 5px 10px;
  background-image: -webkit-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -moz-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -ms-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: -o-linear-gradient(top, #4f6fb5, #1f318d);
  background-image: linear-gradient(to bottom, #4f6fb5, #1f318d);
  border-radius: 5px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
  -webkit-box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
  -moz-box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
}

.estimates-table-btn:hover {
  background-image: -webkit-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -moz-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -ms-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: -o-linear-gradient(top, #1f318d, #4f6fb5);
  background-image: linear-gradient(to bottom, #1f318d, #4f6fb5);
}

/*モーダル通常ボタン */
.modal .basic-btn {
  background-image: -webkit-linear-gradient(top, #8f91ab, #646579);
  background-image: -moz-linear-gradient(top, #8f91ab, #646579);
  background-image: -ms-linear-gradient(top, #8f91ab, #646579);
  background-image: -o-linear-gradient(top, #8f91ab, #646579);
  background-image: linear-gradient(to bottom, #8f91ab, #646579);
}

.modal .basic-btn:hover {
  background-image: -webkit-linear-gradient(top, #646579, #8f91ab);
  background-image: -moz-linear-gradient(top, #646579, #8f91ab);
  background-image: -ms-linear-gradient(top, #646579, #8f91ab);
  background-image: -o-linear-gradient(top, #646579, #8f91ab);
  background-image: linear-gradient(to bottom, #646579, #8f91ab);
}

.modal .basic-btn:disabled {
  background-image: -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -moz-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -ms-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -o-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: linear-gradient(to bottom, #e0e0e0, #afafaf);
}

/*モーダルクリアボタン */
.modal .clear-btn {
  background-image: -webkit-linear-gradient(top, #8f91ab, #646579);
  background-image: -moz-linear-gradient(top, #8f91ab, #646579);
  background-image: -ms-linear-gradient(top, #8f91ab, #646579);
  background-image: -o-linear-gradient(top, #8f91ab, #646579);
  background-image: linear-gradient(to bottom, #8f91ab, #646579);
}

.modal .clear-btn:hover {
  background-image: -webkit-linear-gradient(top, #646579, #8f91ab);
  background-image: -moz-linear-gradient(top, #646579, #8f91ab);
  background-image: -ms-linear-gradient(top, #646579, #8f91ab);
  background-image: -o-linear-gradient(top, #646579, #8f91ab);
  background-image: linear-gradient(to bottom, #646579, #8f91ab);
}

.modal .clear-btn:disabled {
  background-image: -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -moz-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -ms-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: -o-linear-gradient(top, #e0e0e0, #afafaf);
  background-image: linear-gradient(to bottom, #e0e0e0, #afafaf);
}

/*** ボタン配置 ***/
.command-area input {
  width: 84px;
  height: 28px;
  font-size: 11px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  padding-left: 18px;
  font-weight: bold;
}

.command-areanone input {
  width: 83px;
  margin-top: 4px;
}

/* 編集ボタン */
.command-area .edit-btn {
  background-image: url("/img/edit-btn-be77966eb77f2c58ea72b6c8420952e0.png");
  background-repeat: no-repeat;
}

/* 編集ボタンhover */
.command-area .edit-btn:hover {
  background: url("/img/edit-btn-on-9ccc7945bad5ec65a8caceff9bf09b8b.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 編集ボタン非活性 */
.command-area .edit-btn-inactive,
.command-area .edit-btn:disabled {
  background-image: url("/img/edit-btn-inactive-888da71c970ec36e46b5966ec036ccc6.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 削除ボタン */
.command-area .delete-btn {
  background-image: url("/img/delete-btn-bfe5f11e5028e55587f012c384e60da1.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 削除ボタンhover */
.command-area .delete-btn:hover {
  background: url("/img/delete-btn-on-266c98fa408f4a250fc6d8e598b052bc.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 削除ボタン非活性 */
.command-area .delete-btn-inactive,
.command-area .delete-btn:disabled {
  background-image: url("/img/delete-btn-inactive-62cb5a28b4d0dfd0b7487989d1806a60.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 戻るボタン */
.command-area .return-btn {
  background-image: url("/img/return-btn-e9b72aaa6f05c398fd94a60561b55be3.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 戻るボタンhover */
.command-area .return-btn:hover {
  background: url("/img/return-btn-on-2a0357ee4610e7e166034c562404c165.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 戻るボタン非活性 */
.command-area .return-btn-inactive,
.command-area .return-btn:disabled {
  background-image: url("/img/return-btn-inactive-bdea726f559b2a92055badc8e603f8b1.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 登録ボタン */
.command-area .register-btn {
  background-image: url("/img/register-btn-9998a9dc5cc3c9637d0d1983667093f0.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 登録ボタンhover */
.command-area .register-btn:hover {
  background: url("/img/register-btn-on-1705554b7ffd11bc30ee075c450303c5.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 登録ボタン非活性 */
.command-area .register-btn-inactive,
.command-area .register-btn:disabled {
  background-image: url("/img/register-btn-inactive-3cbc5cfa518c3a5f69aded26fc18fcf3.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* リセットボタン */
.command-area .reset-btn {
  background-image: url("/img/reset-btn-5976a79baaa363bf56c3071a049d3836.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* リセットボタンhover */
.command-area .reset-btn:hover {
  background: url("/img/reset-btn-on-4ac70f6821443e6c8d5eb84cad803a74.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* リセットボタン非活性 */
.command-area .reset-btn-inactive,
.command-area .reset-btn:disabled {
  background-image: url("/img/reset-btn-inactive-f9a5d00c8af9e217292cfe0587a67a82.png");
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 登録して新規作成ボタン(KK021001_1.html) */
input.easy-register-btn {
  width: 130px;
  margin-top: 3px;
}

.command-area .easy-register-btn {
  background-image: url("/img/easy-register-btn-29e33fa10400aafcf927e5e7b61d39a0.png");
  background-repeat: no-repeat;
  background-position: 100%;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 登録して新規作成ボタン(KK021001_1.html) hover */
.command-area .easy-register-btn:hover {
  background-image: url("/img/easy-register-btn-on-6c9b0e781936d76d161715005db85596.png");
  background-repeat: no-repeat;
  background-position: 100%;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 登録して新規作成ボタン非活性(KK021001_1.html) */
/* TODO:不要か確認 : inactive側 */
.command-area .easy-register-btn-inactive,
.command-area .easy-register-btn:disabled {
  background-image: url("/img/easy-register-btn-inactive-dda4726293ae40d9ec3e8906680644c4.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 顧客カード出力ボタン(KK021001_1.html) */
/* TODO:不要か確認 */
input.customer-card-output-btn {
  width: 135px;
  margin-top: 3px;
}

/* TODO:不要か確認 */
.command-area .customer-card-output-btn {
  background-image: url("/img/easy-register-btn-29e33fa10400aafcf927e5e7b61d39a0.png");
  background-repeat: no-repeat;
  background-position: 100%;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 顧客カード出力ボタン(KK021001_1.html) hover */
/* TODO:不要か確認 */
.command-area .customer-card-output-btn {
  background-image: url("/img/easy-register-btn-on-6c9b0e781936d76d161715005db85596.png");
  background-repeat: no-repeat;
  background-position: 100%;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* 顧客カード出力ボタン非活性(KK021001_1.html) */
/* TODO:不要か確認 */
.command-area .customer-card-output-btn-inactive,
.command-area .customer-card-output-btn:disabled {
  background-image: url("/img/easy-register-btn-inactive-dda4726293ae40d9ec3e8906680644c4.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* 出力ボタン */
.command-area .upload-btn {
  background-image: url("/img/upload-btn-74b197d92cf4c802db69fbea5e137e46.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* 出力ボタンhover */
.command-area .upload-btn:hover {
  background: url("/img/upload-btn-on-af920bffb930b158d4144f8f1c9a89e7.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* 出力ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.command-area .upload-btn-inactive,
.command-area .upload-btn:disabled {
  background: url("/img/upload-btn-inactive-6f76ef41405f834f537c2b50d1e297ae.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* 取り込みボタン */
.command-area .download-btn {
  background-image: url("/img/download-btn-84bcd84aabf693410c9b9f46168a1bcb.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* 取り込みボタンhover */
.command-area .download-btn:hover {
  background: url("/img/download-btn-on-bb5dc03f3dc4d3e3dba2d7caf5f01fc7.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* 取り込みボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.command-area .download-btn-inactive,
.command-area .download-btn:disabled {
  background: url("/img/download-btn-inactive-576787de59c8b7e4faca2061c4de4fae.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* ロック解除ボタン */
.command-area .unlock-btn {
  background-image: url("/img/unlock-btn-05de978341a9d79cee3f0b8b30a6f5dc.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* ロック解除ボタンhover */
.command-area .unlock-btn:hover {
  background: url("/img/unlock-btn-on-d6edca63b72e1e4db6cc6e3da725eb47.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* ロック解除ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.command-area .unlock-btn-inactive,
.command-area .unlock-btn:disabled {
  background: url("/img/unlock-btn-inactive-14fdcd551796c0f93aa6200b581ede0f.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* ファイル選択ボタン */
.command-area .file-btn {
  background-image: url("/img/file-btn-2373967f6bb63f182c93a8f6ef636ce9.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* ファイル選択ボタンhover */
.command-area .file-btn:hover {
  background: url("/img/file-btn-on-482faa862db46b9fd6a090dbfa26ec70.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* ファイル選択ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.command-area .file-btn-inactive,
.command-area .file-btn:disabled {
  background: url("/img/file-btn-inactive-daed12aa6d6338f9a905f4a49281891a.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* ファイル選択ボタン */
.command-area .capture-btn {
  background-image: url("/img/capture-btn-30a416ccbe5192187efee0553b7da85b.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* ファイル選択ボタンhover */
.command-area .capture-btn:hover {
  background: url("/img/capture-btn-on-6afdbfd72f463c11645481b4dafaa71f.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* ファイル選択ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.command-area .capture-btn-inactive,
.command-area .capture-btn:disabled {
  background: url("/img/capture-btn-inactive-02509c282755930bed4621aa41af533e.png");
  background-position: 100%;
  background-repeat: no-repeat;
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用閉じるボタン */
.modal .command-area .close-btn {
  background: url("/img/modal-close-btn-47f8a6c8f88afe63788df76d934c3af0.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用戻るボタンhover */
.modal .command-area .close-btn:hover {
  background: url("/img/modal-close-btn-on-8a2adaf5099adfb323e70a5de8d16831.png");
}

/* モーダル用編集ボタン */
.modal .command-area .modal-editer-btn {
  background: url("/img/modal-editer-btn-97711c6ef7526bfaf8b1b3102d60e42e.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用編集ボタンhover */
.modal .command-area .modal-editer-btn:hover {
  background: url("/img/modal-editer-btn-on-6a76af8414e3d59582951a516ddf3196.png");
}

/* モーダル用編集ボタン非活性 */
.modal .command-area .modal-editer-btn-inactive,
.modal .command-area .modal-editer-btn:disabled {
  background: url("/img/modal-editer-btn-inactive-3b19075a58febce260aac05516e3150c.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用閉じるボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .close-btn-inactive,
.modal .command-area .close-btn:disabled {
  background: url("/img/modal-close-btn-inactive-b8cc21ba0fbfb5d2215d4a097878df4f.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用前へボタン */
.modal .command-area .modal-back-btn {
  background: url("/img/modal-back-btn-953093d2114cd581117fb0eb5457fd62.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 95px!important;
}

/* モーダル用前へボタンhover */
.modal .command-area .modal-back-btn:hover {
  background: url("/img/modal-back-btn-on-f8b5cc133ffa3795bbf0458a3cbfcc74.png");
  width: 95px!important;
}

/* モーダル用前へボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-back-btn-inactive,
.modal .command-area .modal-back-btn:disabled {
  background: url("/img/modal-back-btn-inactive-4abd1e92f5ccec01c054b196ce01f4e4.png");
  cursor: auto;
  color: #a5a5a5;
  width: 95px!important;
}

/* モーダル用次へボタン */
.modal .command-area .modal-next-btn {
  background: url("/img/modal-next-btn-526074412072811dfba3fe2af685fc88.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 95px!important;

}

/* モーダル用次へボタンhover */
.modal .command-area .modal-next-btn:hover {
  background: url("/img/modal-next-btn-on-1a9028e3b4373b8e86575bd0b5bba545.png");
  width: 95px!important;
}

/* モーダル用次へボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-next-btn-inactive,
.modal .command-area .modal-next-btn:disabled {
  background: url("/img/modal-next-btn-inactive-593fe32137478d597389590ad3e97ca9.png");
  cursor: auto;
  color: #a5a5a5;
  width: 95px!important;
}

/* モーダル用登録ボタン */
.modal .command-area .modal-register-btn {
  background: url("/img/modal-register-btn-on-f55962eb08bf57636b253f1b6fb9d391.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用登録ボタンhover */
.modal .command-area .modal-register-btn:hover {
  background: url("/img/modal-register-btn-5744b7ff0f4635ec7d61169692339db3.png");
}

/* モーダル用登録ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-register-btn-inactive,
.modal .command-area .modal-register-btn:disabled {
  background: url("/img/modal-register-btn-inactive-3cbc5cfa518c3a5f69aded26fc18fcf3.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用リセットボタン */
.modal .command-area .modal-reset-btn {
  background: url("/img/modal-reset-btn-cdebd93f8eb2f4473025fcc5fcae0a67.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用リセットボタンhover */
.modal .command-area .modal-reset-btn:hover {
  background: url("/img/modal-reset-btn-on-1d6f517b5d2ee3e66a97cecb2a7dd46c.png");
}

/* モーダル用リセットボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-reset-btn-inactive,
.modal .command-area .modal-reset-btn:disabled {
  background: url("/img/modal-reset-btn-inactive-f9a5d00c8af9e217292cfe0587a67a82.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用削除ボタン */
.modal .command-area .modal-delete-btn {
  background: url("/img/modal-delete-btn-f5c4c9bfdc41ac13a6de112f96fe7d51.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用削除ボタンhover */
.modal .command-area .modal-delete-btn:hover {
  background: url("/img/modal-delete-btn-on-a70aae5c3b5b4cf8198257aeaac04141.png");
}

/* モーダル用削除ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-delete-btn-inactive,
.modal .command-area .modal-delete-btn:disabled {
  background: url("/img/modal-delete-btn-inactive-62cb5a28b4d0dfd0b7487989d1806a60.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用読み込みボタン */
.modal .command-area .modal-load-btn {
  background: url("/img/modal-load-btn-cdc99371d6596fc79d6fb73396244023.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用読み込みボタンhover */
.modal .command-area .modal-load-btn:hover {
  background: url("/img/modal-load-btn-on-e6114c6ba581162ccf59f32079b7bb6d.png");
}

/* モーダル用読み込みボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-load-btn-inactive,
.modal .command-area .modal-load-btn:disabled {
  background: url("/img/modal-load-btn-inactive-d0ced2433b82f3fe7091e3e42ce39bd0.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用送信ボタン */
.modal .command-area .modal-send-btn {
  background: url("/img/modal-send-btn-cd949f272a836f3fd2eaa4d5eb808a8e.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用送信ボタンhover */
.modal .command-area .modal-send-btn:hover {
  background: url("/img/modal-send-btn-on-438a730b6b9c14191de50dfca0f8cc17.png");
}

/* モーダル用送信ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-send-btn-inactive,
.modal .command-area .modal-send-btn:disabled {
  background: url("/img/modal-send-btn-inactive-bf8131dc84490cf9495e51a382c378d6.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用送信ボタン2 */
.modal .command-area .modal-send-btn2 {
  background: url("../img/modal-send-btn2.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 130px;
}

/* モーダル用送信ボタン2hover */
.modal .command-area .modal-send-btn2:hover {
  background: url("../img/modal-send-btn-on2.png");
  width: 130px;
}

/* モーダル用送信ボタン2非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-send-btn-inactive2,
.modal .command-area .modal-send-btn2:disabled {
  background: url("../img/modal-send-btn-inactive2.png");
  cursor: auto;
  color: #a5a5a5;
  width: 130px;
}

/* モーダル用実行ボタン */
.modal .command-area .modal-execution-btn {
  background: url("/img/modal-execution-btn-ba2938dd9c378fc13b0f3c48977b8199.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用実行ボタンhover */
.modal .command-area .modal-execution-btn:hover {
  background: url("/img/modal-execution-btn-on-2705f6ca489c1c6559585a78fc21d10c.png");
}

/* モーダル用実行ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-execution-btn-inactive,
.modal .command-area .modal-execution-btn:disabled {
  background: url("/img/modal-execution-btn-inactive-4258b4f4bece997a73018bc1d565cb8b.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用受注取消ボタン */
.modal .command-area .modal-order-cancel-btn {
  background: url("/img/modal-order-cancel-btn-778363eb5aa4ce557cd54205bc6abbc4.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用受注取消ボタンhover */
.modal .command-area .modal-order-cancel-btn:hover {
  background: url("/img/modal-order-cancel-btn-on-f3ea3215062ea6550979f3c4dfeeae02.png");
}

/* モーダル用受注取消ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-order-cancel-btn-inactive,
.modal .command-area .modal-order-cancel-btn:disabled {
  background: url("/img/modal-order-cancel-btn-inactive-b348005c5637b6b3645a666d88169e27.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用申請取消ボタン */
.modal .command-area .modal-request-cancel-btn {
  background: url("/img/modal-reset-btn-cdebd93f8eb2f4473025fcc5fcae0a67.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用申請取消ボタンhover */
.modal .command-area .modal-request-cancel-btn:hover {
  background: url("/img/modal-reset-btn-on-1d6f517b5d2ee3e66a97cecb2a7dd46c.png");
}

/* モーダル用申請取消ボタン非活性 */
.modal .command-area .modal-request-cancel-btn-inactive,
.modal .command-area .modal-request-cancel-btn:disabled {
  background: url("/img/modal-reset-btn-inactive-f9a5d00c8af9e217292cfe0587a67a82.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用申請引戻ボタン */
.modal .command-area .modal-request-back-btn {
  background: url("/img/modal-request-back-btn-25df8e3b3a356b991d584a9f3212b782.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用申請引戻ボタンhover */
.modal .command-area .modal-request-back-btn:hover {
  background: url("/img/modal-request-back-btn-on-bdd5e2b6cd87eed726bd0070a88f968e.png");
}

/* モーダル用申請引戻ボタン非活性 */
.modal .command-area .modal-request-back-btn-inactive,
.modal .command-area .modal-request-back-btn:disabled {
  background: url("/img/modal-request-back-btn-inactive-5ebcf11438ed81556cbe982f7f328980.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用申請差戻ボタン */
.modal .command-area .modal-repayment-btn {
  background: url("/img/modal-repayment-btn-7b7a132f981f2b6ee089ec97d9f1b2d2.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用申請差戻ボタンhover */
.modal .command-area .modal-repayment-btn:hover {
  background: url("/img/modal-repayment-btn-on-c109c3362c880e00a30b91fe82cced60.png");
}

/* モーダル用申請差戻ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-repayment-btn-inactive,
.modal .command-area .modal-repayment-btn:disabled {
  background: url("/img/modal-repayment-btn-inactive-71d18cae40223c4396f093794b947796.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用承認ボタン */
.modal .command-area .modal-approval-btn {
  background: url("/img/modal-approval-btn-07f5f22a61914c489566f3d75d38f704.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用承認ボタンhover */
.modal .command-area .modal-approval-btn:hover {
  background: url("/img/modal-approval-btn-on-24e6b331d0a5c77e3e13c1645d8f3080.png");
}

/* モーダル用承認ボタン非活性 */
/* TODO:不要か確認 : -inactive側 */
.modal .command-area .modal-approval-btn-inactive,
.modal .command-area .modal-approval-btn:disabled {
  background: url("/img/modal-approval-btn-inactive-84539e51d94cef2d1c2153008a1e54e7.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダル用アップロードボタン */
.modal .command-area .modal-upload-btn {
  background: url("/img/modal-upload-btn-134e4a65d21daa2b13f19f336ab3f2fd.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* モーダル用アップロードボタンhover */
.modal .command-area .modal-upload-btn:hover {
  background: url("/img/modal-upload-btn-on-ac2ae8c7e1360a47cdff73760f69e719.png");
  width: 109px;
}

/* モーダル用アップロードボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-upload-btn-inactive,
.modal .command-area .modal-upload-btn:disabled {
  background: url("/img/modal-upload-btn-inactive-6f76ef41405f834f537c2b50d1e297ae.png");
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* モーダル用アップロードボタン2 */
.modal .command-area .modal-upload-btn2 {
  background: url("/img/modal-upload-btn2-c50ee4b311b99d2c1b984693a27efc12.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 135px;
}

/* モーダル用アップロードボタン2hover */
.modal .command-area .modal-upload-btn2:hover {
  background: url("/img/modal-upload-btn-on2-332e43e265e7a3a953a3b6605b43a541.png");
  width: 135px;
}

/* モーダル用アップロードボタン2非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-upload-btn-inactive2,
.modal .command-area .modal-upload-btn2:disabled {
  background: url("/img/modal-upload-btn-inactive2-5aa14f4425ae0dd73e5fc63ad0c16dd6.png");
  cursor: auto;
  color: #a5a5a5;
  width: 135px;
}

/* モーダル用アップロードボタン3 */
.modal .command-area .modal-upload-btn3 {
  background: url("/img/modal-upload-btn3-f4a0aa291313d6f7d26b984f5761da69.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 170px;
}

/* モーダル用アップロードボタン3hover */
.modal .command-area .modal-upload-btn3:hover {
  background: url("/img/modal-upload-btn-on3-87de2642ca13d7934fe1760baa39250c.png");
  width: 170px;
}

/* モーダル用アップロードボタン3非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-upload-btn-inactive3,
.modal .command-area .modal-upload-btn3:disabled {
  background: url("/img/modal-upload-btn-inactive3-89938ab5c25f4e427534084b76e0e10d.png");
  cursor: auto;
  color: #a5a5a5;
  width: 170px;
}

/* モーダル用ダウンロードボタン */
.modal .command-area .modal-download-btn {
  background: url("/img/modal-download-btn-c4152c67d78046f56a5afffbc061d3e4.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* モーダル用ダウンロードボタンhover */
.modal .command-area .modal-download-btn:hover {
  background: url("/img/modal-download-btn-on-f64f3e14146e63130ff3d664c3565151.png");
  width: 109px;
}

/* モーダル用ダウンロードボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-download-btn-inactive,
.modal .command-area .modal-download-btn:disabled {
  background: url("/img/modal-download-btn-inactive-576787de59c8b7e4faca2061c4de4fae.png");
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* モーダル用テンプレート読込ボタン */
.modal .command-area .modal-read-btn {
  background: url("/img/modal-read-btn-d29e2e6c4f39976c4a17a3d0a0eb5da5.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 151px;
}

/* モーダル用テンプレート読込ボタンhover */
.modal .command-area .modal-read-btn:hover {
  background: url("/img/modal-read-btn-on-e20e5219a319d421895587e223c218be.png");
  width: 151px;
}

/* モーダル用テンプレート読込ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-read-btn-inactive,
.modal .command-area .modal-read-btn:disabled {
  background: url("/img/modal-read-btn-inactive-de5240d8126aed21e940c50dffce994e.png");
  cursor: auto;
  color: #a5a5a5;
  width: 151px;
}

/* モーダル用フォルダ作成ボタン */
.modal .command-area .modal-createfolder-btn {
  background: url("/img/modal-createfolder-btn-c65d58a7b091f2239787fff251b42ea0.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
  width: 109px;
}

/* モーダル用フォルダ作成ボタンhover */
.modal .command-area .modal-createfolder-btn:hover {
  background: url("/img/modal-createfolder-btn-on-c280bd655c824bb4e36ff194c97f3e84.png");
  width: 109px;
}

/* モーダル用フォルダ作成ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-createfolder-btn-inactive,
.modal .command-area .modal-createfolder-btn:disabled {
  background: url("/img/modal-createfolder-btn-inactive-54096b5f981adfdeed137b9b52686dd9.png");
  cursor: auto;
  color: #a5a5a5;
  width: 109px;
}

/* モーダル用フォルダ作成ボタン */
.modal .command-area .modal-rename-btn {
  background: url("/img/modal-rename-btn-d9f15e7c2c6cd73b70229bd5fa8dc527.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用フォルダ作成ボタンhover */
.modal .command-area .modal-rename-btn:hover {
  background: url("/img/modal-rename-btn-on-d30aaa89d1065555d2de1de5a13e2ead.png");
}

/* モーダル用フォルダ作成ボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modal .command-area .modal-rename-btn-inactive,
.modal .command-area .modal-rename-btn:disabled {
  background: url("/img/modal-rename-btn-inactive-6cf8609ce66df26d86d675bab03c3c90.png");
  cursor: auto;
  color: #a5a5a5;
}

/* モーダレス用閉じるボタン */
.modeless .command-area .close-btn {
  background: url("/img/modales-close-btn-8814092e85e297e95f88eacd355dfb09.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダレス用閉じるボタンhover */
.modeless .command-area .close-btn:hover {
  background: url("/img/modales-close-btn-on-a61cdc8e34c5e104927747468fb44044.png");
}

/* モーダレス用閉じるボタン非活性 */
/* TODO:不要か確認 : inactive側 */
.modeless .command-area .close-btn-inactive,
.modeless .command-area .close-btn:disabled {
  background: url("/img/modales-close-btn-inactive-b8cc21ba0fbfb5d2215d4a097878df4f.png");
  cursor: auto;
  color: #a5a5a5;
}

.modeless .command-area .close-btn {
  background: url("/img/modales-close-btn-8814092e85e297e95f88eacd355dfb09.png");
  background-repeat: no-repeat;
  box-shadow: 2px 3px 5px rgba(59,89,151,0.18);
  border-radius: 12px;
}

/* モーダル用ボタン配置 */
.modal .command-area {
  margin-top: 5px;
}

/* 虫眼鏡ボタン */
input[type="button"].search-btn {
  width: 23px;
  height: 23px;
  background: #fff;
  background-image: url("/img/search-f7361d5171aed4220d1bc4f15908ccae.png");
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px rgba(59,89,151,0.25);
}

.search-btn-area {
  width: 185px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* TODO:不要か確認 : inactive側 */
input[type="button"].search-btn-inactive,
input[type="button"].search-btn:disabled {
  width: 23px;
  height: 23px;
  background: url(/img/search-inactive-b0edf1b3433fe3f2e944fc3b93dd723c.png), -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  pointer-events:none;
}

/*モーダル用虫眼鏡ボタン */
input[type="button"].modal-search-btn {
  width: 23px;
  height: 23px;
  background-color: #fff;
  background-image: url(/img/modal-search-114f97686cc9d0e4408ee756620a8189.png);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 2px rgba(59,89,151,0.25);
}

/*モーダル用虫眼鏡ボタン ：非活性*/
input[type="button"].modal-search-btn:disabled  {
  width: 23px;
  height: 23px;
  background: url(/img/search-inactive-b0edf1b3433fe3f2e944fc3b93dd723c.png), -webkit-linear-gradient(top, #e0e0e0, #afafaf);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #ddd;
  pointer-events:none;
}

/*** pager ***/
.pager {
  overflow: hidden;
}

.pager ul {
  list-style: none;
  position: relative;
  left: 50%;
  float: left;
}

.pager ul li {
  margin: 0 1px;
  position: relative;
  left: -50%;
  float: left;
}

.pager ul li span,
.pager ul li a {
  display: block;
  font-size: 12px;
  padding: 0.6em 1em;
  border-radius: 3px;
}

.pager ul li a {
  background: #ddd;
  color: #000;
  text-decoration: none;
}

.pager ul li a:hover {
  background: #333;
  color: #fff;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 15px;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

/* モーダル用 */
.modal .pagination > .active > a,
.modal .pagination > .active > span,
.modal .pagination > .active > a:hover,
.modal .pagination > .active > span:hover,
.modal .pagination > .active > a:focus,
.modal .pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #797c9f;
  border-color: #797c9f;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 12px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/*** input ***/
/* input共通 */
select,
input[type="text"],
input[type="password"],
input[type="search"],
textarea {
  font-family: inherit;
  font-size: 100%;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 2px;
  background-color: lightyellow;
}

input[type="text"]:disabled,
textarea:disabled,
select:disabled{
  background: #ddd!important;
}

/* input枠なし */
input.no-border {
  border: 1px solid #fff;
  background-color: transparent!important;
}

select {
  max-width: 380px;
}

/*注釈用*/
.annotation-message {
  margin-top:3px;
  color:blue;
}
/*注釈用（赤字）*/
.caution-message {
  margin-top:3px;
  color:red;
}
.margin-left80 {
    margin-left:80px;
}
.margin-left100 {
    margin-left:100px;
}

/*-------------------------------
登録画面開閉
-------------------------------*/

.expansion-command {
  position: fixed;
  top: 30%;
  left: -130px;
  /*  z-index: 1; */
  z-index: 100;
}

.expansion-command div {
  padding: 15px 10px;
  margin: 10px 0;
}

.expansion-command .expansion-open {
  z-index: 99;
  cursor: pointer;
  background: #17354e;
  width: 140px;
  border-radius: 0px 5px 5px 0px;
  color: #fff;
  font-size: 18px;
  position: relative;
  box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
  padding-left: 15px;
}

.expansion-command .expansion-close {
  z-index: 99;
  cursor: pointer;
  background: #17354e;
  width: 140px;
  border-radius: 0px 5px 5px 0px;
  color: #fff;
  font-size: 18px;
  position: relative;
  box-shadow: 3px 3px 5px rgba(59,89,151,0.18);
  padding-left: 15px;
}

.expansion-command .expansion-open::after {
  float: right;
  width: 15px;
  height: 15px;
  content: "";
  display: inline-block;
  background: url("/img/expansion-open-690093ea9217d3ab75834b48e8d9b4a6.png");
  background-repeat: no-repeat;
  margin-top: 2px;
}

.expansion-command .expansion-close::after {
  float: right;
  width: 15px;
  height: 15px;
  content: "";
  display: inline-block;
  background: url("/img/expansion-close-ea948f166473328c2f72bceea32a8c4c.png");
  background-repeat: no-repeat;
  margin-top: 2px;
}

/*** 展開 ***/
.expansion-open, .expansion-close {
  background-color: #3b5997;
  width: 150px;
  transition: .6s;
}

.expansion-open:hover, .expansion-close:hover {
  -webkit-transform: translateX(80%);
  transform: translateX(80%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
}

/*-------------------------------
header
-------------------------------*/
/*** header固定 ***/
.header-fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #f2f8ff;
  padding-bottom: 0px;
  z-index: 5;
}

.header-area {
  display: table;
  width: 100%;
  height: 35px;
  color: #fff;
  background: #3b5997;
}

/*** メニューボタン ***/
.menu-area {
  display: table-cell;
  width: 200px;
  vertical-align: middle;
}

.menu-button {
  width: 85px;
  height: 20px;
  text-align: center;
  background: #5975ac;
  border-radius: 5px;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  vertical-align: middle;
}

/* メニューボタン hover */
.menu-button:hover {
  opacity: .8;
}

/* メニューアイコン */
.menu-area img {
  width: 15px;
  margin-top: 3px;
  margin-right: 5px;
}

/* メニューテキスト */
.menu-button a {
  color: #fff;
}

.menu-button span.menu-text {
  vertical-align: text-top;
}

/*** logo ***/
.logo-area {
  display:table-cell;
  vertical-align: middle;
  text-align: center;
}

.logo-text {
/**  display: table-cell;*/
  display:inline-block;
  padding: 0px 10px;
  text-align: left;
  vertical-align: bottom;
  font-size: 14px;
  color: #fff;
}

/*** user name ***/
.login-info-area {
  width: 200px;
  display:table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 10px;
}

/*** nav ***/
/*登録画面*/
body.registration-screen .h1-fixed {
  background: #f2f8ff;
  transition: .6s;
  z-index: 3;
  position: fixed;
  width: 100%;
  padding-top: 15px;
  margin-top: -115px;
  box-shadow: 3px 5px 5px rgba(59,89,151,0.18);
}

body.registration-screen .nav-transform {
  -webkit-transform: translateY(90%);
  transform: translateY(90%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
}

body.registration-screen .h1-fixed:hover {
  -webkit-transform: translateY(90%);
  transform: translateY(90%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
}

/*-------------------------------
menu
-------------------------------*/
/*** メニュー(開いているとき) ***/
#menu-contents {
  display: none;
  width: 205px;
  position: fixed;
  left: 0;
  top: 0;
  background: #fcfdfd;
  z-index: 5;
  height: 1000px;
  box-shadow: 5px -5px 5px rgba(59,89,151,0.18);


}

/* TODO:不要か確認 */
#menu-contents::-webkit-scrollbar {
  /*display: none; *//* スクロールバー非表示 */
}

/* TODO:不要か確認 */
/*
 * TODO:Edge用定義が別で必要か調査中
 * #menu-contents {
 *   -ms-overflow-style:none;
 * }
 */

/* 注文・分譲・リフォーム切り替えボタン */
/* TODO:不要か確認 */
.business-select {
  font-size: 10px;
  width: 183px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0px 0px;
  margin: 20px 10px;
  display: flex;
  text-align: center;
}

/* TODO:不要か確認 */
.business-select a {
  display: block;
  width: 55px;
  color: #000;
  border-right: 1px solid #ccc;
  padding: 8px 3px;
  vertical-align: middle;
}

/* TODO:不要か確認 */
.business-select a:last-child {
  border-right: none;
}

/* TODO:不要か確認 */
.business-select a:hover {
  color: #fff;
  background:#3b5997;
  padding: 8px 3px;
}

/* TODO:不要か確認 */
.business-select > a.selected {
  color: #fff;
  background:#3b5997;
  padding: 8px 3px;
}

/* 一階層目 */
ul.topmenu {
  width: 190px;
  height: calc(100vh - 120px);
  font-size: 12px;
  border: none;
  padding: 10px 0px 30px 15px;
  overflow-y: scroll!important;
  overflow-x: hidden;
}

ul.topmenu::-webkit-scrollbar {
  display: none;
}

/*
 * TODO:Edge用定義が別で必要か調査中
 * ul.topmenu {
 * -ms-overflow-style:none;
 * }
 */

ul.topmenu > li{
    height: 36px;
}
ul.topmenu > li > a {
  display:block;
  margin: 0px !important;
  cursor: pointer;
}

ul.topmenu li a img {
  vertical-align: middle;
  width: 22px;
  padding: 5px;
}

/* 二階層目 */
ul.secondmenu {
  width: 160px;
  margin-left: 0px;
  font-size: 11px;
  background: #17354e;
  border: none;
  position: relative;
}

/* 二階層目 1行単位*/
ul.secondmenu > li {
  width: 160px;
  display: block;
  margin-top: 12px;
  margin-bottom: 12px;
}

ul.secondmenu > li.ui-menu-item > a {
  width: 135px;
  color: #fff;
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 11px;
  background: #17354e;
  margin : 1px !important;
}

/* 二階層目三角画像 */
ul.secondmenu:before {
  width: 0;
  height: 0;
  position: absolute;
  top: 8px;
  left: -15px;
  content: "";
  border-right: 15.6px solid #17354e;
  border-bottom: 9px solid transparent;
  border-top:  9px solid transparent;
}

/* 二階層目 hover */

 /* TODO:不要か確認 */
ul.secondmenu ul li:hover {
  color: #fff;
}

ul.secondmenu li.ui-menu-item a:hover {
  color: #000;
}

ul.secondmenu li.ui-menu-item a:active {
  background: #ccc;
}

/*** ホーム・設定・ログアウトボタン ***/
.bottommenu {
  font-size: 11px;
  display: flex;
  padding: 10px;
  margin: 5px 30px 5px 10px;
  background: #fcfdfd;
}

.bottommenu a {
  width: 55px;
  display: block;
  text-align: center;
  cursor: pointer;
}

.bottommenu a:hover {
  background: #ccc;
}


/* テキスト */
.bottommenu a span {
  display: block;
  text-align: center;
  font-size: 10px;
  padding-bottom: 5px;
}

.bottommenu li img {
  padding: 15px 15px 5px 15px;
  width: 22px;
}

.cursor-pointer {
  cursor: pointer;
}

/*-------------------------------
nav
-------------------------------*/
/*** nav共通 ***/
nav {
  width: 98%;
  margin: 0 auto;
  text-align: right;
  position: relative;
  margin-top: -30px;
  z-index: 1;
}

nav ul > li {
  display: inline-block;
}

nav ul > li > a {
  padding: 5px 5px;
  display: block;
  font-size: 14px;
  letter-spacing: .2em;
  text-decoration: none;
  color: #fff;
}

nav ul > li > a:first-child {
  padding: 5px 10px;
}

/***  ***/
h2.expansion-nav nav {
  margin-left: 40px;
}

h2.expansion-nav nav ul li a,
h2.expansion-nav nav ul li ul li {
  font-weight: normal;
}

h2.expansion-nav nav ul li a {
  margin-top: 3px;
}

h2.expansion-nav > span {
  padding-left: 4px!important;
}

/*** nav ***/
/* h1申請/帳票/機能/移動アイコン(登録画面) 開閉見出しラベル用 */
.expansion-nav + nav li.nav-request,
.expansion-nav + nav li.nav-register,
.expansion-nav + nav li.nav-function,
.expansion-nav + nav li.nav-transition  {
  top: -6px;
}

/* h1申請アイコン(登録画面) */
nav li.nav-request {
  background: url("/img/nav-request-6b0a5f1bd94b0820279f1e3e71ec44f3.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
}


/* h1申請アイコン(登録画面) hover */
nav ul > li.nav-request:hover {
  background-image: url("/img/nav-request-hover-83a8ebe23fcac8754f52a57dd1bcdb39.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
}

/* h1帳票アイコン(登録画面) */
nav li.nav-register {
  background: url("/img/nav-search-form-3bb9c42794e1ad7191faaae39c3106a0.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
}

/* h1帳票アイコン(登録画面) hover */
nav ul > li.nav-register:hover {
  background-image: url("/img/nav-search-form-hover-05983fc0a0c84205df31e8bacea4ca4e.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
}

/* h1機能アイコン(登録画面) */
nav li.nav-function {
  background: url("/img/nav-function-42b42d5521a8b13d1b295daf85db8703.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
}

/* h1機能アイコン(登録画面) hover */
nav ul > li.nav-function:hover {
  background-image: url("/img/nav-function-hover-6c9243dac4337b7faf7b713e5bfbbe48.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
}

/* h1移動アイコン(登録画面) */
nav li.nav-transition {
  background: url("/img/nav-transition-5ba8df91bc5e924e3e9b2f2b458ed2a1.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
}

/* h1移動アイコン(登録画面) hover */
nav ul > li.nav-transition:hover {
  background-image: url("/img/nav-transition-hover-94d6829ef3ac83c71d9ffeebc1136d7b.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
}

/* h2機能アイコン(登録画面) */
/*nav li.nav-h2-function {
position: relative;
top: -7px;
}*/

/* h2移動アイコン(登録画面) */
nav li.nav-h2-transition {
  position: relative;
  top: -7px;
}

/* 帳票アイコン(検索画面) */
nav li.nav-search-form {
  background: url("/img/nav-registered-form-3bb9c42794e1ad7191faaae39c3106a0.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
  top: -7px;
}

/* 帳票アイコン(検索画面) hover */
nav ul > li.nav-search-form:hover {
  background-image: url("/img/nav-search-form-hover-05983fc0a0c84205df31e8bacea4ca4e.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 7px;
  position: relative;
  top: -7px;
}

/* データ出力アイコン(検索画面)*/
nav li.nav-print {
  background: url("/img/nav-print-38c2c268a504d462dd9617d43f755555.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 3px;
  position: relative;
  top: -7px;
}

/* データ出力アイコン(検索画面) hover */
nav ul > li.nav-print:hover {
  background-image: url("/img/nav-print-hover-a70b2e215365e0021c496f86cfc80300.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 3px;
}

/*** nav 未hover時 ***/
nav li.nav-first-level {
  padding-left: 15px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}

nav li.h2-nav-first-level {
  padding-left: 15px;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}

nav li.nav-first-level:hover > a {
  font-weight: bold;
}
/*** nav hover時 ***/
/* 二階層目表示位置 */
nav li.nav-request ul,
nav li.nav-register ul,
nav li.nav-function ul,
nav li.nav-transition ul {
  position: absolute;
  top: 15px;
  right: -2px;
  z-index: 100;
  margin-top: 14px;
  display: none; /*hoverしていないときは隠す*/
}

nav li.nav-search-form ul,
nav li.nav-print ul {
  position: absolute;
  top: 28px;
  right: -2px;
  margin-top: 0px;
  display: none; /*hoverしていないときは隠す*/
  z-index: 100!important;
}

nav li.nav-request:hover ul,
nav li.nav-register:hover ul,
nav li.nav-function:hover ul,
nav li.nav-transition:hover ul,
nav li.nav-search-form:hover ul,
nav li.nav-print:hover ul {
  display: block; /*hoverで表示*/
}

/* 一階層目テキスト色 */
nav ul > li:hover > a {
  color: #3b5997;
}

/* 一階層目背景色 */
nav ul > li.nav-request:hover,
nav ul > li.nav-register:hover,
nav ul > li.nav-function:hover,
nav ul > li.nav-transition:hover,
nav ul > li.nav-search-form:hover,
nav ul > li.nav-print:hover {
  background-color: #fff;
}

/* 二階層目文字色,幅,文字サイズ */
nav ul > li:hover > ul > li > a {
  color: #000;
  width: 140px;
  font-size: 11px;
}

/* 二階層目背景 */
nav ul li ul {
  background: #fff;
  padding: 10px 10px 10px 10px;
}

/* 二階層目下線 */
nav ul li ul li {
  display: block;
  padding: 0px;
  border-bottom: 2px solid #ddd;
}

/* 二階層目hover時背景色,文字色 */
nav ul li ul li a:hover {
  background-color: #ddd;
  color: #000;
}

/* navがない場合のpadding調整 */
.nav-dummy {
  padding: 5px 0px 0px 0px;
}

/* 枠線 */
li.nav-request:hover,
li.nav-register:hover,
li.nav-function:hover,
li.nav-transition:hover,
li.nav-search-form:hover {
  border-top: 2px solid #17354e;
  border-left: 2px solid #17354e;
  border-right: 2px solid #17354e;
  border-radius: 5px 5px 0px 0px;
  margin: -2px;
}

li.nav-print:hover,
li.nav-search-form:hover,
li.nav-function:hover,
li.nav-register:hover {
  border-top: 2px solid #17354e;
  border-left: 2px solid #17354e;
  border-right: 2px solid #17354e;
  border-bottom: 2px solid #17354e;
  border-radius: 5px 5px 5px 5px;
  margin: -2px;
}

li.nav-request ul,
li.nav-register ul,
li.nav-function ul,
li.nav-transition ul,
li.nav-search-form ul,
li.nav-print ul {
  border-left: 2px solid #17354e;
  border-right: 2px solid #17354e;
  border-bottom: 2px solid #17354e;
  border-radius: 5px 0px 5px 5px;
}

/* 下線なし */
li.border-none {
  border-bottom: none;
}

/* 下線あり */
li.border-bottom {
  border-bottom: 2px solid #ddd!important;
}

/*** 二階層目マーク ***/
nav ul li ul li a::before{
  display: inline-block;
  width: 5px;
  height: 13px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  margin-right: 5px;
  background-color: #3b5997;
}

nav ul li ul li a::before{
}

li.left-margin {
  margin-left: 10px;
  border-bottom: #fff;
}

li.left-margin a::before {
  display: none;
}

nav ul > li:hover > ul > li > a {
  color: #000;
  width: 156px;
  font-size: 11px;
}

nav ul > li:hover > ul > li > a.hover-none {
  background: #fff;
}

/*
nav ul > li:hover > ul > li > a:nth-child(2)::before {
  display:
}
*/

/*** 帳票非活性 ***/
li.nav-inactive a,
li.nav:disabled a {
  color: #ccc!important;
  pointer-events: none;
}

li.nav-inactive a:hover,
li.nav:disabled a:hover {
  background: #fff!important;
  pointer-events: none;
}

/*** 非活性 ***/
nav ul li.nav-inactive,
nav ul li.nav:disabled {
  pointer-events: none;
}

nav ul li.nav-inactive,
nav ul li.nav:disabled {
  opacity: .4;
}

/*-------------------------------
command area
-------------------------------*/
.command-area {
  width: 98%;
  margin: 0 auto;
  clear: both;
  text-align: right;
}

body.registration-screen .command-area {
  margin-top: 12px;
}

/* モーダル用 */
.modal .command-area {
  width: 98%;
}

/* モーダレス用 */
.modeless .command-area {
  margin-top: 5px;
  width: 750px;
}

/*-------------------------------
contents
-------------------------------*/
/*** コンテンツ上部の余白 ***/
body.search-screen .contents-base-top-margin {
  width: 98%;
  min-width: 1345px;
  margin: 0 auto;
  margin-top: 120px; /* ページ上部固定分 */
  background: #fff;
  box-shadow: 3px 5px 5px rgba(59,89,151,0.18);
}

body.registration-screen .contents-base-top-margin {
  width: 98%;
  min-width: 1345px;
  margin: 0 auto;
  margin-top: 60px; /* ページ上部固定分 */
  background: #fff;
  box-shadow: 3px 5px 5px rgba(59,89,151,0.18);
}

/* 検索画面検索エラー・メッセージ */
body.search-screen .input-alert,
body.search-screen .info {
    margin-top: 115px;
    margin-bottom: -110px;
}

body.registration-screen .input-alert,
body.registration-screen .info {
    margin-top: 45px;
    margin-bottom: -50px;
}

/*** ダイアログ ***/
/* 閉じるボタン */
.ui-dialog-titlebar-close {
  background-image: url("/img/ui-dialog-titlebar-close-4ffe21e0025923adf9380541d6b00229.png");
  background-repeat: no-repeat;
  background-size: 95% auto;
}

/*** Alert ***/
/* ポップアップアラート */
p.alert-message {
  color: red;
}
/* 登録用アラート */
.input-alert-hide {
  display: none;
}

.input-alert {
  width: 97%;
  margin: 0 auto;
  border: 2px solid red;
  background: rgba(255,0,0,0.18);
  border-radius: 5px;
  padding: 10px;
}

/* 登録用アラート　モーダル用 */
.modal .input-alert {
  width: 97%;
  margin: 0 auto;
  border: 2px solid red;
  background: rgba(255,0,0,0.18);
  border-radius: 5px;
  padding: 10px;
  margin-top: 10px;
}

/* 登録用アラート内容 */
/* .input-alert h3 {
  color: red;
  font-size: 14px;
} */

/* .input-alert ul {
  padding: 10px 10px 0px 10px;
} */

.input-alert ul li {
  color: red;
  font-weight: bold;
  line-height: 14px;
}

/* 検索用アラート */
.search-alert-hide {
  display: none;
}

.search-alert {
  width: 97%;
  margin: 0 auto;
  border: 2px solid red;
  background: rgba(255,0,0,0.18);
  border-radius: 5px;
  padding: 10px;
  margin-top: 120px;
  margin-bottom: -100px;
}

/* 検索用アラート内容 モーダル用 */
.modal .search-alert {
  width: 97%;
  margin: 0 auto;
  border: 2px solid red;
  background: rgba(255,0,0,0.18);
  border-radius: 5px;
  padding: 10px;
  margin-top: 5px;
}

/* 検索用アラート内容 */
/* .search-alert h3 {
  color: red;
  font-size: 14px;
} */

/* .search-alert ul {
  padding: 10px 10px 0px 10px;
} */

.search-alert ul li {
  color: red;
  font-weight: bold;
  line-height: 14px;
}

/* info */
.info-hide {
  display: none;
}

.info {
  width: 97%;
  margin: 0 auto;
  border: 2px solid #3b5997;
  background: #cccef5;
  border-radius: 5px;
  padding: 10px;
  padding: 10px;
  margin-top: 45px;
  margin-bottom: -50px;
}

/* 登録結果メッセージ　モーダル用 */
.modal .info {
  width: 97%;
  margin: 0 auto;
  border: 2px solid #3b5997;
  background: #cccef5;
  border-radius: 5px;
  padding: 10px;
  padding: 10px;
  margin-top: 10px;
}

.info ul li {
  color: #3b5997;
  font-weight: bold;
  line-height: 14px;
}

/*** コンテンツの1番目以降 ***/
.registration-screen .contents-base-area,
.search-screen .contents-base-area {
  width: 98%;
  min-width: 1345px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 3px 5px 5px rgba(59,89,151,0.18);
  margin-top: 15px;
}

/* モーダル用 */
.modal .contents-base-area {
  max-width: 98%;
  margin: 0 auto;
  background: #fff;
  box-shadow: 3px 5px 5px rgba(59,89,151,0.18);
}

/* モーダレス用 */
.modeless .contents-base-area {
  width: 98%;
  margin: 0 auto;
  background: #fff;
  box-shadow: 3px 5px 5px rgba(59,89,151,0.18);
}

/*** アラート表示時 **
.contents-base-area-alert {
margin-top: 235px;
}
/*** コンテンツ内容 ***/
.table-base-area {
  width: 98%;
  min-width: 98%;
  margin: 0 auto;
  padding: 10px 0px;
}

.modal .table-base-area {
  /* width: 100%; */
  min-width: auto;
  margin: 0 auto;
  padding: 5px 0px;
}

.modeless .table-base-area {
  margin: 0 auto;
  padding: 5px 0px;
}

/*** テ－ブル ***/
/*** 検索結果画面 ***/
table.search-results-table {
  table-layout: fixed;
}

table.search-results-table th {
  width: 200px;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #ddd;
  background: #5975ac;
  color: #fff;;
  text-align: right;
  padding: 6px;
  font-weight: normal;
  letter-spacing: .5px;
}

table.search-results-table th:first-child {
  width: 20px!important;
}

table.search-results-table td {
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 2px;
  height:20px;
}

/* 省略表示 */
table tr td.elliptical-sentence {
  white-space: nowrap;
  overflow: hidden;
  max-width:1px;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}


/* データテーブル枠外領域 */
.outer_region {
  padding-top: 0.25em;
  padding-left: 15px;
  margin: 0 auto;
}

/* チェックボックス選択件数表示領域 */
.outer_field {
  width: 54px;        /* num(7 * 7px + 6px) (参考：input-item.css) */
  text-align: right;
}

/*** 登録画面 ***/
/* 通常テーブル(th,tdのセットが2列横にならんだもの) */
table.basic-table {
  width: 100%;
  table-layout: auto;
}

table.basic-table th {
  height: 20px;
  width: 20%;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #bbb;
  background: #ddd;
  color: #000;
  text-align: right;
  padding: 6px;
  font-weight: normal;
  letter-spacing: .5px;
}

table.basic-table td {
  vertical-align: middle;
  border: 1px solid #bbb;
  padding: 2px;
  height: 20px;
  width: 30%;
  word-break: break-all;
}

/* 通常テーブル + thに2階層目 */
table.basic-table-secondlevel tr th[colspan="2"] {
  width: 20%;
}

table.basic-table-secondlevel tr th[rowspan] {
  width: 10%;
}

table.basic-table-secondlevel .th-secondlevel:not(.four-pain) {
  background: #eee;
  width: 10%!important;
}

table.basic-table-thirdlevel td {
  width: 19.5%;
}

th.th-secondlevel[colspan="2"] { /*2階層目が左右にある場合*/
  width: 20%!important;
}

/* 通常テーブル (th + th二階層目 td) */
table.basic-table-threecol td {
  width: 40%;
}

table.basic-table-threecol .th-secondlevel {
  background: #eee;
}

/* 2カラム (th + td)*/
table.basic-table-twocol td {
  width: 80%;
}

/* 均等 */
table.equality-table {
  table-layout: fixed!important;
}

table.equality-table th,
table.equality-table td {
  width: auto!important;
}

table.equality-table th:first-child {
  width: auto!important;
}

/* 100%幅 */
.full-width {
  width: 99%;
}

/*  */
table.basic-table.half-left-table,
table.basic-table.half-right-table {
  width: 49.5%;
}

table.basic-table.half-left-table {
  margin-right: .5%;
}

table.basic-table.half-left-table th,
table.basic-table.half-right-table th {
  width: 40%;
}

table.basic-table.half-left-table td,
table.basic-table.half-right-table td {
  width: 60%;
}

/* 行移動のあるテーブル */
.sort-table th:first-child,
.sort-table td:first-child {
  width: 10px;
}

.sort-table th {
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #bbb;
  background: #ddd;
  color: #000;
  text-align: right;
  padding: 6px;
  font-weight: normal;
  letter-spacing: .5px;
  height: 37px;
}

.sort-table td {
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 2px;
}

td.sort-icon::before {
  content: ":";
  cursor : pointer;
}

td.sort-icon {
  border-right: none;
}

td.sort-icon + td {
  border-left: none;
}

th.sort-no-border-right {
  border-right: none!important;
}

th.sort-no-border-left {
  border-left: none!important;
}

td.sort-no-border-right {
  border-right: none!important;
}


td.sort-no-border-left {
  border-left: none!important;
}

/*** 検索画面用talbeタグ ***/
.search_table {
  width: 98%;
  margin: 0 auto;
}

.search_table th {
  width: 10%;
  background: none;
  border: none;
  padding: 0;
  color: #000;
  text-align: right;
  font-weight: 400;
  padding-right: 10px;
}

.search_table td {
  width: 23%;
  border: none;
  padding: 5px 0;
}

.search_table td label {
  display: inline-block;
  margin-top: 5px;
}


/* テーブルテキスト中央寄せ */
table tr.table-th-center th {
  text-align: center;
}

/* テーブルテキスト左寄せ */
table th.table-headline {
  text-align: left;
  background: #ddd;
  font-weight: bold;
  height: 24px;
}

.num-unit-list {
  width: 40px;
}

/*** モーダル用テーブル ***/
.modal table th {
  background: #ddd;
}

.modal .search_table th {
  background: #fff;
}

/*** モーダレス用テーブル ***/
.modeless table th {
  background: #ddd;
}

.modeless .search_table th {
  background: #fff;
}

/*** 検索条件の表示・非表示 ***/
.search-item-bottom {
  margin:5px 0px;
  width: 100%;
  color: #fff;
  font-weight: bold;
  letter-spacing: .3em;
  background: #afb5c2;
  text-align: center;
  padding: 2px 0;
}

.search-item-detail {
  display: none;
}
/*** 検索条件AND OR ***/
.search-condition {
  width: 60%;
  border: 1px solid #ccc;
  padding: 5px 0 10px 0;
  margin-left: 50px;
  height: 65px;
}

.search-condition-item {
  /* display: block; */
  /* margin-left: calc(860px - 84%)!important; */
  /* display: flex; */
  /* background: lightblue; */
  /* padding-top: -100px; */
  /* margin-bottom: 100px!important; */
}

.search-condition-store {
  margin-left: 145px;
}

/* 顧客検索 住所位置 */
.search-condition-adress {
  margin-left: 150px;
}

/* 顧客検索 営業店位置 */
.search-condition-store {
  margin-left: 130px;
}

/* アイコン表示 */
.search-item-bottom::before {
  content: '';
  display: inline-block;
  background-image: url("/img/openIcon-f0858dc33c4f8a8948bc39d338935a60.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100% auto;
  line-height: 10px;
}

/* 使用不可レコード */
.invalid-flag-invalid {
  background-color: #C0C0C0;
}

/*** タブ ***/
/* TODO:class名は暫定 */
.tab-base-area {

}

.tab-contents-area {
  border: 1px solid #8f8f8f;
  margin-top: -1px;
  border-radius: 0px 5px 5px 5px;
}

.tab-contents-area > div {
  padding: 15px;
}

.tab {
  overflow: hidden;
  /* margin-left: 15px; */
}

.tab li {
  float: left;
  display: table;
  height: 30px;
  width: 120px;
  /* border-radius: 5px 5px 0px 0px; */
  background:#6a84bd;
  margin: 13px 2px 0px 0px;
  text-align: center;
  color: #fff;
}

.tab li p, .tab li a, .tab li label {
  display: table-cell;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
}

.tab li.selected, .tab li.active{
  background: #fff;
  margin-top: 9px;
  border-top: solid 4px #5975ac;
  color: #000000;
  border-left: 1px solid #8f8f8f;
  border-right: 1px solid #8f8f8f;
}

.tab li.add {
  height: 30px;
  width: 40px;
  /* padding:10px 0px 0px 0px; */
}

.tab-contents-base .content {
  /*background:#eee;*/
  padding:20px;
}

.tab-contents-base .active {
  display: block;
}

.tab-contents-base .hide {
  display: none;
}

  /*** 追加のあるtab ***/
  ul.panels > li.panel {
    display: none;
  }
  ul.panels > li.panel.active {
    display: block;
  }

  ul.panels > li.panel.active a {
    display: block;
  }

  .tabs li {
    display: table!important;
  }

  .tabs li a {
    color: #fff;
  }

  .tabs li.active > a {
    color: #000;
  }

  .tab li.addicon {
    background:#6a84fd;
    border-radius: 0px 10px 0px 0px;
    height: 30px;
    width: 30px;
    font-size: 8pt;
  }


/* tab承認済 */
span.approved-tab li {
  background: #7f8fad!important;
}

span.approved-tab li.selected {
  background: #fff!important;
  border-top: 4px solid #7f8fad!important;
}

/*** 検索結果一覧 ***/
/* 「○件中○から○まで表示」表示位置 */
.dataTables_info {
  float: right!important;
  position: relative;
}

/* □件表示プルダウン表示位置 */
.dataTables_length {
  position: absolute;
  display: block;
  right: 240px;
  bottom: 70px;
}

.dataTables_paginate {
  clear: both;
}

/* データテーブル非表示用スタイル */
.dataTables-invisible { visibility: hidden; }

/* □件表示プルダウン幅 */
/* input.w-50{
width: 50px;
} */


/*** その他の検索条件を開く・閉じるアイコン切り替え ***/
.search-item-bottom.condition-close::before {
  content: '';
  display: inline-block;
  background-image: url("/img/openIcon-f0858dc33c4f8a8948bc39d338935a60.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100% auto;
  line-height: 10px;
  vertical-align: middle;
}

.search-item-bottom.condition-open::before {
  content: '';
  display: inline-block;
  background-image: url("/img/closeIcon-29ea8bd1a851f76b565d40f05a5e56ae.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100% auto;
  line-height: 10px;
  vertical-align: middle;
}

/*-------------------------------
footer
-------------------------------*/
footer {
  width: 100%;
  text-align: center;
  margin-top: 45px;
}
/* footer固定 */
.footer-fixed {
  display: block;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background:  #f2f8ff; /*全体背景、固定背景*/
  padding: 10px;
  z-index: 1;
}

/*-------------------------------
画面初期表示時の commandConfirmArea設定
(初期表示時に一瞬表示される動作の抑止)
-------------------------------*/
#commandConfirmArea {
  display: none;
}

/*-------------------------------
インライン要素をインラインブロックに
-------------------------------*/
.inline-block {
  display: inline-block;
}

/* エラーinput */
input.validate-error,
select.validate-error,
textarea.validate-error {
  background: rgba(255,0,0,0.18)!important;
  border-color: #ff0000;
}


/*-------------------------------
案件管理用スタイル
-------------------------------*/

div.header-area.ak {
  background: #ff5997;
  color: #ffffff;
}

.header-area .left-area,
.header-area .middle-area,
.header-area .right-area {
  width: 33%;
  display:table-cell;
  padding-right: 10px;
}

.header-area .left-button-area {
  display: flex;
  width: 100%;
  vertical-align: middle;
}

.header-area .middle-button-area {
  display: flex;
  justify-content:center;
  width: 100%;
  vertical-align: middle;
}

.header-area .right-button-area {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  vertical-align: middle;
}


.header-button {
  height: 20px;
  text-align: center;
  background: #5975ac;
  border-radius: 5px;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 10px;
  vertical-align: middle;
  cursor: pointer;
}

.header-button:hover {
  opacity: .8;
}

.header-button a {
  color: #fff;
}

.header-button span.menu-text {
  vertical-align: text-top;
}

.header-button-text {
  color: #ffffff;
}
.header-button2 {
  height: 20px;
  text-align: center;
  background: #5975ac;
  border-radius: 5px;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  margin-top: -23px;
  margin-left: 85px;
  vertical-align: middle;
  cursor: pointer;
}

.header-button2:hover {
  opacity: .8;
}

.header-button2 a {
  color: #fff;
}

.header-button2 span.menu-text {
  vertical-align: text-top;
}

.header-button-text {
  color: #ffffff;
}

.home-button {
  width: 85px;
}

.setting-button {
  width: 65px;
}

.logout-button {
  width: 100px;
}

@font-face {
  font-family: 'TeamworkRegular';
  src: url('/webjars/gantt/6.2/img/icons-da55b5abc5353273c3dfae9718632ca5.eot?5qjga5');
  src: url('/webjars/gantt/6.2/img/icons-da55b5abc5353273c3dfae9718632ca5.eot?#iefix5qjga5') format('embedded-opentype'),
  url('/webjars/gantt/6.2/img/icons-f69de34da90376e9939f657f82c2b69a.woff?5qjga5') format('woff'),
  url('/webjars/gantt/6.2/img/icons-5884d112068a48d942e59847230fa288.ttf?5qjga5') format('truetype'),
  url('/webjars/gantt/6.2/img/icons-f665714f237ec7c50a968ee4499c076f.svg?5qjga5#icons') format('svg');
  font-weight: normal !important;
  font-style: normal;
}

@font-face {
  font-family: 'LigatureSymbols';
  src: url('/woff/LigatureSymbols-2.11-5c1301079e608b39f3d4cff265d764ee.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.lsf-icon:before {
  content:attr(title);
  font-size:100%;
  font-family: 'LigatureSymbols';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-feature-settings: "liga" 1, "dlig" 1;
  word-break: normal;
}

.icon-btn {
  background: transparent;
  border: none;
  outline: none;
  font-size: 18px;
  padding: 0px !important;
  cursor: pointer;
}

.ui-autocomplete {
  width : 430px!important;
}

ul.ui-autocomplete {
  border: 1px solid #c5dbec!important;
}

li.free-dropdown-item {
  display : inline-block;
  width   : 100px;
  height  : 20px;
  border-bottom : 1px solid #ccc!important;
}

/* リスト全体の背景 */
.ui-autocomplete li.free-dropdown-item {
  background    : #fff!important;
  font-family   : inherit!important;
  font-size     : 100%!important;
  color         : #000000!important;
  padding       : 4px .1em 3px .4em!important
}

/* リスト項目 hover 時のカラー */
.ui-autocomplete li.free-dropdown-item:hover {
  background  : #ccc!important;
  font-weight : 400!important;
  color       : #000000!important;
}