/* ================================================================================ */
/* 画面共通                                                                         */
/* ================================================================================ */

/* 基本 */
html, body { width:100%; height:98%; margin:0px; padding:0px; text-align:center; font-family:"ＭＳ ゴシック", "Osaka−等幅"; background-color:#FFFFFF; } /*  background-color:#FCFCFF; */

/* HTML5 */
table          { border-collapse:separate; border-spacing:0; }
/* table          { border-collapse: collapse; border-spacing:0; } */
table tr td th { padding:0px; }
table th       { font-weight:normal; }

p.p { display:table-cell; vertical-align:middle; margin:0px; padding:0px; }

/* テーブル関連 */
.tbLeft       { text-align:left; }
.tbCenter     { text-align:center; margin-left:auto; margin-right:auto; }
.tbRight      { text-align:right; }

.tbCollapse   { border-collapse:collapse; }
.tbSeparate   { border-collapse:separate; }

.tbBorderLTRB1 { border:1px solid #000000; }

.tdLeft        { text-align:left; vertical-align:middle; }
.tdCenter      { text-align:center; margin-left:auto; margin-right:auto; vertical-align:middle; }
.tdRight       { text-align:right; margin-left:auto; margin-right:auto; vertical-align:middle; }


.tdBorderLTRB1 { border:1px solid #000000; }
.tdBorderLTRB2 { text-align:center; border:1px solid #000000; }/*add 2021/09/15 s.fujii Chrome対応*/
.tdBorderLTR1  { border-left:1px solid #000000;  border-top:1px solid #000000;   border-right:1px solid #000000; }
.tdBorderLTB1  { border-left:1px solid #000000;  border-top:1px solid #000000;   border-bottom:1px solid #000000; }
.tdBorderTRB1  { border-top:1px solid #000000;   border-right:1px solid #000000; border-bottom:1px solid #000000; }
.tdBorderLT1   { border-left:1px solid #000000;  border-top:1px solid #000000; }
.tdBorderTR1   { border-top:1px solid #000000;   border-right:1px solid #000000; }
.tdBorderTB1   { border-top:1px solid #000000;   border-bottom:1px solid #000000; }
.tdBorderRB1   { border-right:1px solid #000000; border-bottom:1px solid #000000; }

/* 背景色を交互に指定 */
.tbList tr:nth-child(odd)  td { background-color:#FFFFFF; } /* 奇数行 */
.tbList tr:nth-child(even) td { background-color:#C0C0C0; } /* 偶数行 */

/* 共通要素 */
div.login { background-color:#666666; border:2px solid #CCCCCC; opacity:0.6; vertical-align:middle; display:inline-table; text-align:center; }

/* 背景色 */
.bgBlue     { color:#FFFFFF; background-color:#3399CC; }
.bgGray     { color:#000000; background-color:#C0C0C0; }
.bgSelected { color:#000000; background-color:#F5F5DC; }

/* その他共通 */
span.noticeMsg { font-weight: bolder; color:red; } /* 注記文 */
span.borderRad5 { border-radius:5px; }

/* ================================================================================ */
/* 入力項目関連                                                                     */
/* >> サイズは各画面のCSSで指定する                                                 */
/* ================================================================================ */

/* テキストボックス */
.txtHalfDis  { type:text; ime-mode:disabled; text-align:left;   font-family:inherit; font-size:inherit; width:100%; box-sizing: border-box; }
.txtHalfIn   { type:text; ime-mode:inactive; text-align:left;   font-family:inherit; font-size:inherit; width:100%; box-sizing: border-box; }
.txtNum      { type:text; ime-mode:disabled; text-align:right;  font-family:inherit; font-size:inherit; width:100%; box-sizing: border-box; }
.txtDate     { type:text; ime-mode:disabled; text-align:center; font-family:inherit; font-size:inherit; width:100%; box-sizing: border-box; }
.txtFull     { type:text; ime-mode:active;   text-align:left;   font-family:inherit; font-size:inherit; width:100%; box-sizing: border-box; }
.txtReadOnly { type:text; ime-mode:active;                      font-family:inherit; font-size:inherit; background-color:#DCDCDC; width:100%; box-sizing: border-box; }

/* セレクトボックス */
.sel         { font-family:inherit; font-size:inherit; width:100% }

/* button 青色 */
button.btnBlue {
  opacity:0.9;              /* 透明度 */
  background-color:#AAC8FF; /* 背景色 99FFFF*/
  color:#000000;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}
button.btnBlue:hover {
  opacity:0.9;
  color:#FFFFFF;
  background-color:#0000FF;
}
button.btnBlue:active {
  opacity:0.9;
  color:#000000;
}

/* button 黄色 */
button.btnYellow {
  opacity:0.9;              /* 透明度 */
  background-color:#FFFAD7; /* 背景色 */
  color:#000000;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}
button.btnYellow:hover {
  opacity:0.9;
  color:#000000;
  background:#FFFF00;
}
button.btnYellow:active {
  opacity:0.9;
  color:#000000;
}

/* button 赤色 */
button.btnRed {
  opacity:0.9;              /* 透明度 */
  background-color:#FFC0CB; /* 背景色 */
  color:#000000;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}
button.btnRed:hover {
  opacity:0.9;
  color:#FFFFFF;
  background:#FF0000;
}
button.btnRed:active {
  opacity:0.9;
  color:#000000;
}

/* button 緑色 */
button.btnGreen {
  opacity:0.9;              /* 透明度 */
  background-color:#90EE90; /* 背景色 */
  color:#000000;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}
button.btnGreen:hover {
  opacity:0.9;
  color:#FFFFFF;
  background:#008000;
}
button.btnGreen:active {
  opacity:0.9;
  color:#000000;
}

/* button メインメニュー */
button.btnMenu {
  opacity:0.9;              /* 透明度 */
  background-color:#999999; /* 背景色 */
  color:#FFFFFF;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}
button.btnMenu:hover {
  opacity:0.9;
  color:#FFFFFF;
  background:#000000;
}
button.btnMenu:active {
  opacity:0.9;
  color:#FFFFFF;
}

/* button メインメニュー disabled */
button.btnMenuDisabled {
  opacity:0.9;              /* 透明度 */
  background-color:#999999; /* 背景色 */
  color:#FFFFFF;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}

/* button 2行メインメニュー */
button.btnThickMenu {
  opacity:0.9;              /* 透明度 */
  background-color:#999999; /* 背景色 */
  color:#FFFFFF;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}
button.btnThickMenu:hover {
  opacity:0.9;
  color:#FFFFFF;
  background:#000000;
}
button.btnThickMenu:active {
  opacity:0.9;
  color:#FFFFFF;
}

/* button 2行メインメニュー disabled */
button.btnThickMenuDisabled {
  opacity:0.9;              /* 透明度 */
  background-color:#999999; /* 背景色 */
  color:#FFFFFF;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}

/* button サブメニュー */
button.btnSub {
  opacity:0.9;              /* 透明度 */
  background-color:#999999; /* 背景色 */
  color:#FFFFFF;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}
button.btnSub:hover {
  opacity:0.9;
  color:#FFFFFF;
  background:#000000;
}
button.btnSub:active {
  opacity:0.9;
  color:#FFFFFF;
}

/*[add]2018.01.13 h.ito フェーズ３対応*/
/* button 検査要領書作成メニュー */
button.btnInspectionMenu {
  opacity:0.9;              /* 透明度 */
  background-color:#999999; /* 背景色 */
  color:#FFFFFF;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}
button.btnInspectionMenu:hover {
  opacity:0.9;
  color:#FFFFFF;
  background:#000000;
}
button.btnInspectionMenu:active {
  opacity:0.9;
  color:#FFFFFF;
}

/* button 検査要領書作成メニュー disabled */
button.btnInspectionMenuDisabled {
  opacity:0.9;              /* 透明度 */
  background-color:#999999; /* 背景色 */
  color:#FFFFFF;            /* 文字色 */
  border-style:none;        /* 線 */

  /* ボタンの影の指定(影の横幅,縦長,ぼかし,広がり,色) */
  box-shadow:1px 1px 2px 1px #CCCCCC;
  -ms-box-shadow:1px 1px 2px 1px #CCCCCC;

  /* 角丸の指定 */
  border-radius:3px;
  -ms-border-radius:3px;
}

/* button disabled用スタイル */
button[type="button"][disabled].btnBlue   { background-color:#AAC8FF; color:#999999; }
button[type="button"][disabled].btnYellow { background-color:#F5F5DC; color:#999999; }
button[type="button"][disabled].btnRed    { background-color:#FFC0CB; color:#999999; }
button[type="button"][disabled].btnGreen  { background-color:#90EE90; color:#999999; }