@charset "UTF-8";
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.ml0 { margin-left: 0px !important; }
.mr0 { margin-right: 0px !important; }
.pt0 { padding-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl0 { padding-left: 0px !important; }
.pr0 { padding-right: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mb5 { margin-bottom: 5px !important; }
.ml5 { margin-left: 5px !important; }
.mr5 { margin-right: 5px !important; }
.pt5 { padding-top: 5px !important; }
.pb5 { padding-bottom: 5px !important; }
.pl5 { padding-left: 5px !important; }
.pr5 { padding-right: 5px !important; }
.mt8 { margin-top: 8px !important; }
.mb8 { margin-bottom: 8px !important; }
.ml8 { margin-left: 8px !important; }
.mr8 { margin-right: 8px !important; }
.pt8 { padding-top: 8px !important; }
.pb8 { padding-bottom: 8px !important; }
.pl8 { padding-left: 8px !important; }
.pr8 { padding-right: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.mr15 { margin-right: 15px !important; }
.pt15 { padding-top: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px !important; }
.pr15 { padding-right: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.pr20 { padding-right: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mb25 { margin-bottom: 25px !important; }
.ml25 { margin-left: 25px !important; }
.mr25 { margin-right: 25px !important; }
.pt25 { padding-top: 25px !important; }
.pb25 { padding-bottom: 25px !important; }
.pl25 { padding-left: 25px !important; }
.pr25 { padding-right: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.mr30 { margin-right: 30px !important; }
.pt30 { padding-top: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left: 30px !important; }
.pr30 { padding-right: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mb35 { margin-bottom: 35px !important; }
.ml35 { margin-left: 35px !important; }
.mr35 { margin-right: 35px !important; }
.pt35 { padding-top: 35px !important; }
.pb35 { padding-bottom: 35px !important; }
.pl35 { padding-left: 35px !important; }
.pr35 { padding-right: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.mr40 { margin-right: 40px !important; }
.pt40 { padding-top: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left: 40px !important; }
.pr40 { padding-right: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mb45 { margin-bottom: 45px !important; }
.ml45 { margin-left: 45px !important; }
.mr45 { margin-right: 45px !important; }
.pt45 { padding-top: 45px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl45 { padding-left: 45px !important; }
.pr45 { padding-right: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt100 { margin-top: 100px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.mr50 { margin-right: 50px !important; }
.pt50 { padding-top: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left: 50px !important; }
.pr50 { padding-right: 50px !important; }
.fs8 {font-size: 8px !important;}
.fs9 {font-size: 9px !important;}
.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs17 {font-size: 17px !important;}
.fs18 {font-size: 18px !important;}
.al-l{
	text-align: left;
}
.al-r{
	text-align: right;
}
.al-c{
	text-align: center;
}
.error {
	color: red;
}
.caution_box{
	background-color: #fcf8e3;
    color: #614e4e;
    font-size: 11px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 10px;
    margin-top: 10px;
    clear: both;
    display: inline-block;
}
.wd75{
    width: 75% !important;
}
.wd50{
    width: 50% !important;
}
.wd25{
    width: 25% !important;
}
.wd20{
    width: 20% !important;
}
.wd15{
    width: 15% !important;
}
.wd10{
    width: 10% !important;
}
.wd9{
    width: 9% !important;
}
.wd8{
    width: 8% !important;
}
.wd7{
    width: 7% !important;
}
.wd6{
    width: 6% !important;
}
.wd5{
    width: 5% !important;
}
.wd3{
    width: 3% !important;
}
.wd50p{
    width: 50px;
}
.wd40p{
    width: 40px;
}
.wd30p{
    width: 30px;
}
.wd20p{
    width: 20px;
}
.wd10p{
    width: 10px;
}
.btn_pad{
	padding: 1% 5% !important;
}
.flt_left{
	float: left !important;
}
.flt_right{
	float: right !important;
}
.error_right{
	float: right;
    margin-right: 25%;
    clear: none !important;
}
.bg-error{
  background-color: #F2DEDE;
}
.headBox{
    background-color: #3c8dbc !important;
    color: #fff;
}
.item-box-success{
    background-color: #fff;
    color: #008d4c;
    display: inline-block;
    padding: 5px 50px;
    border: 2px solid #008d4c;
    border-radius: 4px;
}
.item-box-danger{
    background-color: #fff;
    color: #d73925;
    display: inline-block;
    padding: 5px 50px;
    border: 2px solid #d73925;
    border-radius: 4px;
}
.item-box-warning{
    background-color: #fff;
    color: #f39c12;
    display: inline-block;
    padding: 5px 50px;
    border: 2px solid #f39c12;
    border-radius: 4px;
}
.item-box-purple{
    background-color: #fff;
    color: #605ca8;
    display: inline-block;
    padding: 5px 50px;
    border: 2px solid #605ca8;
    border-radius: 4px;
}
.item-box-navy{
    background-color: #fff;
    color: #001F3F;
    display: inline-block;
    padding: 5px 50px;
    border: 2px solid #001F3F;
    border-radius: 4px;
}
.bg-purple:hover{
    color: #fff !important;
}
.bg-orange:hover{
    color: #fff !important;
}
.item-box-orange {
    background-color: #fff;
    color: #FF851B;
    display: inline-block;
    padding: 5px 50px;
    border: 2px solid #FF851B;
    border-radius: 4px;
}
.ym-box{
    border-radius: 4px;
    padding: 5px 20px;
    background-color: #3c8dbc;
    color: #fff;
    font-size: 16px !important;
}
.blk-center{
    display: flex;
    justify-content: center;
}
.sticky_table th.vertical-fix1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 230px;
    background-color: #F9F9F9;
  }
  .sticky_table thead th.vertical-fix1 {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 2;
  }
.sticky_table th.vertical-fix2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 380px;
    background-color: #F9F9F9;
  }
  .sticky_table thead th.vertical-fix2 {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 2;
  }
.sticky_table th.vertical-fix3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 380px;
    background-color: #FFFFFF;
  }
  .sticky_table thead th.vertical-fix3 {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 2;
  }
.sticky_table02 th.vertical-fix1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 230px;
    background-color: #F9F9F9;
  }
  .sticky_table02 thead th.vertical-fix1 {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 2;
  }
.sticky_table02 th.vertical-fix2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 380px;
}
.sticky_table02 tbody tr:nth-child(odd) th.vertical-fix2 {
    background-color: #F9F9F9;
}
.sticky_table02 tbody tr:nth-child(even) th.vertical-fix2 {
    background-color: #FFFFFF;
}
.sticky_table02 thead th.vertical-fix2 {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 2;
}
.sticky_table02 th.vertical-fix3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 380px;
}
.sticky_table02 tbody tr:nth-child(odd) th.vertical-fix3 {
    background-color: #F9F9F9;
}
.sticky_table02 tbody tr:nth-child(even) th.vertical-fix3 {
    background-color: #FFFFFF;
}
.sticky_table02 thead th.vertical-fix3 {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 2;
}
.approve_mark{
    margin: 0 42%;
    padding: 2px 80px;
    border: solid 2px #008d4c;
    background-color: #fff;
    color: #008d4c;
    border-radius: 5px !important;
    font-size: 26px;
    display: inline-block;
    white-space: nowrap;
}
.not_approve_mark{
    margin: 0 42%;
    padding: 2px 80px;
    border: solid 2px #d73925;
    background-color: #fff;
    color: #d73925;
    border-radius: 5px !important;
    font-size: 26px;
    display: inline-block;
    white-space: nowrap;
}
.approving_mark{
    margin: 0 42%;
    padding: 2px 80px;
    border: solid 2px #605ca8;
    background-color: #fff;
    color: #605ca8;
    border-radius: 5px !important;
    font-size: 26px;
    display: inline-block;
    white-space: nowrap;
}
.approve_mark_sm {
    padding: 2px 10px;
    border: solid 2px #008d4c;
    background-color: #fff;
    color: #008d4c;
    border-radius: 5px !important;
    display: inline-block;
    white-space: nowrap;
}
.not_approve_mark_sm {
    padding: 2px 10px;
    border: solid 2px #d73925;
    background-color: #fff;
    color: #d73925;
    border-radius: 5px !important;
    display: inline-block;
    white-space: nowrap;
}
.approving_mark_sm {
    padding: 2px 10px;
    border: solid 2px #605ca8;
    background-color: #fff;
    color: #605ca8;
    border-radius: 5px !important;
    display: inline-block;
    white-space: nowrap;
}
.table-fix thead th {
    position: sticky;
    top: 50px;
}
.sidebar-collapse .sticky_table th.vertical-fix1{
    left: 50px;
}
.sidebar-collapse .sticky_table th.vertical-fix2{
    left: 200px;
}
.sidebar-collapse .sticky_table th.vertical-fix3{
    left: 200px;
}
.sidebar-collapse .sticky_table02 th.vertical-fix1{
    left: 50px;
}
.sidebar-collapse .sticky_table02 th.vertical-fix2{
    left: 200px;
}
.sidebar-collapse .sticky_table02 th.vertical-fix3{
    left: 200px;
}