/* ~~ この固定幅コンテナが他のすべてのエレメントを囲みます。~~ */
.container {
  width: 640px;
  background-color: #FFF;
  margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}
.styleBIG {
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'ヒラギノ角ゴ Pro W3', 'Century', 'NSimSun', 'Batang';
  font-size: 120%;
  line-height: 20px;
  color: #333333;
  font-weight: bold;
}
.styleBIG2 {
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'ヒラギノ角ゴ Pro W3', 'Century', 'NSimSun', 'Batang';
  font-size: 200%;
  line-height: 20px;
  color: #333333;
  font-weight: bold;
}
.style0 {
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'ヒラギノ角ゴ Pro W3', 'Century', 'NSimSun', 'Batang';
  font-size: 105%;
  line-height: 20px;
  color: #333333;
}
.style1 {
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'ヒラギノ角ゴ Pro W3', 'Century', 'NSimSun', 'Batang';
  font-size: small;
  line-height: 20px;
  color: #333333;
}
.style2 {
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'ヒラギノ角ゴ Pro W3', 'Century', 'NSimSun', 'Batang';
  font-size: 100%;
  line-height: 20px;
  color: #333333;
}
.style3 {
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'ヒラギノ角ゴ Pro W3', 'Century', 'NSimSun', 'Batang';
  font-size: 80%;
  line-height: 18px;
  color: #333333;
}
.Style05 {
  font-size: 5px;
}
.styleTbl1 {
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'ヒラギノ角ゴ Pro W3', 'Century', 'NSimSun', 'Batang';
  font-size: 100%;
  line-height: 20px;
  color: #333333;
  margin: 2px;
}
.styleCell1 {
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
}

/*
input[readonly] {
	color: #bc417a !important;;
	background-color: #E2E8E7 !important;;
	cursor: not-allowed;
}
*/
/*
input[readonly].schedule-input-style{
  background-color: #ffffff;
  cursor: not-allowed;
}
*/


/* 点線 */
.dotline {
  border-top: 1px dotted #333333;
  border-bottom: none;
  border-right: none;
  border-left: none;
  color: #FFFFFF;
}

/* 画像配置 */
.imagebox_r {
  float: right;
  margin-left: 10px;
  margin-top: 5px;
  font-size: 100%;
  text-align: center;
  line-height: 13pt;
  color: #996600;
}
.imagebox_l {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  font-size: 100%;
  text-align: center;
  line-height: 13pt;
  color: #996600;
}
.imagebox_l2 {
  float: left;
  margin-right: 5px;
  margin-top: 0px;
  font-size: 100%;
  text-align: center;
  line-height: 13pt;
  color: #996600;
}
.Green {
  color: #6AD500;
}
.Orange {
  color: #FF8000;
}
.White {
  color: #FFFFFF;
}
.Red {
  color: #FF0000;
}
/*	テキスト	*/
.text {
  font-size: 80%;
  line-height: 150%;
  color: #000000
}
/* 全体 */
div.left {
  text-align: left;
}
div.center {
  text-align: center;
}
div.right {
  text-align: right;
}
div_m1 {
  width: 300px; /* 全体幅 */
  height: 50px; /* 全体高さ */
  text-align: center; /* 文字を中央 */
  line-height: 150%; /* 行の高さ */
  position: absolute;
}

/*枠外を表示しない */
.Over-Hidden {
  overflow: hidden;
  height: auto ;
}

.MenuBox {
  position: relative;
  height: 40px;
  width: 370px;
  left: 0px;
  top: 0px;
}
.FixW {
  overflow: hidden;
  width: 100px;
  height: 20px; /* 	background-color:#FF0;*/
}
.frmBox {
  height: 20px;
  width: 100px;
  background-color: #FCC;
  position: absolute;
}
.frmBox2 {
  top: 0px;
  left: 0px;
  height: 20px;
  width: 100px;
  /*	background-color: #FCC;	*/
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle;
}
.BoxBase {
  height: 20px;
  width: 100px;
  position: relative;
}
.BoxFree {
  position: relative;
  height: auto;
  width: auto;
  text-align: left;
}
.BoxCenter {
  height: 20px;
  width: 100px;
  position: relative;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
.BoxLocate {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0px;
  right: 0px;
  margin: 0px;
  text-align: left;
}
.BoxPos {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0px;
  right: 0px;
  margin: 0px;
  text-align: left;
}
.BoxPos0 {
  position: absolute;
  left: 0px;
  right: 0px;
  overflow: visible;
  line-height: 160%;
}
.BoxLabel {
  position: absolute;
  left: 0px;
  right: 0px;
  overflow: visible;
  background-color: rgba(255, 255, 255, 1);
  border: 1px groove rgba(153, 153, 153, 1);
}

a.LstPrdct {
  text-decoration: none !important; /* リンク部分の下線を消す */
  /*    text-decoration: underline;        */ /* リンク部分の下線を消す */
}
a.LstPrdct:link {
  color: #000000;
} /* まだ見ていないリンク色 */
a.LstPrdct:visited {
  color: #000000;
} /* 既に見たリンク色 */

a.LstPrdct2 {
  text-decoration: none !important; /* リンク部分の下線を消す */
  display: block; 
  /*    text-decoration: underline;        */ /* リンク部分の下線を消す */
}
a.LstPrdct2:link {
  color: #000000;
} /* まだ見ていないリンク色 */
a.LstPrdct2:visited {
  color: #000000;
} /* 既に見たリンク色 */


/* リンク装飾 */
a:link {
  color: blue;
}
/* a:visited { color: #333333; } */
a:hover {
  color: #0066ff;
  background-color: #CCFFFF
}
a:hover {
  position: relative;
  top: 1px;
  left: 1px;
}
a:active {
  color: #0066ff;
}
/* リンクの幅拡大 */
a.widelink { 
  display: block; 
}

/* ▼リンクの上にマウスが載った際の装飾(背景色だけ指定) */
/*
.sample a:hover { background-color: #fcfcaa; }
*/

/* リンク部分 */
a.MenuButton {
  text-align: center;
  display: block; /* リンクをブロックに変換 */
  height: 40px;
  width: 370px;
  line-height: 250%;
  text-decoration: none; /* リンク部分の下線を消す */
  border-left: solid 1px #cccccc; /* 左罫線 */
  border-top: solid 1px #cccccc; /* 上罫線 */
  border-right: solid 2px #808080; /* 右罫線 */
  border-bottom: solid 2px #808080; /* 下罫線 */
  background-color: #c0c0c0; /* 背景色 */
}
a.MenuButton:link {
  color: #000000;
} /* まだ見ていないリンク色 */
a.MenuButton:visited {
  color: #000000;
} /* 既に見たリンク色 */
a.MenuButton:hover {
  border-left: solid 2px #808080; /* 左罫線 */
  border-top: solid 2px #808080; /* 上罫線 */
  border-right: solid 1px #cccccc; /* 右罫線 */
  border-bottom: solid 1px #cccccc; /* 下罫線 */
}

/* ボタンCSS */
.btnHelp {
  width:25px;
  height:25px;
  line-height:20px;
}
.btnHelp a{
  display:block;
  width:100%;
  height:100%;
  text-decoration: none;
  background:#88edff;
  text-align:center;
  border:1px solid #000000;
  color:#2d0fd8;
  font-size:22px;
  font-weight:bold;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
}
.btnHelp a:hover{
  background:#0cc6ff;
  color:#000000;
  margin-left:0px;
  margin-top:0px;
  border:2px solid #000000;
  box-shadow:none;
  text-decoration: none;
}

/* 早移動(早送りなど) */
.btnFastMove{
  width:40px;
  height:22px;
  line-height:20px;
}
.btnFastMove a{
  display:block;
  width:100%;
  height:100%;
  text-decoration: none;
  background:#0099FF;
  text-align:center;
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  box-shadow:2px 2px 0px 0px #DEDEDE ;
}
.btnFastMove a:hover{
  background:#0099FF;
  color:#FFFC00;
  margin-left:1px;
  margin-top:1px;
  box-shadow:none;
  text-decoration: none;
}


.myButton {
  -moz-box-shadow: 0px 1px 0px 0px #fff6af;
  -webkit-box-shadow: 0px 1px 0px 0px #fff6af;
  box-shadow: 0px 1px 0px 0px #fff6af;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
  background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
  background-color: #ffec64;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ffaa22;
  display: inline-block;
  cursor: pointer;
  color: #333333;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 12px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffee66;
}
.myButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
  background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
  background-color: #ffab23;
}
.myButton:active {
  position: relative;
  top: 1px;
}
.fontTitle {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 24px;
}
.strRed {
  color: #FF0000;
}
.strBlack {
  color: #00FF00;
}
.stlCellH1 {
  background-color: #DBDBEE;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 180%;
}
.stlCellH2 {
  background-color: #DBDBEE;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 180%;
}
.stlCellD1 {
  width: 300px;
  height: 30px;
  text-align: left;
}
.stlCellD2 {
  width: 100px;
  height: 30px;
  text-align: left;
}
.stlCellD3 {
  width: 200px;
  height: 30px;
  text-align: left;
}
.boxDialog {
  position: absolute;
  width: 200px;
  height: 50px;
  top: 0px;
  left: 0px;
  border-radius: 5px;
  background-color: rgba(204, 204, 204, 1);
  border-top-style: double;
  border-right-style: double;
  border-bottom-style: double;
  border-left-style: double;
}
.ItemName {
  background-color: rgba(131, 227, 235, 1.00);
  height: 30px;
  display: flex;
  align-items: center;
  border: 1px double #007bff !important;
  padding-top: 3;
  padding-right: 3;
  padding-bottom: 3;
  margin: 2;
}
.ItemData {
  background-color: rgba(250, 250, 250, 1.00);
  height: 30px;
  display: flex;
  align-items: center;
  border: 1px solid #dee2e6 !important;
  border-color: #007bff !important;
}
/*  ■■ テーブル ヘッダー固定 ■■■■■■■■■■■■■■■■ */
/*　スクロールバーの実装 */
.table_sticky {
  display: block;
  overflow-y: scroll;
  height: calc(100vh/2);
  border: 1px solid;
  border-collapse: collapse;
}
.table_sticky thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #A2E9EF;
  border-top: #FFFFFF;
}
.pos-rela { /* 親要素 */
  position: relative !important;
}
.pos-abso { /* 子要素 親要素を元に位置決めする */
  position: absolute !important;
}
.st-tbl1 thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
.st-tbl1 th:first-child {
  position: sticky;
  left: 0;
  background: #f1f1fd;
}
.st-tbl1 th:nth-child(2) {
  position: sticky;
  left: 0;
  /*  background: #f1f1fd; */
}
.st-tbl1 th:nth-child(3) {
  position: sticky;
  left: 0;
  /*  background: #f1f1fd; */
}
/*
.st-tbl1 th {
  background-color: #555;
  color: #fff;
  white-space: nowrap;
}
.st-tbl1 th,
.st-tbl1 td {
  text-align: left;
  padding: 0.5em 1em;
  white-space: nowrap;
}
 .st-tbl1 table {
    display: flex;
}
.st-tbl1 tbody {
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}
.st-tbl1 th,
.st-tbl1 td {
    display: block;
}
.text{
    background: #f1f1fd;
}
*/
.slider {
  overflow-y: auto;
  height: 200px;
  width: 500px;
  margin: 0 auto;
}
.slider table {
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
}
.slider th, .slider td {
  border: 1px solid #999;
  padding: 6px;
  /*white-space: nowrap;*/
}
.slider tr:first-child th, .slider tr th:first-child {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: white;
}
.slider tr:first-child th:first-child {
  z-index: 10;
}
.slider tr:first-child th:before, .slider tr th:first-child:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #999;
}
.zfixed01, .zfixed02 {
  position: sticky;
  /*  top: 0;
  left: 0; */
  /*  color: #fff;
  background: #333; */
}
.zfixed01 {
  z-index: 2;
}
.zfixed02 {
  z-index: 1;
}
/*  ■■■■■■■■■■■■■■■■■■■■■■ */
/*  ■■■■■■■ Bootstrap 拡張 ■■■■■■■ */
/*非表示にする*/
.DispNon {
  display: none !important;
}
/* カレンダー土日色設定 */
.datepicker-days th.dow:nth-last-child(7), .datepicker-days td:nth-last-child(7) {
  color: #f00;
}
.datepicker-days th.dow:last-child, .datepicker-days td:last-child {
  color: #00f;
}
.WaitIcon {
  background-image:url("../image/wait01.gif") ;
    /*background-image:url("wait00.jpg") ;*/
    background-size:contain;                               /* 画像のサイズを指定    */
    width:50px;                                            /* 横幅のサイズを指定    */
    height:50px;                                          /* 縦幅のサイズを指定    */
    
}
.DispNone {
  display: none !important;
}
.mg0 {
  margin: 0 !important;
}
.mg1100 {
  margin-left: 3 !important;
  margin-top: 1 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
.mg3000 {
  margin-left: 3px !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
.pa0 {
  padding: 0 !important;
}
.pa3 {
  padding: 3px !important;
}
.pa2 {
  padding: 2px !important;
}
.pa5px {
  padding: 5px !important;
}
.pa1100 {
  padding-left: 1px !important;
  padding-top: 1px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.pa1101 {
  padding-left: 1px !important;
  padding-top: 1px !important;
  padding-right: 0px !important;
  padding-bottom: 1px !important;
}
.pat0 {
  padding-top: 0 !important;
}
.pal0 {
  padding-left: 0px !important;
}
.pal5 {
  padding-left: 5px !important;
}
.palr5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.pal10 {
  padding-left: 10px !important;
}
.pab1 {
  padding-bottom: 1px;
}
.table-item {
  background-color: #A2E9EF !important;
  font-weight: normal; /* :bold;*/
  font-size: 14px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.table-item1 {
  background-color: #A2E9EF !important;
  font-size: 14px !important;       /* 1rem=16px */
  font-weight: Bold !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  text-align-last: justify !important;
}

.table-item2 {
  background-color: #FF93AB !important;
  font-weight: normal;
  font-size: 14px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.table-item3 {
  background-color: #B0FF99 !important;
  font-weight: normal;
  font-size: 14px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.table-item4 {
  background-color: #ff0000 !important;
  font-weight: normal;
  font-size: 14px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.table-item5 {
  background-color: #DDffff !important;
  font-weight: normal;
  font-size: 14px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.table-item6 {
  background-color: #A2E9EF !important;
  font-weight: normal; /* :bold;*/
  font-size: 14px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  position: sticky;
}
.table-data {
  background-color: #FAFFAF;
  left: 10px !important;
  margin: 0 !important;
}
.table-data01 {
  background-color: #ffec47;
  left: 10px !important;
  margin: 0 !important;
}
.table-data02 {
  background-color: #eec362;
  left: 10px !important;
  margin: 0 !important;
}
.table-view {
  padding-left: 20px !important;
  margin: 0 !important;
}
.table-view-num {
  text-align: left !important;
  padding-left: 20px !important;
  margin: 0 !important;
}
.table-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 120%;
  height: 45px;
}
.border-2px {
  border: 2px solid #2A88E7 !important;
}
.border-3px {
  border: 3px solid #2A88E7 !important;
}
.bc-white {
  background-color: white !important;
}
.bc-yellow {
  background-color: yellow !important;
}
.bc-input {
  background-color: #FAFFAF;
}
.text-black {
  color: #000000 !important;
}
.color-White {
  background-color: #FFFFFF !important;
}
.color-Login {
  color: whitesmoke !important;
  background-color: #1231C4 !important;
}
.color-Kouji {
  background-color: #FFD700 !important;
}
.color-Jinin {
  background-color: #FFD700 !important;
}
.color-Kizai {
  background-color: #FFD700 !important;
}
.color-Maintenance {
  background-color: #FF0E0E !important;
}
.color-MainteID {
  background-color: #ff00ff !important;
}
.color-Office {
  background-color: #FFD700 !important;
}
.color-Standby {
  background-color: #BFFFCA !important;
}
.color-StandbyLight {
  background-color: #D3FFDB !important;
}
.color-Holiday {
  background-color: #C2C4FD !important;
}
.color-HolidayLight {
  background-color: #E5E6FB !important;
}
.color-Product {
  background-color: #F48F0E !important;
}
.color-LightBlue2 {
  background-color: #B8C5FF !important;
}
.color-LightYellow2 {
  background-color: #FFEC47 !important;
}
.color-pink2 {
  background-color: #FF84B9 !important;
}
.color-lawngreen {
  background-color: #7cfc00 !important;
}
.color-blue {
  color: #ffffff !important;
  background-color: #0000ff !important;
}
.color-darkgreen {
  color: whitesmoke !important;
  background-color: #006400 !important;
}
.color-bk01 {
  background-color: #B9F599 !important;
}
.color-bk02 {
  background-color: #A8DAFB !important;
}
.color-List01 {
  background-color: #FF8C00 !important;
}
.color-List02 {
  background-color: #FFC4E1 !important;
}
.color-List03 {
  background-color: #58ACFF !important;
}
.color-ProcessTitle {
  background-color: #D5E10B !important;
}
.color-ProcessType {
  background-color: #F2F883 !important;
}
.color-LabelPrint {
  color: rgba(87, 87, 87, 1.00) !important;
  background-color: #ADFDA7 !important;
}
.color-Stock {
  color: rgba(4, 3, 122, 1.00) !important;
  background-color: #49B921 !important;
}
.color-item1 {
  color: rgba(4, 3, 122, 1.00) !important;
  background-color: #49B921 !important;
}
.color-item2 {
  color: rgba(4, 3, 122, 1.00) !important;
  background-color: #49B921 !important;
}
.border-black {
  border-color: #000000 !important;
}
.bc-lime {
  color: #000000 !important;
  background-color: #00ff00 !important;
}
.bg-Match {
  background-color: #80E2FB !important;
}
.bg-Wrong {
  background-color: #FCBFBF !important;
}
.MaxH300 {
  overflow-y: auto;
  max-height: 300px;
}
.h10 {
  height: 10px !important;
}
.h11 {
  height: 11px !important;
}
.h12 {
  height: 12px !important;
}
.h13 {
  height: 13px !important;
}
.h14 {
  height: 14px !important;
}
.h15 {
  height: 15px !important;
}
.h16 {
  height: 16px !important;
}
.h17 {
  height: 17px !important;
}
.h18 {
  height: 18px !important;
}
.h19 {
  height: 19px !important;
}
.h20 {
  height: 20px !important;
}
.h21 {
  height: 21px !important;
}
.h22 {
  height: 22px !important;
}
.h23 {
  height: 23px !important;
}
.h24 {
  height: 24px !important;
}
.h25 {
  height: 25px !important;
}
.h26 {
  height: 26px !important;
}
.h27 {
  height: 27px !important;
}
.h28 {
  height: 28px !important;
}
.h29 {
  height: 29px !important;
}
.h30 {
  height: 30px !important;
}
.h31 {
  height: 31px !important;
}
.h32 {
  height: 32px !important;
}
.h33 {
  height: 33px !important;
}
.h34 {
  height: 34px !important;
}
.h35 {
  height: 35px !important;
}
.h36 {
  height: 36px !important;
}
.h37 {
  height: 37px !important;
}
.h38 {
  height: 38px !important;
}
.h39 {
  height: 39px !important;
}
.h40 {
  height: 40px !important;
}
.h41 {
  height: 41px !important;
}
.h42 {
  height: 42px !important;
}
.h43 {
  height: 43px !important;
}
.h44 {
  height: 44px !important;
}
.h45 {
  height: 45px !important;
}
.h46 {
  height: 46px !important;
}
.h47 {
  height: 47px !important;
}
.h48 {
  height: 48px !important;
}
.h49 {
  height: 49px !important;
}
.h50 {
  height: 50px !important;
}
.h55 {
  height: 55px !important;
}
.h60 {
  height: 60px !important;
}
.h70 {
  height: 70px !important;
}
.h80 {
  height: 80px !important;
}
.h90 {
  height: 90px !important;
}
.h100 {
  height: 100px !important;
}
.w10 {
  width: 10px !important;
}
.w12 {
  width: 12px !important;
}
.w14 {
  width: 14px !important;
}
.w16 {
  width: 16px !important;
}
.w18 {
  width: 18px !important;
}
.w20 {
  width: 20px !important;
}
.w22 {
  width: 22px !important;
}
.w24 {
  width: 24px !important;
}
.w26 {
  width: 26px !important;
}
.w28 {
  width: 28px !important;
}
.w30 {
  width: 30px !important;
}
.w32 {
  width: 32px !important;
}
.w34 {
  width: 34px !important;
}
.w36 {
  width: 36px !important;
}
.w38 {
  width: 38px !important;
}
.w40 {
  width: 40px !important;
}
.w42 {
  width: 42px !important;
}
.w44 {
  width: 44px !important;
}
.w46 {
  width: 46px !important;
}
.w48 {
  width: 48px !important;
}
.w50 {
  width: 50px !important;
}
.w52 {
  width: 52px !important;
}
.w54 {
  width: 54px !important;
}
.w56 {
  width: 56px !important;
}
.w58 {
  width: 58px !important;
}
.w60 {
  width: 60px !important;
}
.w62 {
  width: 62px !important;
}
.w64 {
  width: 64px !important;
}
.w66 {
  width: 66px !important;
}
.w68 {
  width: 68px !important;
}
.w70 {
  width: 70px !important;
}
.w72 {
  width: 72px !important;
}
.w74 {
  width: 74px !important;
}
.w76 {
  width: 76px !important;
}
.w78 {
  width: 78px !important;
}
.w80 {
  width: 80px !important;
}
.w82 {
  width: 82px !important;
}
.w84 {
  width: 84px !important;
}
.w86 {
  width: 86px !important;
}
.w88 {
  width: 88px !important;
}
.w90 {
  width: 90px !important;
}
.w92 {
  width: 92px !important;
}
.w94 {
  width: 94px !important;
}
.w96 {
  width: 96px !important;
}
.w98 {
  width: 98px !important;
}
.w100 {
  width: 100px !important;
}
.w102 {
  width: 102px !important;
}
.w104 {
  width: 104px !important;
}
.w106 {
  width: 106px !important;
}
.w108 {
  width: 108px !important;
}
.w110 {
  width: 110px !important;
}
.w112 {
  width: 112px !important;
}
.w114 {
  width: 114px !important;
}
.w116 {
  width: 116px !important;
}
.w118 {
  width: 118px !important;
}
.w120 {
  width: 120px !important;
}
.w122 {
  width: 122px !important;
}
.w124 {
  width: 124px !important;
}
.w126 {
  width: 126px !important;
}
.w128 {
  width: 128px !important;
}
.w130 {
  width: 130px !important;
}
.w132 {
  width: 132px !important;
}
.w134 {
  width: 134px !important;
}
.w136 {
  width: 136px !important;
}
.w138 {
  width: 138px !important;
}
.w140 {
  width: 140px !important;
}
.w142 {
  width: 142px !important;
}
.w144 {
  width: 144px !important;
}
.w146 {
  width: 146px !important;
}
.w148 {
  width: 148px !important;
}
.w150 {
  width: 150px !important;
}
.w152 {
  width: 152px !important;
}
.w154 {
  width: 154px !important;
}
.w156 {
  width: 156px !important;
}
.w158 {
  width: 158px !important;
}
.w160 {
  width: 160px !important;
}
.w162 {
  width: 162px !important;
}
.w164 {
  width: 164px !important;
}
.w166 {
  width: 166px !important;
}
.w168 {
  width: 168px !important;
}
.w170 {
  width: 170px !important;
}
.w172 {
  width: 172px !important;
}
.w174 {
  width: 174px !important;
}
.w176 {
  width: 176px !important;
}
.w178 {
  width: 178px !important;
}
.w180 {
  width: 180px !important;
}
.w182 {
  width: 182px !important;
}
.w184 {
  width: 184px !important;
}
.w186 {
  width: 186px !important;
}
.w188 {
  width: 188px !important;
}
.w190 {
  width: 190px !important;
}
.w192 {
  width: 192px !important;
}
.w194 {
  width: 194px !important;
}
.w196 {
  width: 196px !important;
}
.w198 {
  width: 198px !important;
}
.w200 {
  width: 200px !important;
}
.w300 {
  width: 300px !important;
}
.w400 {
  width: 400px !important;
}
.w440 {
  width: 440px !important;
}
.w500 {
  width: 500px !important;
}
.w600 {
  width: 600px !important;
}
.w640 {
  width: 640px !important;
}
.w700 {
  width: 700px !important;
}
.w720 {
  width: 720px !important;
}
.w800 {
  width: 800px !important;
}
.w900 {
  width: 900px !important;
}
.w1000 {
  width: 1000px !important;
}
.w1100 {
  width: 1100px !important;
}
.w1200 {
  width: 1200px !important;
}
.w1300 {
  width: 1300px !important;
}
.w1400 {
  width: 1400px !important;
}
.w1500 {
  width: 1500px !important;
}
.w1600 {
  width: 1600px !important;
}
.w1700 {
  width: 1700px !important;
}
.w1800 {
  width: 1800px !important;
}
.h10px {
  height: 10px !important;
}
.h15px {
  height: 15px !important;
}
.h20px {
  height: 20px !important;
}
.h25px {
  height: 25px !important;
}
.h30px {
  height: 30px !important;
}
.h38px {
  height: 38px !important;
}
.h45px {
  height: 45px !important;
}
.h50px {
  height: 50px !important;
}
.h60px {
  height: 60px !important;
}
.h70px {
  height: 70px !important;
}
.h80px {
  height: 80px !important;
}
.h90px {
  height: 90px !important;
}
.h100px {
  height: 110px !important;
}
.h120px {
  height: 120px !important;
}
.h130px {
  height: 130px !important;
}
.h150px {
  height: 150px !important;
}
.h200px {
  height: 200px !important;
}
.w25px {
  width: 25px !important;
}
.w30px {
  width: 30px !important;
}
.w40px {
  width: 40px !important;
}
.w50px {
  width: 50px !important;
}
.w60px {
  width: 60px !important;
}
.w70px {
  width: 70px !important;
}
.w80px {
  width: 80px !important;
}
.w90px {
  width: 90px !important;
}
.w100px {
  width: 100px !important;
}
.w110px {
  width: 110px !important;
}
.w120px {
  width: 120px !important;
}
.w130px {
  width: 130px !important;
}
.w140px {
  width: 140px !important;
}
.w150px {
  width: 150px !important;
}
.w160px {
  width: 160px !important;
}
.w170px {
  width: 170px !important;
}
.w180px {
  width: 180px !important;
}
.w190px {
  width: 190px !important;
}
.w200px {
  width: 200px !important;
}
.w220px {
  width: 220px !important;
}
.w240px {
  width: 240px !important;
}
.w280px {
  width: 280px !important;
}
.w300px {
  width: 300px !important;
}
.w320px {
  width: 320px !important;
}
.w330px {
  width: 330px !important;
}
.w340px {
  width: 340px !important;
}
.w360px {
  width: 360px !important;
}
.w400px {
  width: 400px !important;
}
.w440px {
  width: 440px !important;
}
.w450px {
  width: 450px !important;
}
.w500px {
  width: 500px !important;
}
.w520px {
  width: 520px !important;
}
.w540px {
  width: 540px !important;
}
.w600px {
  width: 600px !important;
}
.w640px {
  width: 640px !important;
}
.w650px {
  width: 650px !important;
}
.w700px {
  width: 700px !important;
}
.w750px {
  width: 750px !important;
}
.w800px {
  width: 800px !important;
}
.w900px {
  width: 900px !important;
}
.w960px {
  width: 960px !important;
}
.w1000px {
  width: 1000px !important;
}
.w1200px {
  width: 1200px !important;
}
.wProcessDay {
  width: 1500px !important;
}
.fs8 {
  font-size: 8px !important;
  line-height: 9px;
}
.fs10 {
  font-size: 10px !important;
  line-height: 11px;
}
.fs12 {
  font-size: 12px !important;
  line-height: 13px;
}
.fs14 {
  font-size: 14px !important;
  line-height: 15px;
}
.fs16 {
  font-size: 16px !important;
  line-height: 17px;
}
.fs18 {
  font-size: 18px !important;
  line-height: 19px;
}
.fs20 {
  font-size: 20px !important;
  line-height: 21px;
}
.fs22 {
  font-size: 22px !important;
  line-height: 23px;
}
.fs24 {
  font-size: 24px !important;
  line-height: 25px;
}
.fs26 {
  font-size: 26px !important;
  line-height: 27px;
}
.fs28 {
  font-size: 28px !important;
  line-height: 29px;
}
.fs30 {
  font-size: 30px !important;
  line-height: 31px;
}
.fs05rem {
  font-size: 0.5rem !important;
}
.fs07rem {
  font-size: 0.7rem !important;
}
.fs075rem {
  font-size: 0.75rem !important;
}
.fs08rem {
  font-size: 0.8rem !important;
}
.fs08remVC {
  font-size: 0.8rem !important;
  line-height: 0px !important;
}
.fs09rem {
  font-size: 0.9rem !important;
}
.fs10rem {
  font-size: 1.0rem !important;
}
.fs11rem {
  font-size: 1.1rem !important;
}
.fs12rem {
  font-size: 1.2rem !important;
}
.fs17rem {
  font-size: 1.7rem !important;
}
.fs27rem {
  font-size: 2.7rem !important;
}
.fw2 {
  font-weight: 200 !important;
}
.fw4 {
  font-weight: 400 !important;
}
.fw6 {
  font-weight: 600 !important;
}
.fw8 {
  font-weight: 800 !important;
}
.fw9 {
  font-weight: 999 !important;
}
.ft1 {
  font-size: 1.0rem !important;
  font-weight: 800 !important;
}
.btn-submitRegist {
  font-weight: bold !important;
  color: #FFF !important;
  background-color: #0005FF !important;
  border-color: #000F8C !important;
  border-width: 3px !important;
}
.btn-submitUpdate {
  font-weight: bold !important;
  color: #FFFF00 !important;
  background-color: #4C71FF !important;
  border-color: #000F8C !important;
  border-width: 3px !important;
}
.btn-submitL {
  font-weight: bold !important;
  color: #000 !important;
  background-color: #DFED6E !important;
  border-color: #809312 !important;
  border-width: 3px !important;
}
.btn-submitS {
  font-weight: bold !important;
  color: #000 !important;
  background-color: #E5E5E5 !important;
  border-color: #242424 !important;
  border-width: 1px !important;
}
.btn-updateOffice {
  font-weight: bold !important;
  color: #000 !important;
  background-color: #E5FF13 !important;
  border-color: #707070 !important;
  border-width: 3px !important;
  border-radius: 5px !important;
}
.btn-RestOffice {
  font-weight: bold !important;
  color: #000 !important;
  background-color: #16FBFF !important;
  border-color: #707070 !important;
  border-width: 3px !important;
  border-radius: 5px !important;
}
.btn-delAll {
  font-weight: bold !important;
  color: #FFF !important;
  background-color: #8E0002 !important;
  border-color: #FF0808 !important;
  border-width: 3px !important;
  border-radius: 5px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.btn-del {
  font-weight: bold !important;
  color: #000 !important;
  background-color: #FFFFFF !important;
  border-color: #FF0808 !important;
  border-width: 3px !important;
  border-radius: 5px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.btn-edit {
  font-weight: bold !important;
  color: #000 !important;
  background-color: #FEFEFE !important;
  border-color: #00B050 !important;
  border-width: 3px !important;
  border-radius: 5px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.btn-copyAll {
  font-weight: bold !important;
  color: #fff !important;
  background-color: #005CD8 !important;
  border-color: #048FDC !important;
  border-width: 3px !important;
  border-radius: 5px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.btn-copy {
  font-weight: bold !important;
  color: #000 !important;
  background-color: #FEFEFE !important;
  border-color: #048FDC !important;
  border-width: 3px !important;
  border-radius: 5px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.btn-new {
  font-weight: bold !important;
  color: #000 !important;
  background-color: #FFFFFF !important;
  border-color: #1E22FF !important;
  border-width: 3px !important;
  border-radius: 5px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.btn-report {
  font-weight: bold !important;
  color: #FFFFFF !important;
  background-color: #2125FF !important;
  border-color: #707070 !important;
  border-width: 3px !important;
  border-radius: 5px !important;
}

.btn-copyClip {
  width:80px !important;
  height:30px !important;
  line-height:20px !important;

  font-weight: bold !important;
  color: #000 !important;
  background-color: hsl(56, 98%, 41%) !important;
  border-color: #048FDC !important;
  border-width: 2px !important;
  border-radius: 5px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  box-shadow: 0px 6px 0px -2px #9b9b9b;
}

.btn-copyClip:hover {
  box-shadow: 0 0 #fff;
  transform: translateY(1px);
  color:#000000 !important;
  background:hsl(64, 100%, 57%) !important;
}

.btn-NarrowDown {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  border-radius: 4px;
  width: 80px;
  height: 30px;
  font-weight: bold;
  border: 2px solid #555555;
  transition: 0.3s;
  box-shadow: 0px 6px 0px -2px rgba(67, 145, 209, 1);
  background-color: #138fc9;
}
.btn-NarrowDown:hover {
  box-shadow: 0 0 #fff;
  transform: translateY(1px);
  color:#000000 !important;
  background:#26FFFD !important;
}

.Operator-Pos {
  right: 10px;
  top: 9px;
}
.Operator-PosReturn {
  right: 150px;
  top: 6px;
}
.Operator-PosList {
  right: 210px;
  top: 7px;
}
.Operator {
  width: 7rem;
  height: 1.7rem;
  line-height: 0px !important;
}
.btn-csv {
  color: rgba(248, 255, 6, 1.00) !important;
  background-color: #007bff;
}
a.btn-csv:hover, a.btn-csv:focus {
  color: #fff;
  background-color: #0062cc;
}
.flexiblebox {
  display: flex;
  align-items: center; /* 縦方向中央揃え */
  justify-content: center; /* 横方向中央揃え */
}
.TextVerticalCenter {
  display: table-cell;
  vertical-align: middle;
}
.btn-font1 { /* ボタンフォント設定(標準　*/
  font-weight: 400;
  font-size: 14px; /*0.8rem !important;*/
  line-height: 15px;
}
.btn-font2 { /* ボタンフォント設定(標準　*/
  font-weight: 400;
  font-size: 10px; /*0.8rem !important;*/
  line-height: 11px;
}
.btn-fontM { /* ボタンフォント設定 M(標準)　*/
  font-weight: 400;
  font-size: 14px; /*0.8rem !important;*/
  line-height: 15px;
}
.btn-fontL { /* ボタンフォント設定L　*/
  font-weight: 400;
  font-size: 20px; /*0.8rem !important;*/
  line-height: 21px;
}
.btn-fontS { /* ボタンフォント設定S */
  font-weight: 400;
  font-size: 12px; /*0.8rem !important;*/
  line-height: 13px;
}
.btn-fontSS { /* ボタンフォント設定SS　*/
  font-weight: 400;
  font-size: 10px; /*0.8rem !important;*/
  line-height: 11px;
}
.btn-normal { /* 角丸四角 その他 №0　*/
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 2px;
  /*height: 20px !important;*/
}
.btn-normal0 { /* 角丸四角 その他 №0　*/
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 2px;
  /*  font-size: 14px; 
  line-height: 14px;
  height: 20px !important;*/
}
.btn-car0 { /* 〇  車  №1　*/
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 2px;
  /*  font-size: 0.8rem !important;
  line-height:0.8rem;
  height: 40px !important;
    width: 60px;*/
}
.btn-ship0 { /* 〇  船  №2*/
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0 0 12px 12px;
  padding: 2px;
  /*  font-size: 0.8rem !important;
  line-height: 0;
  height: 30px !important; */
}
.btn-crane0 { /* ／■／ クレーン №3*/
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50% 0 50% 0;
  padding: 2px;
  /*  font-size: 0.8rem !important;
  line-height: 0;
  height: 20px !important;

*/
}
.ColorRed {
  color: #FF0000;
}
.btn-Diving {
  color: #fff;
  background-color: #CC0000;
  border: 2px solid #0004CC;
}
.btn-ColorBaseID100 { /* 本社      拠点色 */
  color: #fff;
  background-color: #000000;
  border-color: #888888;
}
.btn-ColorBaseID200 { /* 東京支店 */
  color: #000;
  background-color: #FF8888;
  border-color: #000000;
}
.btn-ColorBaseID300 { /* 鹿島支店 */
  color: #fff;
  background-color: #0000ff;
  border-color: #000000;
}
.btn-ColorBaseID400 { /* 東海支店 */
  color: #000;
  background-color: #ffa500;
  border-color: #000000;
}
.btn-ColorBaseID500 { /* 千葉支店 */
  color: #000;
  background-color: #ffff00;
  border-color: #000000;
}
.btn-ColorBaseID700 { /* 調査測量部 */
  color: #fff;
  background-color: #008000;
  border-color: #000000;
}
.btn-ColorGray {
  color: #fff;
  background-color: #A0A0A0;
  border-color: #A0A0A0;
}
.btn-Color01 {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #000000;
}
.btn-Color02 {
  color: #fff;
  background-color: #0000FF;
  border-color: #0000FF;
}
.btn-Color03 {
  color: #000;
  background-color: #60FF60;
  border-color: #00FF00;
}
.btn-Color04 {
  color: #000;
  background-color: #FC68FC;
  border-color: #FC68FC;
}
.btn-Color05 {
  color: #000;
  background-color: #FFE248;
  border-color: #FFE248;
}
.btn-Color06 {
  color: #000;
  background-color: #C0C0C0;
  border-color: #000000;
}
.btn-Color07 {
  color: #000;
  background-color: #87CEEB;
  border-color: #87CEEB;
}
.btn-Color08 {
  color: #fff;
  background-color: #28794B;
  border-color: #28794B;
}
.btn-Color09 {
  color: #fff;
  background-color: #FF7807;
  border-color: #FF7807;
}
.btn-Color10 {
  color: #000;
  background-color: #ff69b4; /*ピンク*/
  border-color: #ff69b4;
}
.btn-Color11 {
  color: #fff;
  background-color: #9400d3; /*紫*/
  border-color: #9400d3;
}
.btn-Color12 {
  color: #000;
  background-color: #a9b735; /*若草色*/
  border-color: #a9b735;
}
.btn-Color13 {
  color: #fff;
  background-color: #a0522d; /*茶*/
  border-color: #a0522d;
}
.btn-Color14 {
  color: #fff;
  background-color: #010101; /*茶*/
  border-color: #010101;
}


.btn-custom {
  background-color: #FF1493 !important;
  color: #ffffff !important;
}
.btn-custom:hover {
  color: #fff;
  background-color: #c91b78 !important;
  border-color: #117a8b;
}


.td01 {
  width: 25px !important;
}
.td02 {
  width: 25px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center !important;
}
.td03 {
  width: 25px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center !important;
  font-size: 10px !important;
}
.td04 {
  width: 25px !important;
  position: sticky;
  top:0;
  left: 0;
  z-index: 1;
}
.td05 {
  width: 25px !important;
  position: sticky;
  top:25;
  left: 0;
  z-index: 1;
}

.line-bottom01 {
  border-bottom: 3px solid #333 !important;
}

.line-Sides3a {
  border-left: 3px solid #F8A3B5 !important;
  border-top: 3px solid #F8A3B5 !important;
}
.line-Sides3b {
  border-left: 3px solid #2EB1E2 !important;
  border-top: 3px solid #2EB1E2 !important;
}
.line-Sides3c {
  border-left: 3px solid #FCBF3A !important;
  border-top: 3px solid #FCBF3A !important;
}
.line-Sides3d {
  border-left: 3px solid #B1D4EA !important;
  border-top: 3px solid #B1D4EA !important;
}