@charset "UTF-8";

.out-background-color1 {
  background-color: #9CD86B;
}

.out-background-color2 {
  background-color: #6BB130;
}

.out-background-color3 {
  background-color: #537B00;
}

.out-background-color4 {
  background-color: #AAC85B;
}

.out-background-color5 {
  background-color: #CFE3A2;
}

.out-background-color6 {
  background-color: #EDF4DB;
}

.out-border-color1 {
  border-color: #9CD86B;
}

.out-border-color2 {
  border-color: #6BB130;
}

.out-border-color3 {
  border-color: #537B00;
}

.out-border-color4 {
  border-color: #AAC85B;
}

.out-border-color5 {
  border-color: #CFE3A2;
}

.out-border-color6 {
  border-color: #EDF4DB;
}

.out-outline-color1 {
  outline-color: #9CD86B;
}

.out-outline-color2 {
  outline-color: #6BB130;
}

.out-outline-color3 {
  outline-color: #537B00;
}

.out-outline-color4 {
  outline-color: #AAC85B;
}

.out-outline-color5 {
  outline-color: #CFE3A2;
}

.out-outline-color6 {
  outline-color: #EDF4DB;
}

.out-color1 {
  color: #9CD86B;
}

.out-color2 {
  color: #6BB130;
}

.out-color3 {
  color: #537B00;
}

.out-color4 {
  color: #AAC85B;
}

.out-color5 {
  color: #CFE3A2;
}

.out-color6 {
  color: #EDF4DB;
}

.out-input-border-color-focus:focus {
  border-color: #537B00;
}

.out-select-border-color-focus:focus {
  border-color: #537B00;
}


/* No.7～13 システムボタン系 */

.out-button-hover:hover {
  border-color: #537B00;
  background-color: #9CD86B;
}

.out-button-focus:focus {
  border-color: #537B00;
  background-color: #9CD86B;
}

.out-button-active:active {
  border-color: #537B00;
  background-color: #6BB130;
}

.out-button-enter-down:focus {
  border-color: #537B00;
  background-color: #6BB130;
}

.out-button-disabled:disabled {
  border-color: #E3E3E6;
  background-color: #FFFFFF;
}

.out-button-selected-disabled:disabled {
  border-color: #537B00;
  background-color: #9CD86B;
}

.out-maintab-selected-disabled:disabled {
  border-color: #537B00;
  background-color: #6BB130;
}


/* No.22	一覧A（例：アプリケーション切替） */

.out-list-a-background-image {
  /*罫線は#A4A4A4で表示したいが、表示結果が薄く見えるため色が濃くなるように調整。*/
  background-image: linear-gradient(#EDF4DB 49px, #555555 50px, transparent 50px), linear-gradient(#FFFFFF 99px, #666666 100px, #EDF4DB 100px);
  background-size: 100px 100px;
}

.out-list-a-line-background-color:nth-child(odd) {
  background-color: #EDF4DB;
}

.out-list-a-line-background-color:nth-child(even) {
  background-color: #FFFFFF;
}

.out-list-a-line-background-color:hover {
  background-color: #CFE3A2;
}

.out-list-a-line-background-color:active {
  background-color: #CFE3A2;
}

.out-list-a-line-background-color:focus {
  background-color: #CFE3A2;
}


/* No.23 一覧B （例：インフォメーションの一覧）*/

.out-list-b-background-image {
  background-image: repeating-linear-gradient(#EDF4DB, #EDF4DB 29px, #A4A4A4 29px, #A4A4A4 30px, #FFFFFF 30px, #FFFFFF 59px, #A4A4A4 59px, #A4A4A4 60px);
}

.sy-list-b-bodyblock>.out-menu-list-data-line30-background-color:nth-of-type(even) {
  background-image: linear-gradient(#FFFFFF 29px, #A4A4A4 1px, #A4A4A4);
  background-size: 30px 30px;
}

.sy-list-b-bodyblock>.out-menu-list-data-line30-background-color:nth-of-type(odd) {
  background-image: linear-gradient(#EDF4DB 29px, #A4A4A4 1px, #A4A4A4);
  background-size: 30px 30px;
}

.sy-list-b-bodyblock>.out-menu-list-data-line30-background-color:hover {
  background-image: linear-gradient(#CFE3A2 29px, #A4A4A4 1px, #A4A4A4);
  background-size: 30px 30px;
}

.sy-list-b-bodyblock>.out-menu-list-data-line30-background-color:focus {
  background-image: linear-gradient(#CFE3A2 29px, #A4A4A4 1px, #A4A4A4);
  background-size: 30px 30px;
}

.sy-list-b-bodyblock>.out-menu-list-data-line30-background-color:active {
  background-image: linear-gradient(#CFE3A2 29px, #A4A4A4 1px, #A4A4A4);
  background-size: 30px 30px;
}

.sy-list-b-bodyblock>.out-menu-list-data-nonselect-line30-background-color:nth-of-type(even) {
  background-image: linear-gradient(#FFFFFF 29px, #A4A4A4 1px, #A4A4A4);
  background-size: 30px 30px;
}

.sy-list-b-bodyblock>.out-menu-list-data-nonselect-line30-background-color:nth-of-type(odd) {
  background-image: linear-gradient(#EDF4DB 29px, #A4A4A4 1px, #A4A4A4);
  background-size: 30px 30px;
}


/* No.24	一覧C（例：マスタ経路選択,ユーザー検索） */

.out-list-c-selected-background-color5 {
  background-color: #CFE3A2;
}

.out-list-c-background-color-hover {
  background-color: #FFFFFF;
}

.out-list-c-background-color-hover:hover {
  background-color: #EDF4DB;
}


/* No.25	一覧D（例：経路履歴） */

.out-list-d-background-image {
  background-image: repeating-linear-gradient(#EDF4DB, #EDF4DB 44px, #A4A4A4 44px, #A4A4A4 45px, #FFFFFF 45px, #FFFFFF 89px, #A4A4A4 89px, #A4A4A4 90px);
}

.out-list-d-line-background-color:nth-child(odd) {
  background-color: #EDF4DB;
}

.out-list-d-line-background-color:nth-child(even) {
  background-color: #FFFFFF;
}


/* No.42	カレンダーパネル */

.out-trans-button {
  border: 1px solid #A4A4A4;
}

.out-trans-button-whiteborder {
  border: 1px solid #FFFFFF;
}

.out-trans-button:focus {
  border: 1px solid #666666;
  outline: none;
}

.out-trans-button:hover {
  border: 1px solid #666666;
  outline: none;
}

.out-trans-button:active {
  border: 1px solid #666666;
  outline: none;
}

.out-trans-button-enter-down:focus {
  border: 1px solid #666666;
  outline: none;
}


/* No.56 チェックマーク */

.out-showcheckmark {
  border-left-color: #537B00;
  border-bottom-color: #537B00;
}


/* 他 */

.out-menu-list-header-background-color {
  background-color: #CFE3A2;
}

.out-menu-list-header-nonselect-background-color {
  background-color: #CFE3A2;
}

.out-menu-list-header-cell-background-color {
  background-color: #CFE3A2;
}

.out-menu-list-header-cell-background-color:hover {
  background-color: #9CD86B;
}

.out-menu-list-header-cell-background-color:focus {
  background-color: #9CD86B;
}

.out-menu-list-header-cell-background-color:active {
  background-color: #9CD86B;
}

.out-menu-list-data-background-color-2 {
  background-image: linear-gradient(transparent 21px, #FFFFFF 21px, #FFFFFF);
  background-size: 42px 42px;
}

.out-menu-list-data-background-color-3 {
  background-image: linear-gradient(transparent 20px, #A4A4A4 1px, transparent);
  background-size: 21px 21px;
}

.out-menu-list-data30-background-color-2 {
  background-image: linear-gradient(transparent 30px, #FFFFFF 30px, #FFFFFF);
  background-size: 60px 60px;
}

.out-menu-list-data30-background-color-3 {
  background-image: linear-gradient(transparent 29px, #A4A4A4 1px, transparent);
  background-size: 30px 30px;
}


/* ListBox */

.out-listbox-selected-background-color5 {
  background-color: #CFE3A2;
}

.out-listbox-background-color-hover {
  background-color: #FFFFFF;
}

.out-listbox-background-color-hover:hover {
  background-color: #EDF4DB;
}



/* SP 一覧カード ： フォルダ、申請書、フォーム、その他*/
.out-list-card-background-color {
  background-color: #FFFFFF;
}

/* HTML0115-122 */
/* .out-list-card-background-color:hover {
  background-color: #CFE3A2;
} */

.out-list-card-background-color:active {
  background-color: #CFE3A2;
}

.out-list-card-background-color:focus {
  background-color: #CFE3A2;
}

/* SP 選択詳細から選択一覧に戻る */
.out-detail-back-background-color {
  background-color: #FFFFFF;
}

/* HTML0115-122 */
/* .out-detail-back-background-color:hover {
  background-color: #CFE3A2;
} */

.out-detail-back-background-color:active {
  background-color: #CFE3A2;
}

.out-detail-back-background-color:focus {
  background-color: #CFE3A2;
}