@CHARSET "UTF-8";
/*=========================================*/
/* detail definition for size and behavior */
/*=========================================*/
/*** setting IME modee disabled on some input items' class ***/
.num, .day, .eng, .eml, .time, .datetime, .plus {
  ime-mode: inactive;
}
/*** otherwise setting IME modee enabled ***/
.all {
  ime-mode: active;
}

/* approximate pixel size by number of Japanese characters */
/* font size should be 10pt and font style should be propotional */
.txt40 {
  width: 250px;
}
.txt31 {
  width: 230px;
}
.txt30 {
  width: 220px;
}
.txt25 {
  width: 160px;
}
.txt22 {
  width: 140px;
}
.txt20 {
  width: 130px;
}
.txt18 {
  width: 120px;
}
.txt15 {
  width: 100px;
}
.txt10 {
  width: 75px;
}
.txt6 {
  width: 60px;
}
.txt5 {
  width: 50px;
}
.txt4 {
  width: 40px;
}
.txt3 {
  width: 30px;
}
/*** button ***/
.refresh {
  font-size : 9pt;
}
/*** position ***/
.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
/*** 配置 ***/
.float-l {
  position: relative;
  float   : left;
}
.float-r {
  position: relative;
  float   : right;
}
.float-c {
  position: relative;
  clear: both;
}
.t-align-c {
  text-align : center;
  padding-left : 0px;
  padding-right: 0px;
}
.t-align-l {
  text-align : left;
}
.t-align-r {
  text-align : right;
}
.mar-0 {
  margin: 0px;
}
.mar-2 {
  margin: 2px;
}
.mar-5 {
  margin: 5px;
}
.mar-10 {
  margin: 10px;
}
.mar-l-20 {
  margin-left: 20px;
}
.mar-l-15 {
  margin-left: 15px;
}
.mar-l-10 {
  margin-left: 10px;
}
.mar-l-5 {
  margin-left: 5px;
}
.mar-r-20 {
  margin-right: 20px;
}
.mar-r-15 {
  margin-right: 15px;
}
.mar-r-10 {
  margin-right: 10px;
}
.mar-r-5 {
  margin-right: 5px;
}
.mar-r-2 {
  margin-right: 2px;
}
.mar-t-5 {
  margin-top : 5px;
}
.mar-t-10 {
  margin-top : 10px;
}
.mar-t-15 {
  margin-top : 15px;
}
.mar-t-20 {
  margin-top : 20px;
}
.mar-t-30 {
  margin-top : 30px;
}
.mar-b-10 {
  margin-bottom : 10px;
}
.pad-0 {
  padding : 0px;
}
.pad-2 {
  padding : 2px;
}
.pad-5 {
  padding : 5px;
}
.pad-10 {
  padding : 10px;
}
.pad-20 {
  padding : 20px;
}
.pad-l-0 {
  padding-left : 0px;
}
.pad-l-2 {
  padding-left : 2px;
}
.pad-l-5 {
  padding-left : 5px;
}
.pad-l-10 {
  padding-left : 10px;
}
.pad-l-20 {
  padding-left : 20px;
}
.pad-l-30 {
  padding-left : 30px;
}
.pad-r-2 {
  padding-right : 2px;
}
.pad-r-5 {
  padding-right : 5px;
}
.pad-r-10 {
  padding-right : 10px;
}
.pad-lr-0 {
  padding-right : 0px;
  padding-left  : 0px;
}
.pad-lr-5 {
  padding-right : 5px;
  padding-left  : 5px;
}
.pad-lr-20 {
  padding-right : 20px;
  padding-left  : 20px;
}
.pad-t-10 {
  padding-top : 10px;
}
.pad-b-5 {
  padding-bottom : 5px;
}
.pad-b-10 {
  padding-bottom : 10px;
}
.pad-b-20 {
  padding-bottom : 20px;
}
.pad-tb-5 {
  padding-top    : 5px;
  padding-bottom : 5px;
}
.pad-tb-10 {
  padding-top    : 10px;
  padding-bottom : 10px;
}
.pad-tb-15 {
  padding-top    : 15px;
  padding-bottom : 15px;
}
.label-l-2 {
  text-align   : left;
  padding-left : 2px;
}
.label-l-5 {
  text-align   : left;
  padding-left : 5px;
}
.label-l-8 {
  text-align   : left;
  padding-left : 8px;
}
.label-r-2 {
  text-align   : right;
  padding-right: 2px;
}
.label-r-5 {
  text-align   : right;
  padding-right: 5px;
}
.label-r-8 {
  text-align   : right;
  padding-right: 8px;
}
.label-r-10 {
  text-align    : right;
  padding-right : 10px;
}
.label-r-20 {
  text-align    : right;
  padding-right : 20px;
}
.num-5 {
  text-align   : right;
  padding-right: 5px;
}
/*** テーブル(親)プロパティ ***/
.center-auto {
  position : relative;
  margin-left  : auto;
  margin-right : auto;
}
.middle-auto {
  position : relative;
  margin-top   : auto;
  margin-bottom: auto;
}

.tableParentDiv {
  height     : 150px;
  border     : 1px solid #778;
  overflow   : auto;
  background-color: #FFF;
}
.tableParentDivAuto {
  min-height : 150px;
  border     : 1px solid #778;
  background-color: #FFF;
}

.v-align-t {
  vertical-align: top;
}
.v-align-b {
  vertical-align: bottom;
}
.v-align-m {
  vertical-align: middle;
}

/*** width ***/
.wAuto {
  width : auto;
}
.w100per {
  width : 100%;
}
.w90per {
  width : 90%;
}
.w85per {
  width : 85%;
}
.w80per {
  width : 80%;
}
.w70per {
  width : 70%;
}
.w65per {
  width : 65%;
}
.w55per {
  width : 55%;
}
.w50per {
  width : 50%;
}
.w40per {
  width : 40%;
}
.w35per {
  width : 35%;
}
.w30per {
  width : 30%;
}
.w25per {
  width : 25%;
}
.w20per {
  width : 20%;
}
.w19per {
  width : 19%;
}
.w17per {
  width : 17%;
}
.w15per {
  width : 15%;
}
.w12per {
  width : 12%;
}
.w10per {
  width : 10%;
}
.w8per {
  width : 8%;
}
.w5per {
  width : 5%;
}
.w720px {
  width : 720px;
}
.w700px {
  width : 700px;
}
.w650px {
  width : 650px;
}
.w600px {
  width : 600px;
}
.w512px {
  width : 512px;
}
.w500px {
  width : 500px;
}
.w450px {
  width : 450px;
}
.w400px {
  width : 400px;
}
.w360px {
  width : 360px;
}
.w350px {
  width : 350px;
}
.w340px {
  width : 340px;
}
.w330px {
  width : 330px;
}
.w320px {
  width : 320px;
}
.w310px {
  width : 310px;
}
.w300px {
  width : 300px;
}
.w290px {
  width : 290px;
}
.w280px {
  width : 280px;
}
.w270px {
  width : 270px;
}
.w260px {
  width : 260px;
}
.w256px {
  width : 256px;
}
.w240px {
  width : 240px;
}
.w230px {
  width : 230px;
}
.w220px {
  width : 220px;
}
.w210px {
  width : 210px;
}
.w200px {
  width : 200px;
}
.w190px {
  width : 190px;
}
.w180px {
  width : 180px;
}
.w170px {
  width : 170px;
}
.w160px {
  width : 160px;
}
.w150px {
  width : 150px;
}
.w140px {
  width : 140px;
}
.w130px {
  width : 130px;
}
.w128px {
  width : 128px;
}
.w120px {
  width : 120px;
}
.w110px {
  width : 110px;
}
.w100px {
  width : 100px;
}
.w95px {
  width : 95px;
}
.w90px {
  width : 90px;
}
.w80px {
  width : 80px;
}
.w75px {
  width : 75px;
}
.w70px {
  width : 70px;
}
.w60px {
  width : 60px;
}
.w50px {
  width : 50px;
}
.w45px {
  width : 45px;
}
.w40px {
  width : 40px;
}
.w30px {
  width : 30px;
}
.w20px {
  width : 20px;
}
.w10px {
  width : 10px;
}
/*** height ***/
.h100per {
  height: 100%;
}
.h400px {
  height: 400px;
}
.h350px {
  height: 350px;
}
.h320px {
  height: 320px;
}
.h300px {
  height: 300px;
}
.h280px {
  height: 280px;
}
.h200px {
  height: 200px;
}
.h190px {
  height: 190px;
}
.h180px {
  height: 180px;
}
.h150px {
  height: 150px;
}
.h130px {
  height: 130px;
}
.h120px {
  height: 120px;
}
.h100px {
  height: 100px;
}
.h90px {
  height: 90px;
}
.h80px {
  height: 80px;
}
.h70px {
  height: 70px;
}
.h60px {
  height: 60px;
}
.h50px {
  height: 50px;
}
.h30px {
  height: 30px;
}
.h25px {
  height: 25px;
}
.h20px {
  height: 20px;
}
.h10px {
  height: 10px;
}
.h5px {
  height: 5px;
}
.h1px {
  height: 1px;
}
.h0px {
  height: 0px;
}
/*** フォント ***/
.letter1 {
  letter-spacing: 1px;
}
.letter5 {
  letter-spacing: 5px;
}
.fontGlay, .fontGlay td {
  color: #666;
}
.fontLightGlay, .fontLightGlay td {
  color: #999;
}
.fontWhite, .fontWhite td {
  color: #fff;
}
.font8pt {
  font-size: 8pt;
}
.font9pt {
  font-size: 9pt;
}
.font10pt {
  font-size: 10pt;
}
.font11pt {
  font-size: 11pt;
}
.font12pt {
  font-size: 12pt;
}
.font14pt {
  font-size: 14pt;
}
.bold {
  font-weight : 600;
}
/*** テキストそのほか ***/
.breakWord {
  word-break:
  break-all;
}
.l-height12 {
  line-height : 12pt;
}
.l-height13 {
  line-height : 13pt;
}
.l-height14 {
  line-height : 14pt;
}
.l-height15 {
  line-height : 15pt;
}
.l-height16 {
  line-height : 16pt;
}
.l-height17 {
  line-height : 14pt;
}
/*** 修飾クラス ***/
.bgOffWhite {
  background-color : #BBB;
}
.bgGlay {
  background-color : #CCC;
}
.bgBlueGlay {
  background-color : #639099;
}
.borderGlay {
  border : 1px solid #777;
}
.bgBlue {
  background-color: #DFE;
}
.bgOrange {
  background-color: #EB0;
}
.bgRed {
  background-color: #F66;
}
.borderRad16 {
  border-radius        : 8px;
  -moz-border-radius   : 16px;
  -webkit-border-radius: 16px;
}
.borderRad8 {
  border-radius        : 4px;
  -moz-border-radius   : 8px;
  -webkit-border-radius: 8px;
}
.must.odd,
.must option.odd,
select.must option.odd {
  background-color : var(--input-mandatory);
}
/*** overflow ***/
.overflow-auto {
  overflow : auto;
}
.overflow-hidden {
  overflow : hidden;
}
.reset-body { 
  overflow-x: hidden;
  overflow-y: hidden;
}

/*** buttons ***/
.top-buttons {
  font-size : 9pt;
}
span.comment {
  font-size : 9pt;
  color     : #777;
}
/*=================================*/
/*  to utilize creating entry form */
/*=================================*/
input[type="text"].ent-num-5 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -mwebkit-box-sizing: border-box;
  text-align    : right;
  padding-right : 5px;
}
input[type="text"].ent-num-8 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -mwebkit-box-sizing: border-box;
  text-align    : right;
  padding-right : 8px;
}
input[type="text"].ent-num-10 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -mwebkit-box-sizing: border-box;
  text-align    : right;
  padding-right : 10px;
}
input[type="text"].ent-nonum-5 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -mwebkit-box-sizing: border-box;
  text-align    : Left;
  padding-left : 5px;
}
input[type="text"].ent-nonum-8 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -mwebkit-box-sizing: border-box;
  text-align    : Left;
  padding-left : 8px;
}
input[type="text"].ent-nonum-10 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -mwebkit-box-sizing: border-box;
  text-align    : Left;
  padding-left : 10px;
}
/*==============*/
/*    debug     */
/*==============*/
.testcolor1 {
  background-color: #EBC;
}
.testcolor2 {
  background-color: #BCE;
}
.testcolor3 {
  background-color: #CEB;
}