body {
  font-weight: normal;
  font-family: "ＭＳ ゴシック";
  margin-top: 0px;
  margin-left: 5px;
  color: black;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-base-color: #eaeaea;
  scrollbar-arrow-color: black;
  scrollbar-highlight-color: #eaeaea;
  scrollbar-shadow-color: gray;
  scrollbar-darkshadow-color: black;
  scrollbar-face-color: #a9a9a9;
  scrollbar-track-color: #525252;
  scrollbar-3dlight-color: white;
  /*  background-color           : darkgray; */
  background-color: white;
}

hr {
  color: black;
}

form {
  font-weight: bold;
  color: black;
  text-align: center;
  margin-top: 0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  font-family: "ＭＳ ゴシック";
}

th {
  text-align: center;
  color: black;
  border-color: blue;
  line-height: 1em;
  font-size: 16pt;
  font-weight: bold;
  font-family: "ＭＳ ゴシック";
}

.title {
  text-align: center;
  color: black;
  border-color: blue;
  line-height: 1em;
  font-size: 20pt;
  font-weight: bold;
  font-family: "ＭＳ ゴシック";
}

td,
.text_emphasis {
  text-align: center;
  border-color: blue;
  font-size: 17pt;
  color: black;
  font-family: "ＭＳ ゴシック";
  font-weight: bold;
  line-height: 1em;
}

/*TD.errorMsg{
  text-align   : center;
  border-color : blue;
  font-size    : 18pt;
  color        : red;
  font-family  : "ＭＳ ゴシック";
  font-weight  : bold;
  line-height  : 1em;
}*/

.errorMsg,
.warnMsg {
  text-align: center;
  border-color: blue;
  font-size: 18pt;
  color: red;
  font-family: "ＭＳ ゴシック";
  font-weight: bold;
  line-height: 1em;
}

table {
  text-align: center;
  border-color: blue;
  font-family: "ＭＳ ゴシック";
  color: black;
  border-collapse: separate;
  border-spacing: 0;
  /*border-collapse: collapse;*/
  border-width: 1px 1px 1px 1px;
}

caption {
  font-size: medium;
  font-weight: bolder;
  color: #ff8040;
  font-family: "ＭＳ ゴシック";
}

select {
  font-size: 16pt;
  text-align: center;
  color: black;
  font-weight: bold;
  float: left;
  font-family: "ＭＳ ゴシック";
}

a {
  font-size: 16pt;
  font-weight: bold;
  color: black;
  font-family: "ＭＳ ゴシック";
}

/*INPUT.submit_dtl{
  width       : 80px;
  height      : 35px;
  font-size   : 16pt;
  font-weight : bold;
  font-family : "ＭＳ ゴシック";
  color       : black;
}

INPUT.submit{
  width       : 100px;
  height      : 35px
  font-size   : 16pt;
  font-weight : bold
  font-family : "ＭＳ ゴシック";
  color       : black;
}

INPUT.submit_wide{
  width       : 150px;
  height      : 35px;
  font-size   : 16pt
  font-weight : bold;
  font-family : "ＭＳ ゴシック";
  color       : black;
}

INPUT.submit_wide2{
  width       : 150px;
  height      : 35px;
  font-size   : 16pt;
  font-weight : bold;
  font-family : "ＭＳ ゴシック";
  color       : black;

// 画面の右下固定
//  position    : fixed;
//  right       : 10px;
//  bottom      : 10px;
}

INPUT.submit_wide3{
  width       : 180px;
  height      : 35px;
  font-size   : 16pt;
  font-weight : bold;
  font-family : "ＭＳ ゴシック";
  color       : black;
} */

.submit {
  width: 100px;
  height: 35px;
  margin-left: 5px;
  font-weight: bold;
  font-family: "ＭＳ ゴシック";
  color: black;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.submit p {
  font-size: 16pt;
  margin: 0;
}

.submit img {
  width: 20px;
  height: 20px;
  float: left;
}

.submit img {
  margin-right: 10px;
}

.submit_wide,
.submit_wide2,
.submit_wide3,
.submit_wide4 {
  font-size: 16pt;
  font-weight: bold;
  font-family: "ＭＳ ゴシック";
  color: black;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
}

.submit_wide {
  width: 150px;
  height: 35px;
}

.submit_wide2 {
  width: 220px;
  height: 35px;
}

.submit_wide3 {
  width: 185px;
  height: 35px;
}

.submit_wide4 {
  width: 250px;
  height: 35px;
}

.submit_wide img,
.submit_wide2 img,
.submit_wide3 img,
.submit_wide4 img {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 10px;
}

.submit_login {
  width: 300px;
  height: 70px;
  font-size: 32pt;
  font-weight: bold;
  font-family: "ＭＳ ゴシック";
  color: black;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
}

.submit_login img {
  width: 56px;
  height: 56px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

button.text,
input.text {
  font-size: 16pt;
  width: 150px;
  height: 25px;
  color: black;
  text-align: left;
  float: none;
  ime-mode: disabled;
  border-style: groove;
  border-color: darkgray;
  font-family: "ＭＳ ゴシック";
  font-weight: bold;
}

.sub {
  width: 110px;
  height: 45px;
  font-size: 16pt;
  font-weight: bold;
  font-family: "ＭＳ ゴシック";
  color: black;
}

.userid,
.password {
  font-size: 32pt;
  width: 400px;
  height: 60px;
  color: black;
  text-align: left;
  float: none;
  ime-mode: disabled;
  border-style: groove;
  border-color: darkgray;
  font-family: "ＭＳ ゴシック";
  font-weight: bold;
}

.radio {
  transform: scale(1.5);
}

.title_area {
  margin: 0 auto 50px;
  background-color: #f2ceef;
  position: relative;
  width: 100%;
}

.data_area_center,
.table_body {
  background-color: #f2ecfe;
}

.table_head {
  background-color: #7800a2;
}

.table_head th {
  color: white;
}

.title_under_area {
  background-color: #e3caef;
}

.system_header {
  display: flex;
  align-items: center;
  height: 70px;
  position: absolute;
  left: 15px;
  top: 10px;
  display: flex;
}

.system_header img {
  height: 64px;
  width: auto;
  margin-right: 10px;
}

.system_header span {
  font-size: 28px;
  font-weight: bold;
}

.scrollHedder_left {
  position: sticky;
  z-index: 5;
  top: 0;
  background-color: #7800a2;
  color: white;
}

.scrollHedder {
  position: sticky;
  top: 0;
  background: #fff;
  background-color: #7800a2;
  color: white;
  z-index: 4;
}

.scrollBody {
  position: sticky;
  z-index: 2;
  background-color: #f2ecfe;
}

.radio {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.kyuka_head {
  vertical-align: middle;
  font-size: 28px;
}

.kyuka_text {
  width: 380px;
  height: 80px;
  margin-right: 5px;
  font-size: 32px;
}

.kyuka_radio {
  width: 50px;
  height: 50px;
  margin-right: 5px;
}