html {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.font_base {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size:0.75vw;
}
body {
  height: 100%;
  width: 100%;
  position: relative;
  padding: 0px;
  margin: 0px;
  background-color: #FFFFFF;
}
/*
body.min1280x720 {
  min-width: 1219px;
  min-height: 595px;
}
*/
iframe {border: 0px;}
table {border-collapse:collapse;}
td.odd {
  background-color: #eeffff;
  color: black;
}
td.even {
  background-color: #ffeeff;
  color: black;
}
td.select {
  background-color: blue;
  color: white;
}
a.white:link    {color: #FFFFFF;}
a.white:visited {color: #FFFFFF;}
a.white:hover   {color: #FFFFFF;}
a.white:active  {color: #FFFFFF;}
div {
  margin: 0 auto;
  padding: 0px;
}
div.fl {float: left;}
.h1 {height: 1%;}
.h2 {height: 2%;}
.h3 {height: 3%;}
.h4 {height: 4%;}
.h5 {height: 5%;}
.h6 {height: 6%;}
.h7 {height: 7%;}
.h8 {height: 8%;}
.h9 {height: 9%;}
.h10 {height: 10%;}
.h11 {height: 11%;}
.h12 {height: 12%;}
.h13 {height: 13%;}
.h14 {height: 14%;}
.h15 {height: 15%;}
.h16 {height: 16%;}
.h17 {height: 17%;}
.h18 {height: 18%;}
.h19 {height: 19%;}
.h20 {height: 20%;}
.h21 {height: 21%;}
.h22 {height: 22%;}
.h23 {height: 23%;}
.h24 {height: 24%;}
.h25 {height: 25%;}
.h26 {height: 26%;}
.h27 {height: 27%;}
.h28 {height: 28%;}
.h29 {height: 29%;}
.h30 {height: 30%;}
.h31 {height: 31%;}
.h32 {height: 32%;}
.h33 {height: 33%;}
.h34 {height: 34%;}
.h35 {height: 35%;}
.h36 {height: 36%;}
.h37 {height: 37%;}
.h38 {height: 38%;}
.h39 {height: 39%;}
.h40 {height: 40%;}
.h41 {height: 41%;}
.h42 {height: 42%;}
.h43 {height: 43%;}
.h44 {height: 44%;}
.h45 {height: 45%;}
.h46 {height: 46%;}
.h47 {height: 47%;}
.h48 {height: 48%;}
.h49 {height: 49%;}
.h50 {height: 50%;}
.h51 {height: 51%;}
.h52 {height: 52%;}
.h53 {height: 53%;}
.h54 {height: 54%;}
.h55 {height: 55%;}
.h56 {height: 56%;}
.h57 {height: 57%;}
.h58 {height: 58%;}
.h59 {height: 59%;}
.h60 {height: 60%;}
.h61 {height: 61%;}
.h62 {height: 62%;}
.h63 {height: 63%;}
.h64 {height: 64%;}
.h65 {height: 65%;}
.h66 {height: 66%;}
.h67 {height: 67%;}
.h68 {height: 68%;}
.h69 {height: 69%;}
.h70 {height: 70%;}
.h71 {height: 71%;}
.h72 {height: 72%;}
.h73 {height: 73%;}
.h74 {height: 74%;}
.h75 {height: 75%;}
.h76 {height: 76%;}
.h77 {height: 77%;}
.h78 {height: 78%;}
.h79 {height: 79%;}
.h80 {height: 80%;}
.h81 {height: 81%;}
.h82 {height: 82%;}
.h83 {height: 83%;}
.h84 {height: 84%;}
.h85 {height: 85%;}
.h86 {height: 86%;}
.h87 {height: 87%;}
.h88 {height: 88%;}
.h89 {height: 89%;}
.h90 {height: 90%;}
.h91 {height: 91%;}
.h92 {height: 92%;}
.h93 {height: 93%;}
.h94 {height: 94%;}
.h95 {height: 95%;}
.h96 {height: 96%;}
.h97 {height: 97%;}
.h98 {height: 98%;}
.h99 {height: 99%;}
.h100 {height: 100%;}
.w1 {width: 1%;}
.w2 {width: 2%;}
.w3 {width: 3%;}
.w4 {width: 4%;}
.w5 {width: 5%;}
.w6 {width: 6%;}
.w7 {width: 7%;}
.w8 {width: 8%;}
.w9 {width: 9%;}
.w10 {width: 10%;}
.w11 {width: 11%;}
.w12 {width: 12%;}
.w13 {width: 13%;}
.w14 {width: 14%;}
.w15 {width: 15%;}
.w16 {width: 16%;}
.w17 {width: 17%;}
.w18 {width: 18%;}
.w19 {width: 19%;}
.w20 {width: 20%;}
.w21 {width: 21%;}
.w22 {width: 23%;}
.w23 {width: 23%;}
.w24 {width: 24%;}
.w25 {width: 25%;}
.w26 {width: 26%;}
.w27 {width: 27%;}
.w28 {width: 28%;}
.w29 {width: 29%;}
.w30 {width: 30%;}
.w31 {width: 31%;}
.w32 {width: 32%;}
.w33 {width: 33%;}
.w34 {width: 34%;}
.w35 {width: 35%;}
.w36 {width: 36%;}
.w37 {width: 37%;}
.w38 {width: 38%;}
.w39 {width: 39%;}
.w40 {width: 40%;}
.w41 {width: 41%;}
.w42 {width: 42%;}
.w43 {width: 43%;}
.w44 {width: 44%;}
.w45 {width: 45%;}
.w46 {width: 46%;}
.w47 {width: 47%;}
.w48 {width: 48%;}
.w49 {width: 49%;}
.w50 {width: 50%;}
.w51 {width: 51%;}
.w52 {width: 52%;}
.w53 {width: 53%;}
.w54 {width: 54%;}
.w55 {width: 55%;}
.w56 {width: 56%;}
.w57 {width: 57%;}
.w58 {width: 58%;}
.w59 {width: 59%;}
.w60 {width: 60%;}
.w61 {width: 61%;}
.w62 {width: 62%;}
.w63 {width: 63%;}
.w64 {width: 64%;}
.w65 {width: 65%;}
.w66 {width: 66%;}
.w67 {width: 67%;}
.w68 {width: 68%;}
.w69 {width: 69%;}
.w70 {width: 70%;}
.w71 {width: 71%;}
.w72 {width: 72%;}
.w73 {width: 73%;}
.w74 {width: 74%;}
.w75 {width: 75%;}
.w76 {width: 76%;}
.w77 {width: 77%;}
.w78 {width: 78%;}
.w79 {width: 79%;}
.w80 {width: 80%;}
.w81 {width: 81%;}
.w82 {width: 82%;}
.w83 {width: 83%;}
.w84 {width: 84%;}
.w85 {width: 85%;}
.w86 {width: 86%;}
.w87 {width: 87%;}
.w88 {width: 88%;}
.w89 {width: 89%;}
.w90 {width: 90%;}
.w91 {width: 91%;}
.w92 {width: 92%;}
.w93 {width: 93%;}
.w94 {width: 94%;}
.w95 {width: 95%;}
.w96 {width: 96%;}
.w97 {width: 97%;}
.w98 {width: 98%;}
.w99 {width: 99%;}
.w100 {width: 100%;}

.h20px {height: 20px;}
.h25px {height: 25px;}
.h30px {height: 30px;}
.h40px {height: 40px;}
.h50px {height: 50px;}
.h60px {height: 60px;}
.h70px {height: 70px;}
.h80px {height: 80px;}
.h90px {height: 90px;}
.h100px {height: 100px;}
.h150px {height: 150px;}
.h200px {height: 200px;}
.h250px {height: 250px;}
.h300px {height: 300px;}
.w20px {width: 20px;}
.w30px {width: 30px;}
.w40px {width: 40px;}
.w50px {width: 50px;}
.w60px {width: 60px;}
.w70px {width: 70px;}
.w80px {width: 80px;}
.w90px {width: 90px;}
.w100px {width: 100px;}
.w150px {width: 150px;}
.w200px {width: 200px;}
.w250px {width: 250px;}
.w300px {width: 300px;}


.text_right {text-align:right;}
.text_center {text-align:center;}
.text_left {text-align:left;}
.text_justify {text-align: justify;}
div.text_indent5px {text-indent: 5px;}
div.text_indent10px {text-indent: 10px;}
button.btn_all {
  font-size:0.85vw;
  font-family: "Hiragino Kaku Gothic ProN", "MS PGothic", Meiryo, sans-serif;
  background-color: #E5D283;
  color: #213555;
  border: 1px solid #213555;
}


select {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size:0.75vw;
}

#js-on {
  float: none;
  height: 100%;
  width: 100%;
}
#js-off{float: none;}

#iframe-on {
  float: none;
  height: 100%;
  width: 100%;
}
#iframe-off{float: none;}


div.font1{font-size:0.1em;}
div.font2{font-size:0.2em;}
div.font3{font-size:0.3em;}
div.font4{font-size:0.4em;}
div.font5{font-size:0.5em;}
div.font6{font-size:0.6em;}
div.font7{font-size:0.7em;}
div.font8{font-size:0.8em;}
div.font9{font-size:0.9em;}
div.font10{font-size:1.0em;}
div.font11{font-size:1.1em;}
div.font12{font-size:1.2em;}
div.font13{font-size:1.3em;}

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus button:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid #213555;
}

.select2-container{
  width: 17vw !important;
}

.select2-container .select2-selection--single {
  height: 3.9vh !important; /* 必要な高さに調整 */
}
.select2-selection__rendered {
  line-height: 3.9vh !important; /* テキストの垂直位置調整 */
}

h5 {
  font-size: 1.4vw !important;
}

h4 {
  font-size: 1.4vw !important;
}

/*maeda*/
.m5 {
  margin: 5px;
}
.m0 {
  margin: 0;
}
.m_th {
  background-color: #0D5EA6;
  border: #213555 1px solid;
  color: #FFFFFF;
}
.m_td {
  color: black;
  border: #213555 1px solid;
}
.hover:hover {
  background-color: #eeffff!important;
}
.pointer {
  cursor: pointer;
}
.r90 {
  transform: rotate(90deg);
}