@charset "Shift_JIS";

/* [FCF] V01.00 2025/12/03 K.Yoshizawa */

/* 継承されるプロパティ一覧表 */
/* color       cursor       direction        font                font-family     */
/* font-size   font-style   font-variant     font-weight         letter-spacing  */
/* line-height list-style   list-style-image list-style-position list-style-type */
/* quotes      text-align   text-indent      text-transform      visibility      */
/* white-space word-spacing */

/* セレクタ: 位置        */
/*   margin: 上下左右    */
/*   margin: 上下 左右   */
/*   margin: 上 左右 下  */
/*   margin: 上 右 下 左 */


/* reset CSS
-----------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

/* html
-----------------------------------------------------------------------------*/
html {
  background: #ffffff;
}

/* body
-----------------------------------------------------------------------------*/
body {
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
  letter-spacing: 0;
  line-height: 1.4;
  display: block;
  word-break: break-all;
  padding: 18px 0 0;
  color: #333333;
  border-top: #333333 solid 6px;
  background: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 70%);
}

/* button, input, select, textarea
-----------------------------------------------------------------------------*/
button, input, select, textarea {
  font-family : inherit;
  font-size : 100%;
}

/* container
-----------------------------------------------------------------------------*/
#container {
  margin: auto;
  text-align: left;
  min-width: 950px;
  max-width: 1250px;
  background: #ffffff;
  border-radius: 26px;
  padding: 10px 0;
}

/* header, head_ver
-----------------------------------------------------------------------------*/
#header {
  margin: 5px 5px 5px 6px;
  border-bottom: 2px solid #333333;
  padding: 5px;
  width: auto;
  height: 68px;
  position: relative;
/*background-color: var(--default-bg-color);*/
}
#header a img {
  padding-left: 15px;
}

#head_ver {
  float: right;
  margin: -8px 5px 0 17px;
  border: #cccccc dashed 1px;
  border-radius: 4px;
  padding: 4px 8px 4px 8px;
  width: 170px;
/*height: 0;*/
  text-align: center;
  color: #4343ff;
  line-height: 1.3;
}

#logout {
  float: right;
  margin-right: 20px;
}
#logout a {
  width: 120px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  background-image: url('../img/btn_logout_off.png');
}
#logout a:hover {
  background-image: url('../img/btn_logout_on.png');
}

#help {
  float: right;
  margin-right: 20px;
  width: 30px;
}
#help a {
  width: 30px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  background-image: url('../img/btn_help_off.png');
}
#help a:hover {
  background-image: url('../img/btn_help_on.png');
}
#help a.cur {
  background-image: url('../img/btn_help_on.png');
}

#note {
  float: right;
  margin-right: 5px;
  width: 26px;
}
#note a {
  width: 26px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  background-image: url('../img/btn_note_off.png');
}
#note a:hover {
  background-image: url('../img/btn_note_on.png');
}
#note a.cur {
  background-image: url('../img/btn_note_on.png');
}

#slideshow {
  float: right;
  margin-right: 14px;
  width: 30px;
}
#slideshow a {
  width: 28px;
  height: 24px;
  display: block;
  text-indent: -9999px;
  background-image: url('../img/btn_slideshow_off.png');
}
#slideshow a:hover {
  background-image: url('../img/btn_slideshow_on.png');
}
#slideshow a.cur {
  background-image: url('../img/btn_slideshow_on.png');
}

/* contents, condition, main
-----------------------------------------------------------------------------*/
#contents {
  clear: both;
  margin: 0;
  padding: 4px 0 4px 0;
}
#condition {
  clear: both;
  margin: 4px;
/*border: 1px solid #ff0000;*/
  padding: 0;
}
#main {
  clear: both;
  margin: 4px;
}

/* footer
-----------------------------------------------------------------------------*/
#footer {
  margin: 25px 0 10px;
  padding: 5px 0;
  border-radius: 26px;
  background: var(--main-bg-color);
}

address {
  color: #ffffff;
  font-size: small;
  font-style: normal;
  text-align: center;
}

/* nav
-----------------------------------------------------------------------------*/
#nav {
  height: 30px;
  position: absolute;
  width: 100%;
  bottom: 0;
  clear: both;
}
#nav ul {
  list-style: none;
  text-align: center;
  letter-spacing: -0.5em;
}
#nav ul li {
  letter-spacing: normal;
  display: inline-block;
}

#nav a {
/*border-right: 1px solid var(--default-bg-color);
  border-bottom: 2px solid var(--default-bg-color);*/
  margin: 0 3px 0 0;
  padding: 10px 0 0 0;
  width: 70px;
  height: 20px;
  display: block;
  color: #ffffff;
  background-image: url("../img/btn_tab_off.png");
}
#nav a:hover {
  color: #333333;
  font-weight: bold;
  background: url("../img/btn_tab_on.png");
}
#nav a.cur {
  color: #333333;
  font-weight: bold;
  background: url("../img/btn_tab_on.png");
}

/* table
-----------------------------------------------------------------------------*/
table {
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0 auto 0 auto;
  line-height: 1.5;
}
caption {
  font-size: 16px;
  font-weight: 600;
  color: #4343ff;
}
table tr th {
  border: 1px solid #c0c0c0;
  padding: 4px 4px 3px 4px;
  text-align: center;
  font-weight: normal;
}
table tr td {
  border: 1px solid #c0c0c0;
  padding: 4px 4px 3px 4px;
  text-align: left;
  height: 10px;
}
tr:hover {
/*cursor: default;*/
  background: var(--main-tr_hover-bg);
}

table.edit {
  margin: 10px auto 10px auto;
}
table.edit tr th {
  padding: 4px 4px 3px 4px;
  text-align: left;
  background-color: var(--edit-bg-color);
}
table.edit tr td {
  padding: 4px 4px 3px 4px;
}

table.edit_toukei {
  margin: 10px auto 10px auto;
}
table.edit_toukei tr th {
  background-color: #fff0f5;
  text-align: left;
}
table.edit_toukei tr td {
  padding: 4px 4px 3px 4px;
}

table.detail {
  margin: 10px auto 10px auto;
}
table.detail tr th {
  padding: 4px 4px 3px 4px;
  text-align: left;
  background-color: var(--detail-bg-color);
}
table.detail tr td {
  padding: 4px 4px 3px 4px;
}

table.detail2 {
  margin: 10px auto 10px auto;
/*font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;*/
}
table.detail2 tr th {
  padding: 4px 4px 3px 4px;
  text-align: left;
  background-color: #ccffe5;
}
table.detail2 tr td {
  padding: 4px 4px 3px 4px;
}

table.prt {
  font-size: 14px;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  margin: 20px auto 20px auto;
}
table.prt tr th {
  border: 1px solid #000000;
  padding: 4px 8px 2px 8px;
  text-align: left;
  background-color: #eeeeee;
}
table.prt tr td {
  border: 1px solid #000000;
  padding: 4px 8px 2px 8px;
}
.prt_title {
  font-size: 28px;
/*font-weight: bold;*/
}
.prtSS {
  color: #808080;
  font-size: 10px;
  font-weight: normal;
}
.prtS {
  color: #808080;
  font-size: 12px;
  font-weight: normal;
}

table.man {
  font-size: 14px;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  margin: 10px auto 10px auto;
}
table.man tr th {
  padding: 4px 8px 4px 8px;
  text-align: left;
  background-color: #ccffe5;
}
table.man tr td {
  padding: 4px 8px 4px 8px;
}
.man_cg {
  color: #ff4949;
  font-weight: bold;
}
.man_nm {
  color: #333333;
  font-weight: bold;
}
.man_bo {
/*color: #333333;*/
/*font-weight: bold;*/
}
.man_fn {
  color: #228b22;
  font-weight: bold;
}
.man_tan {
/*color: #333333;*/
/*font-weight: bold;*/
}

table.jk {
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  margin: 10px auto 10px auto;
  font-size: 14px;
  color: #000000;
}
table.jk tr th {
  border: 1px solid #000000;
  padding: 4px 8px 4px 8px;
  text-align: left;
  background-color: #ccffe5;
}
table.jk tr td {
  border: 1px solid #000000;
  padding: 4px 8px 4px 8px;
}
.jk_nm {
  color: #000000;
  font-weight: bold;
}
.jk_cmt {
  background-color: #ffff00;
  color: #000000;
/*font-weight: bold;*/
}
.jk_kz {
  color: #4343ff;
  font-weight: bold;
}
.jk_ym {
  color: #000000;
  font-weight: bold;
}
.jk_dt {
  color: #000000;
  font-weight: bold;
}
.jk_kin {
  color: #4343ff;
  font-weight: bold;
}
.jk_as {
  color: #000000;
  font-weight: bold;
}
.jk_title {
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}
.jk_dashed {
  border: none;
  border-top: 1px dashed #000000;
  height: 1px;
  color: #ffffff;
}

table.popup {
  margin: 10px auto 10px auto;
}
table.popup tr th {
  padding: 4px 4px 3px 4px;
  text-align: left;
/*background-color: var(--popup-bg-color);*/
}
table.popup tr td {
  padding: 4px 4px 3px 4px;
}

table.head1 {
  margin: 10px auto 10px auto;
}
table.head1 tr th {
  background-color: var(--detail-bg-color);
}
table.head1 tr td {
}

table.head1_edit {
  margin: 10px auto 10px auto;
}
table.head1_edit tr th {
  background-color: var(--edit-bg-color);
}
table.head1_edit tr td {
}

table.head2 {
  margin: 10px auto 10px auto;
}
table.head2 tr th {
  background-color: var(--detail-bg-color);
}
table.head2 tr td {
}

table.head2_edit {
  margin: 10px auto 10px auto;
}
table.head2_edit tr th {
  background-color: var(--edit-bg-color);
}
table.head2_edit tr td {
}

table.meisai {
  margin: 20px auto 20px auto;
}
table.meisai tr th {
  border: 1px solid #dedede;
  background-color: #3387cc;
  color: #ffffff;
}
table.meisai tr td {
  border: 1px solid #dedede;
}

table.meisai_edit {
  margin: 20px auto 20px auto;
}
table.meisai_edit tr th {
  border: 1px solid #dedede;
  background-color: #e08490;
  color: #ffffff;
}
table.meisai_edit tr td {
  border: 1px solid #dedede;
}

table.search {
}
table.search tr th {
  border: 2px ridge #b2d8ff;
  padding: 2px 4px 1px 4px;
  background: #ffffff;
  color: #333333;
}
table.search th:last-child {
  background: #ffffff;
}
table.search tr td {
  border: 2px ridge #b2d8ff;
  padding: 2px 4px 1px 4px;
  background-color: #b2d8ff;
}
table.search input {
  margin: 0 auto;
/*font-size: 13px;*/
}

table.calc {
  margin: 20px auto 20px auto;
}
table.calc tr th {
  border: 2px ridge #cccccc;
  padding: 4px;
  background: #ff8559;
  color: #ffffff;
}
table.calc th:last-child {
  background: #ffffff;
}
table.calc tr td {
  border: 2px ridge #cccccc;
  padding: 4px;
  background-color: #59a3ff;
}
table.calc input {
/*margin: 0 auto;*/
  height: 20px;
  font-size: 16px;
}

table.default {
/*table-layout: fixed;*/
  table-layout: auto;
}
table.default tr th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-clip: padding-box; /*FireFox用*/
  padding: 4px 2px 3px 2px;
  background-color: var(--default-bg-color);
}
table.default tr td {
  border: 1px solid #dedede;
  padding: 4px 2px 3px 2px;
}

table.mgrS_P {
  font-family: "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
}
table.mgrS_P tr th {
  border: 1px ridge #c0c0c0;
  padding: 4px 6px 3px 6px;
  background-color: var(--mgr-bg-color);
  color: #ffffff;
  font-weight: bold;
}
table.mgrS_P tr td {
  border: 1px ridge #c0c0c0;
  padding: 4px 6px 3px 6px;
}

table.mgrS {
  font-size: 12px;
}
table.mgrS tr th {
  border: 1px ridge #c0c0c0;
  padding: 4px 6px 3px 6px;
  background-color: var(--mgr-bg-color);
  color: #ffffff;
  font-weight: bold;
}
table.mgrS tr td {
  border: 1px ridge #c0c0c0;
  padding: 4px 6px 3px 6px;
}

table.mgrM {
  font-size: 14px;
}
table.mgrM tr th {
  border: 2px ridge #c0c0c0;
  padding: 4px 6px 3px 6px;
  background-color: var(--mgr-bg-color);
  color: #ffffff;
  font-weight: bold;
}
table.mgrM tr td {
  border: 2px ridge #c0c0c0;
  padding: 4px 6px 3px 6px;
}
/* table.mgrX tr th a.link_sort */
table.mgrS_P tr th a.link_sort, table.mgrS tr th a.link_sort, table.mgrM tr th a.link_sort {
  color: #ffff00;
}
table.mgrS_P tr th a.link_sort:hover, table.mgrS tr th a.link_sort:hover, table.mgrM tr th a.link_sort:hover {
  color: #ffffff;
  text-decoration: underline;
}

table.alrt {
  margin: 8px auto 8px auto;
  line-height: 1.3;
}
table.alrt tr th {
  padding: 0px 3px 0px 3px;
  background-color: #ffb2b2;
}
table.alrt tr td {
  border: 1px solid #c0c0c0;
  padding: 0px 3px 0px 3px;
}

table.bsk {
  margin: 0px auto 0px auto;
  line-height: 1.4;
}
table.bsk tr th {
  padding: 0px 3px 0px 3px;
  background-color: #d7faff;
}
table.bsk tr td {
  border: 1px solid #c0c0c0;
  padding: 0px 3px 0px 3px;
}
td.bsk {
  text-align: left;
  font-size: 9px;
/*background-color: #b2ffb2;*/
}

table.skd {
  margin: 0px auto 0px auto;
  line-height: 1.4;
}
table.skd tr th {
  padding: 0px 2px 0px 2px;
  background-color: #d7faff;
}
table.skd tr td {
  border: 1px solid #c0c0c0;
  padding: 0px 2px 0px 2px;
}
td.skd {
  text-align: left;
  font-size: 9px;
/*background-color: #b2ffb2;*/
}

table.cal {
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  margin: 0px auto 0px auto;
  line-height: 1.4;
}
table.cal tr th {
  padding: 0px 2px 0px 2px;
  background-color: #d7faff;
}
table.cal tr td {
  border: 1px solid #c0c0c0;
  padding: 0px 2px 0px 2px;
}
td.cal {
  text-align: left;
  font-size: 9px;
/*background-color: #b2ffb2;*/
}

table.kth {
  margin: 0px auto 0px auto;
  line-height: 1.4;
  font-size: 10px;
}
table.kth tr th {
  padding: 0px 2px 0px 2px;
  background-color: var(--default-bg-color);
}
table.kth tr td {
  border: 1px solid #c0c0c0;
  padding: 0px 2px 0px 2px;
}
td.kth {
  text-align: left;
  font-size: 10px;
/*background-color: #b2ffb2;*/
}

table.bai {
  margin: 0px auto 0px auto;
  line-height: 1.5;
  font-size: 12px;
}
table.bai tr th {
  padding: 8px 8px 8px 8px;
  background-color: var(--default-bg-color);
  border: 1px solid #777777;
}
table.bai tr td {
  padding: 8px 8px 8px 8px;
  border: 1px solid #777777;
}
td.bai {
  text-align: left;
  font-size: 10px;
/*background-color: #b2ffb2;*/
}

table.login {
  font-size: 16px;
}
table.login tr th {
  border: 1px solid #ffffff;
  height: 30px;
}
table.login tr td {
  border: 1px solid #ffffff;
  height: 30px;
}
input.login {
  font-size: 100%;
}

col.colgMin20 {min-width: 20px;}
col.colgMin25 {min-width: 25px;}
col.colgMin30 {min-width: 30px;}
col.colgMin35 {min-width: 35px;}
col.colgMin40 {min-width: 40px;}
col.colgMin45 {min-width: 45px;}
col.colgMin50 {min-width: 50px;}
col.colgMin55 {min-width: 55px;}
col.colgMin60 {min-width: 60px;}
col.colgMin65 {min-width: 65px;}
col.colgMin70 {min-width: 70px;}
col.colgMin75 {min-width: 75px;}
col.colgMin80 {min-width: 80px;}
col.colgMin85 {min-width: 85px;}
col.colgMin90 {min-width: 90px;}
col.colgMin95 {min-width: 95px;}
col.colgMin100 {min-width: 100px;}
col.colgMin110 {min-width: 110px;}
col.colgMin120 {min-width: 120px;}
col.colgMin130 {min-width: 130px;}
col.colgMin140 {min-width: 140px;}
col.colgMin150 {min-width: 150px;}
col.colgMin160 {min-width: 160px;}
col.colgMin170 {min-width: 170px;}
col.colgMin180 {min-width: 180px;}
col.colgMin190 {min-width: 190px;}
col.colgMin200 {min-width: 200px;}
col.colgMin210 {min-width: 210px;}
col.colgMin220 {min-width: 220px;}
col.colgMin230 {min-width: 230px;}
col.colgMin240 {min-width: 240px;}
col.colgMin250 {min-width: 250px;}
col.colgMin260 {min-width: 260px;}
col.colgMin270 {min-width: 270px;}
col.colgMin280 {min-width: 280px;}
col.colgMin290 {min-width: 290px;}
col.colgMin300 {min-width: 300px;}
col.colg20 {width: 20px;}
col.colg25 {width: 25px;}
col.colg30 {width: 30px;}
col.colg35 {width: 35px;}
col.colg40 {width: 40px;}
col.colg45 {width: 45px;}
col.colg50 {width: 50px;}
col.colg55 {width: 55px;}
col.colg60 {width: 60px;}
col.colg65 {width: 65px;}
col.colg70 {width: 70px;}
col.colg75 {width: 75px;}
col.colg80 {width: 80px;}
col.colg85 {width: 85px;}
col.colg90 {width: 90px;}
col.colg95 {width: 95px;}
col.colg100 {width: 100px;}
col.colg110 {width: 110px;}
col.colg120 {width: 120px;}
col.colg130 {width: 130px;}
col.colg140 {width: 140px;}
col.colg150 {width: 150px;}
col.colg160 {width: 160px;}
col.colg170 {width: 170px;}
col.colg180 {width: 180px;}
col.colg190 {width: 190px;}
col.colg200 {width: 200px;}
col.colg210 {width: 210px;}
col.colg220 {width: 220px;}
col.colg230 {width: 230px;}
col.colg240 {width: 240px;}
col.colg250 {width: 250px;}
col.colg260 {width: 260px;}
col.colg270 {width: 270px;}
col.colg280 {width: 280px;}
col.colg290 {width: 290px;}
col.colg300 {width: 300px;}
col.colg310 {width: 310px;}
col.colg320 {width: 320px;}
col.colg330 {width: 330px;}
col.colg340 {width: 340px;}
col.colg350 {width: 350px;}
col.colg360 {width: 360px;}
col.colg370 {width: 370px;}
col.colg380 {width: 380px;}
col.colg390 {width: 390px;}
col.colg400 {width: 400px;}
col.colg410 {width: 410px;}
col.colg420 {width: 420px;}
col.colg430 {width: 430px;}
col.colg440 {width: 440px;}
col.colg450 {width: 450px;}
col.colg460 {width: 460px;}
col.colg470 {width: 470px;}
col.colg480 {width: 480px;}
col.colg490 {width: 490px;}
col.colg500 {width: 500px;}
col.colg510 {width: 510px;}
col.colg520 {width: 520px;}
col.colg530 {width: 530px;}
col.colg540 {width: 540px;}
col.colg550 {width: 550px;}
col.colg560 {width: 560px;}
col.colg570 {width: 570px;}
col.colg580 {width: 580px;}
col.colg590 {width: 590px;}
col.colg600 {width: 600px;}
col.colg610 {width: 610px;}
col.colg620 {width: 620px;}
col.colg630 {width: 630px;}
col.colg640 {width: 640px;}
col.colg650 {width: 650px;}
col.colg660 {width: 660px;}
col.colg670 {width: 670px;}
col.colg680 {width: 680px;}
col.colg690 {width: 690px;}
col.colg700 {width: 700px;}
col.colg710 {width: 710px;}
col.colg720 {width: 720px;}
col.colg730 {width: 730px;}
col.colg740 {width: 740px;}
col.colg750 {width: 750px;}
col.colg760 {width: 760px;}
col.colg770 {width: 770px;}
col.colg780 {width: 780px;}
col.colg790 {width: 790px;}
col.colg800 {width: 800px;}

.nowrap {
  white-space: nowrap !important;
}
.nowrap7 {
  white-space: nowrap !important;
  font-size: 7px !important;
}
.nowrap8 {
  white-space: nowrap !important;
  font-size: 8px !important;
}
.nowrap9 {
  white-space: nowrap !important;
  font-size: 9px !important;
}
.nowrap10 {
  white-space: nowrap !important;
  font-size: 10px !important;
}
.nowrap11 {
  white-space: nowrap !important;
  font-size: 11px !important;
}
.nowrap12 {
  white-space: nowrap !important;
  font-size: 12px !important;
}
.nowrap13 {
  white-space: nowrap !important;
  font-size: 13px !important;
}
.nowrap14 {
  white-space: nowrap !important;
  font-size: 14px !important;
}

/* div.alrt, span.alrt
-----------------------------------------------------------------------------*/
div.alrt {
  margin: auto;
  width: 300px;
  padding: 0px 20px;
  background-color: #ffb2b2;
  text-align: center;
}
span.alrt {
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
}

/* div.kanrizu, span.kanrizu
-----------------------------------------------------------------------------*/
div.kanrizu {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}
p.kanrizu {
  margin-left: 40px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

/* span.hissu, span.rei
-----------------------------------------------------------------------------*/
span.hissu {
  font-size: 12px;
  color: #ff0000;
}
span.rei {
  font-size: 12px;
  color: #4343ff;
}

/* a
-----------------------------------------------------------------------------*/
a {
  color: #4343ff;
  text-decoration: none;
  text-align: center;
}
a:hover {
  color: #ee5f3e;
}

th a.link_sort {
  color: #4343ff;
}
th a.link_sort:hover {
  color: #ee5f3e;
  text-decoration: underline;
}

td a.link_default {
  color: #4343ff;
  text-decoration: underline;
}
td a.link_default:hover, a.link_default:hover span {
  color: #ffffff;
  background-color: #4343ff;
  text-decoration: none;
}
td a.link_ul {
  color: #4343ff;
  text-decoration: underline;
}
td a.link_ul:hover, a.link_ul:hover span {
  color: #ffffff;
  background-color: #ee5f3e;
  text-decoration: none;
}
td a.link_none {
  text-decoration: none;
}
td a.link_none:hover, a.link_none:hover span {
  color: #ffffff;
  background-color: #ee5f3e;
  text-decoration: none;
}
td a.link_ulh, .td_ulh {
}
td a.link_ulh:hover, .td_ulh:hover {
  color: #333333;
  text-decoration: underline;
}

/* entry_ok, entry_error, notfound
-----------------------------------------------------------------------------*/
#entry_ok {
  margin: auto auto;
  font-weight: bold;
  text-align: center;
  color: blue;
}

#entry_error {
  margin: 0 300px 10px 300px;
  padding: 10px;
  border: 1px dashed red;
  border-radius: 26px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: red;
  background-color: #ffffcc;
}

#notfound {
  margin: auto auto;
  font-weight: bold;
  text-align: center;
  color: green;
}

/* textarea
-----------------------------------------------------------------------------*/
textarea {
  width: 100%;
  line-height: 1.4;
  padding-left: 2px;
}

/* input
-----------------------------------------------------------------------------*/
input {
  padding-left: 2px;
}

/* text-align
-----------------------------------------------------------------------------*/
.kigou {
  font-family: "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; /* arialを指定すると○●□■×が小さくなる */
}

/* text-align, vertical-align, float
-----------------------------------------------------------------------------*/
.alignL {
  text-align: left !important;
}
.alignC {
  text-align: center !important;
}
.alignR {
  text-align: right !important;
}

.alignVT {
  vertical-align: top !important;
}
.alignVM {
  vertical-align: middle !important;
}
.alignVB {
  vertical-align: bottom !important;
}

.floatL {
  float: left !important;
}
.floatR {
  float: right !important;
}

.clear {
  clear: both !important;
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

/* h1
-----------------------------------------------------------------------------*/
h2 {
  margin: 5px 10px 5px 10px;
  padding: 10px 10px 10px 10px;
  text-align: center;
/*background-color: #c5daee;*/
  color: #ff6600;
}

/* .bgcolor_meisaiX
-----------------------------------------------------------------------------*/
.bgcolor_meisai {
  background-color: #c5daee;
}
.bgcolor_meisai1 {
  background-color: #fffafa;
}

/* .hdayX
-----------------------------------------------------------------------------*/
.hday { /* 平日 */
/*background-color: #ffffff !important;*/
}
.hday0 { /* 土曜日 */
  background-color: #ceceff !important;
}
.hday1 { /* 日曜日、祝日 */
  background-color: #ffa8a8 !important;
}
.hday2 { /* 特別祝日 */
  background-color: #ff9999 !important;
}
.hday3 { /* 会社休日 */
  background-color: #99ff99 !important;
}
.hday9 { /* 今日 */
  background-color: #ffff99 !important;
}

/* .targetX
-----------------------------------------------------------------------------*/
.target0 {
  color: #000000;
  font-size: 110%;
  font-weight: bold;
}
.target1 {
  color: #4949ff;
  font-size: 110%;
  font-weight: bold;
}
.target2 {
  color: #ff4949;
  font-size: 110%;
  font-weight: bold;
}
.target3 {
  color: #228b22;
  font-size: 110%;
  font-weight: bold;
}

/* .p_000X
-----------------------------------------------------------------------------*/
.p_001 {
  background-color: #ff5555;
}
.p_005 {
  background-color: #ff55ff;
}
.p_015 {
  background-color: #ffff55;
}

/* kihon_: black, gray, silver, white, blue, navy, teal, green,
           lime, aqua, yellow, red, fuchsia, olive, purple, maroon
-----------------------------------------------------------------------------*/
.kihon_black {
  color: #000000;
}
.kihon_gray {
  color: #808080;
}
.kihon_silver {
  color: #c0c0c0;
}
.kihon_white {
  color: #ffffff;
}
.kihon_blue {
  color: #0000ff;
}
.kihon_navy {
  color: #000080;
}
.kihon_teal {
  color: #008080;
}
.kihon_green {
  color: #008000;
}
.kihon_lime {
  color: #00ff00;
}
.kihon_aqua {
  color: #00ffff;
}
.kihon_yellow {
  color: #ffff00;
}
.kihon_red {
  color: #ff0000;
}
.kihon_fuchsia {
  color: #ff00ff;
}
.kihon_olive {
  color: #808000;
}
.kihon_purple {
  color: #800080;
}
.kihon_maroon {
  color: #800000;
}

/* xxSS, xxS, xxM, xxL, xxLL, xx3L, xxxSS, xxxS, xxxM, xxxL, xxxLL, xxx3L
-----------------------------------------------------------------------------*/
.xxSS {
  font-size: 10px;
}
.xxS {
  font-size: 12px;
}
.xxM {
  font-size: 14px;
}
.xxL {
  font-size: 16px;
}
.xxLL {
  font-size: 18px;
}
.xx3L {
  font-size: 20px;
}

.xxxSS {
  font-size: 10px;
  font-weight: bold;
}
.xxxS {
  font-size: 12px;
  font-weight: bold;
}
.xxxM {
  font-size: 14px;
  font-weight: bold;
}
.xxxL {
  font-size: 16px;
  font-weight: bold;
}
.xxxLL {
  font-size: 18px;
  font-weight: bold;
}
.xxx3L {
  font-size: 20px;
  font-weight: bold;
}

.capS {
  font-size: 90%;
  color: #e82727;
}
.capM {
  font-size: 100%;
  color: #e82727;
}
.capL {
  font-size: 110%;
  color: #e82727;
}
.capLL {
  font-size: 120%;
  color: #e82727;
}
.cap {
  font-size: 16px;
  font-weight: 600;
  color: #4343ff;
}

.cdSS {
  color: #34a853;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.cdS {
  color: #34a853;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.cdM {
  color: #34a853;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.cdL {
  color: #34a853;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.cdLL {
  color: #34a853;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.nmSS {
  color: #333333;
  font-size: 10px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.nmS {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.nmM {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.nmL {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.nmLL {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
/*white-space: nowrap;*/
}

.ymSS {
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.ymS {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}
.ymM {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
}
.ymL {
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}
.ymLL {
  color: #000000;
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
}

.dtSS {
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.dtS {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}
.dtM {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
}
.dtL {
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}
.dtLL {
  color: #000000;
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
}

.coSS {
  color: #228b22;
  font-size: 10px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.coS {
  color: #228b22;
  font-size: 12px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.coM {
  color: #228b22;
  font-size: 14px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.coL {
  color: #228b22;
  font-size: 16px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.coLL {
  color: #228b22;
  font-size: 18px;
  font-weight: bold;
/*white-space: nowrap;*/
}

.tanSS {
  color: #eb8400;
  font-size: 10px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.tanS {
  color: #eb8400;
  font-size: 12px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.tanM {
  color: #eb8400;
  font-size: 14px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.tanL {
  color: #eb8400;
  font-size: 16px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.tanLL {
  color: #eb8400;
  font-size: 18px;
  font-weight: bold;
/*white-space: nowrap;*/
}

.asSS {
  color: #eb8400;
  font-size: 10px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.asS {
  color: #eb8400;
  font-size: 12px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.asM {
  color: #eb8400;
  font-size: 14px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.asL {
  color: #eb8400;
  font-size: 16px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.asLL {
  color: #eb8400;
  font-size: 18px;
  font-weight: bold;
/*white-space: nowrap;*/
}

.suSS {
  color: #4343ff;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.suS {
  color: #4343ff;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.suM {
  color: #4343ff;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.suL {
  color: #4343ff;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.suLL {
  color: #4343ff;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.y_suSS {
  color: #339900;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.y_suS {
  color: #339900;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.y_suM {
  color: #339900;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.y_suL {
  color: #339900;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.y_suLL {
  color: #339900;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
.i_suSS {
  color: #3333ff;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.i_suS {
  color: #3333ff;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.i_suM {
  color: #3333ff;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.i_suL {
  color: #3333ff;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.i_suLL {
  color: #3333ff;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
.o_suSS {
  color: #000080;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.o_suS {
  color: #000080;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.o_suM {
  color: #000080;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.o_suL {
  color: #000080;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.o_suLL {
  color: #000080;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
.sa_suSS {
  color: #858f8c;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.sa_suS {
  color: #858f8c;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.sa_suM {
  color: #858f8c;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.sa_suL {
  color: #858f8c;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.sa_suLL {
  color: #858f8c;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zen_suSS {
  color: #ff8300;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zen_suS {
  color: #ff8300;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zen_suM {
  color: #ff8300;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zen_suL {
  color: #ff8300;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zen_suLL {
  color: #ff8300;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tou_suSS {
  color: #007fff;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tou_suS {
  color: #007fff;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tou_suM {
  color: #007fff;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tou_suL {
  color: #007fff;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tou_suLL {
  color: #007fff;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zai_suSS {
  color: #ff69b4;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zai_suS {
  color: #ff69b4;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zai_suM {
  color: #ff69b4;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zai_suL {
  color: #ff69b4;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_zai_suLL {
  color: #ff69b4;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tana_suSS {
  color: #ff003f;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tana_suS {
  color: #ff003f;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tana_suM {
  color: #ff003f;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tana_suL {
  color: #ff003f;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.zk_tana_suLL {
  color: #ff003f;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.zk_su_l {
  color: #ff3232;
}
.zk_su_h {
  color: #3232ff;
}
.zk_su_s {
  color: #55cc30;
}

.zk_su_l_bg {
  color: #ffffff;
  background-color: #ff3232;
  padding: 1px 4px;
}
.zk_su_h_bg {
  color: #ffffff;
  background-color: #3232ff;
  padding: 1px 4px;
}
.zk_su_s_bg {
  color: #ffffff;
  background-color: #55cc30;
  padding: 1px 4px;
}

.y_subgSS {
  padding: 0px 1px;
  background-color: #339900;
  color: #ffffff;
  font-size: 10px;
/*font-weight: bold;*/
  white-space: nowrap;
}
.i_subgSS {
  padding: 0px 1px;
  background-color: #3333ff;
  color: #ffffff;
  font-size: 10px;
/*font-weight: bold;*/
  white-space: nowrap;
}
.o_subgSS {
/*padding: 0px 1px;*/
/*background-color: #000000;*/
  color: #000000;
  font-size: 10px;
/*font-weight: bold;*/
  white-space: nowrap;
}

.kinSS {
/*color: #333333;*/
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.kinS {
/*color: #333333;*/
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.kinM {
/*color: #333333;*/
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.kinL {
/*color: #333333;*/
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.kinLL {
/*color: #333333;*/
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.goukeiS {
  color: #ff1919;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.goukeiM {
  color: #ff1919;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.goukeiL {
  color: #ff1919;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.goukeiLL {
  color: #ff1919;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.keiS {
  color: #009900;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.keiM {
  color: #009900;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.keiL {
  color: #009900;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.keiLL {
  color: #009900;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.zanS {
  color: #ff4343;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.zanM {
  color: #ff4343;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.zanL {
  color: #ff4343;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.zanLL {
  color: #ff4343;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.odS {
  color: #4285f4;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.odM {
  color: #4285f4;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.odL {
  color: #4285f4;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.odLL {
  color: #4285f4;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.chgS {
  background-color: #ff4949;
  color: #ffffff;
  font-size: 12px;
/*font-weight: bold;*/
  white-space: nowrap;
}
.chgM {
  background-color: #ff4949;
  color: #ffffff;
  font-size: 14px;
/*font-weight: bold;*/
  white-space: nowrap;
}
.chgL {
  background-color: #ff4949;
  color: #ffffff;
  font-size: 16px;
/*font-weight: bold;*/
  white-space: nowrap;
}
.chgLL {
  background-color: #ff4949;
  color: #ffffff;
  font-size: 18px;
/*font-weight: bold;*/
  white-space: nowrap;
}

.unitS {
  color: #ff4343;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.unitM {
  color: #ff4343;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.unitL {
  color: #ff4343;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.unitLL {
  color: #ff4343;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.cgSS {
  color: #ff4b23;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.cgS {
  color: #ff4b23;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.cgM {
  color: #ff4b23;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.cgL {
  color: #ff4b23;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.cgLL {
  color: #ff4b23;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.ttlS {
  color: #ff4500;
  font-size: 12px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.ttlM {
  color: #ff4500;
  font-size: 14px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.ttlL {
  color: #ff4500;
  font-size: 16px;
  font-weight: bold;
/*white-space: nowrap;*/
}
.ttlLL {
  color: #ff4500;
  font-size: 18px;
  font-weight: bold;
/*white-space: nowrap;*/
}

.keibgS {
  padding: 3px 4px;
  background-color: #228b22;
  color: #ffffff;
  font-size: 12px;
/*font-weight: bold;*/
  white-space: nowrap;
}
.keibgM {
  padding: 3px 4px;
  background-color: #228b22;
  color: #ffffff;
  font-size: 14px;
/*font-weight: bold;*/
  white-space: nowrap;
}
.keibgL {
  padding: 3px 4px;
  background-color: #228b22;
  color: #ffffff;
  font-size: 16px;
/*font-weight: bold;*/
  white-space: nowrap;
}
.keibgLL {
  padding: 3px 4px;
  background-color: #228b22;
  color: #ffffff;
  font-size: 18px;
/*font-weight: bold;*/
  white-space: nowrap;
}

.hmS {
  color: #228b22;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap !important;
}
.hmM {
  color: #228b22;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap !important;
}
.hmL {
  color: #228b22;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap !important;
}
.hmLL {
  color: #228b22;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap !important;
}

.hm1bgS {
  padding: 1px 2px;
  background-color: #4169e1;
  color: #ffffff;
  font-size: 12px !important;
  font-weight: bold;
  white-space: nowrap !important;
}
.hm1bgM {
  padding: 1px 2px;
  background-color: #4169e1;
  color: #ffffff;
  font-size: 14px !important;
  font-weight: bold;
  white-space: nowrap !important;
}
.hm1bgL {
  padding: 1px 2px;
  background-color: #4169e1;
  color: #ffffff;
  font-size: 16px !important;
  font-weight: bold;
  white-space: nowrap !important;
}
.hm1bgLL {
  padding: 1px 2px;
  background-color: #4169e1;
  color: #ffffff;
  font-size: 18px !important;
  font-weight: bold;
  white-space: nowrap !important;
}

.hm2bgS {
  padding: 1px 2px;
  background-color: #ff7070;
  color: #ffffff;
  font-size: 12px !important;
  font-weight: bold;
  white-space: nowrap !important;
}
.hm2bgM {
  padding: 1px 2px;
  background-color: #ff7070;
  color: #ffffff;
  font-size: 14px !important;
  font-weight: bold;
  white-space: nowrap !important;
}
.hm2bgL {
  padding: 1px 2px;
  background-color: #ff7070;
  color: #ffffff;
  font-size: 16px !important;
  font-weight: bold;
  white-space: nowrap !important;
}
.hm2bgLL {
  padding: 1px 2px;
  background-color: #ff7070;
  color: #ffffff;
  font-size: 18px !important;
  font-weight: bold;
  white-space: nowrap !important;
}

.ec_cdSS {
  color: #a52a2a;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}
.ec_cdS {
  color: #a52a2a;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.ec_cdM {
  color: #a52a2a;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.ec_cdL {
  color: #a52a2a;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.ec_cdLL {
  color: #a52a2a;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

/* .kbn1bgX
-----------------------------------------------------------------------------*/
.kbn1bg1 {
  padding: 1px 4px;
  background-color: #38ff38;
  color: #000000;
}
.kbn1bg2 {
  padding: 1px 4px;
  background-color: #4238ff;
  color: #ffffff;
}
.kbn1bg3 {
  padding: 1px 2px;
  background-color: #ff384b;
  color: #ffffff;
}
.kbn1bg4 {
  padding: 1px 2px;
  background-color: #ff38d7;
  color: #ffffff;
}
.kbn1bg5 {
  padding: 1px 4px;
  background-color: #778899;
  color: #ffffff;
}
.kbn1bg6 {
  padding: 1px 4px;
  background-color: #ff9138;
  color: #ffffff;
}
.kbn1bg99 {
  padding: 1px 4px;
  background-color: #000000;
  color: #ffffff;
}

/* .alertX, .errorX
-----------------------------------------------------------------------------*/
.alertR {
  text-align: right;
  background-color: #ffcccc;
}
.alertC {
  text-align: center;
  background-color: #ffcccc;
}
.alertL {
  text-align: left;
  background-color: #ffcccc;
}
.alert2R {
  text-align: right;
  background-color: #ffffb2;
}
.alert2C {
  text-align: center;
  background-color: #ffffb2;
}
.alert2L {
  text-align: left;
  background-color: #ffffb2;
}
.alert {
  background-color: #ffcccc;
}
.alert2 {
  background-color: #ffffb2;
}
.error {
  background-color: #ff7272;
}
.errorR {
  text-align: right;
  background-color: #ff7272;
}
.errorC {
  text-align: center;
  background-color: #ff7272;
}
.errorL {
  text-align: left;
  background-color: #ff7272;
}

/* .sumX, .rateX, .momX, .avgX
-----------------------------------------------------------------------------*/
.zenR {
  text-align: right;
  background-color: #78e8c6;
}
.zenC {
  text-align: center;
  background-color: #78e8c6;
}
.zenL {
  text-align: left;
  background-color: #78e8c6;
}

.sumR {
  text-align: right;
  background-color: #99ffd9;
}
.sumC {
  text-align: center;
  background-color: #99ffd9;
}
.sumL {
  text-align: left;
  background-color: #99ffd9;
}

.rateR {
  text-align: right;
  background-color: #ffa500;
  color: #ffffff;
}
.rateC {
  text-align: center;
  background-color: #ffa500;
  color: #ffffff;
}

.momR {
  text-align: right;
  background-color: #ffd9b2;
}
.momC {
  text-align: center;
  background-color: #ffd9b2;
}

.avgR {
  text-align: right;
  background-color: #f96250;
  color: #ffffff;
}
.avgC {
  text-align: center;
  background-color: #f96250;
  color: #ffffff;
}

/* .uriage, .tanka, .genka, .arari, .suryo, .cost, .hankan, .jikan, .ritsu
-----------------------------------------------------------------------------*/
.uriage {
  color: #009900;
}
.tanka {
  color: #000000;
}
.genka {
  color: #000080;
}
.arari {
  color: #ff1919;
}
.suryo {
  color: #4343ff;
}
.cost {
  color: #000080;
}
.hankan {
  color: #ff1919;
}
.jikan {
  color: #1919ff;
}
.ritsu {
  color: #ffa500;
}

/* .ratebgX 1=以上(オレンジ)、2=未満(紺)、3=マイナス(赤)
-----------------------------------------------------------------------------*/
.ratebg0 {
}
.ratebg1 {
  background-color: #ffa500;
  color: #ffffff;
}
.ratebg2 {
  background-color: #0e3b73;
  color: #ffffff;
}
.ratebg3 {
  background-color: #f43254;
  color: #ffffff;
}

/* .alertCL
-----------------------------------------------------------------------------*/
.alertCL {
}
.alertUCL {
  background-color: #f43254;
  color: #ffffff;
}
.alertLCL {
  background-color: #0e3b73;
  color: #ffffff;
}

/* .warnX
-----------------------------------------------------------------------------*/
.warn0 {
  background-color: #ffffff;
}
.warn1 {
  background-color: #ffcccc;
}
.warn2 {
  background-color: #ff0000;
}

/* .delX
-----------------------------------------------------------------------------*/
.del {
}
.del0 {
/*background-color: #ffffff;*/
}
.del1 {
  background-color: #4b474d;
  color: #ffffff;
}

/* .lock, .deleted
-----------------------------------------------------------------------------*/
.lock {
  background-color: #e0e0e0;
}
.deleted {
  background-color: #e0e0e0;
}

/* .rankX
-----------------------------------------------------------------------------*/
.rankA {
  text-align: center;
  background-color: #d10c5b;
  color: #ffffff;
}
.rankB {
  text-align: center;
  background-color: #ffd700;
  color: #ffffff;
}
.rankC {
  text-align: center;
  background-color: #69abdb;
  color: #ffffff;
}
.rankD {
  text-align: center;
  background-color: #e0e0e0;
/*color: #ffffff;*/
}

/* .bunbgX, .stsbgX, .s_stsX
-----------------------------------------------------------------------------*/
.bunbg1 {
  padding: 1px 3px;
  background-color: #fbbc08;
  color: #ffffff;
}
.bunbg2 {
  padding: 1px 3px;
  background-color: #4285f4;
  color: #ffffff;
}
.bunbg3 {
  padding: 1px 3px;
  background-color: #dda0dd;
  color: #ffffff;
}
.bunbg4 {
  padding: 1px 3px;
  background-color: #131a22;
  color: #ffffff;
}
.bunbg5 {
  padding: 1px 3px;
  background-color: #a0522d;
  color: #ffffff;
}

.bunbg1SS {
  display: block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #fbbc08;
  color: #ffffff;
  white-space: nowrap;
}
.bunbg2SS {
  display: block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #4285f4;
  color: #ffffff;
  white-space: nowrap;
}
.bunbg3SS {
  display: block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #dda0dd;
  color: #ffffff;
  white-space: nowrap;
}
.bunbg4SS {
  display: block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #131a22;
  color: #ffffff;
  white-space: nowrap;
}
.bunbg5SS {
  display: block;
  padding: 3px 4px;
  font-size: 10px;
  background-color: #a0522d;
  color: #ffffff;
  white-space: nowrap;
}
.bunbg1S {
  display: block;
  padding: 3px 4px;
  font-size: 12px;
  background-color: #fbbc08;
  color: #ffffff;
  white-space: nowrap;
}
.bunbg2S {
  display: block;
  padding: 3px 4px;
  font-size: 12px;
  background-color: #4285f4;
  color: #ffffff;
  white-space: nowrap;
}
.bunbg3S {
  display: block;
  padding: 3px 4px;
  font-size: 12px;
  background-color: #dda0dd;
  color: #ffffff;
  white-space: nowrap;
}
.bunbg4S {
  display: block;
  padding: 3px 4px;
  font-size: 12px;
  background-color: #131a22;
  color: #ffffff;
  white-space: nowrap;
}
.bunbg5S {
  display: block;
  padding: 3px 4px;
  font-size: 12px;
  background-color: #a0522d;
  color: #ffffff;
  white-space: nowrap;
}

.stsbg0 {
  padding: 1px 3px;
  background-color: #ff4c4c;
  color: #ffffff;
}
.stsbg1 {
  padding: 1px 3px;
  background-color: #4c4cff;
  color: #ffffff;
}
.stsbg2 {
  padding: 1px 3px;
  background-color: #008000;
  color: #ffffff;
}
.stsbg8 {
  padding: 1px 3px;
  background-color: #999999;
  color: #ffffff;
}
.stsbg9 {
  padding: 1px 3px;
  background-color: #999999;
  color: #ffffff;
}

.s_sts0 {
  background-color: #ffb2ff;
  color: #333333;
}
.s_sts1 {
  background-color: #ffffb2;
  color: #333333;
}
.s_sts2 {
  background-color: #ffb2b2;
  color: #333333;
}
.s_sts3 {
  background-color: #b2ffb2;
  color: #333333;
}
.s_sts4 {
  background-color: #e0e0e0;
  color: #333333;
}
.s_sts7 {
  background-color: #ffd9b2;
  color: #333333;
}
.s_sts8 {
  background-color: #e0e0e0;
  color: #333333;
}
.s_sts9 {
  background-color: #e0e0e0;
  color: #333333;
}

/* .tantoX
-----------------------------------------------------------------------------*/
.tanto1 {
  color: #000000;
}
.tanto2 {
  color: #ff0099;
}
.tanto3 {
  color: #ffffff;
  background-color: #db5c35;
  padding: 1px 3px;
}

/* .coolX
-----------------------------------------------------------------------------*/
.cool0 {
  background-color: #ffffff;
  color: #333333;
}
.cool1 {
  background-color: #ff0000;
  color: #ffffff;
}

/* .daibiki, cancel
-----------------------------------------------------------------------------*/
.daibiki {
  background-color: #ff0000;
  color: #ffffff;
}

.cancel {
  background-color: #db3561;
  color: #ffffff;
}

/* .logi_stsX
-----------------------------------------------------------------------------*/
.logi_sts1 {
  background-color: #00a474;
  color: #ffffff;
}
.logi_sts2 {
  background-color: #00a474;
  color: #ffffff;
}
.logi_sts3 {
  background-color: #00a474;
  color: #ffffff;
}
.logi_sts4 {
  background-color: #fe4647;
  color: #ffffff;
}
.logi_sts5 {
  background-color: #fe4647;
  color: #ffffff;
}
.logi_sts6 {
  background-color: #fe4647;
  color: #ffffff;
}

/* .lvX, .lvbgX
-----------------------------------------------------------------------------*/
.lv0 {
  font-size: 12px;
  background-color: #ffffff;
  color: #ff4343;
}
.lv1 {
  font-size: 12px;
  background-color: #ffffff;
  color: #008000;
}
.lv2 {
  font-size: 12px;
  background-color: #ffffff;
  color: #4343ff;
}
.lv3 {
  font-size: 12px;
  background-color: #ffffff;
  color: #333333;
}
.lvbg0 {
  font-size: 15px;
  background-color: #ff4343;
  color: #ffffff;
}
.lvbg1 {
  font-size: 15px;
  background-color: #008000;
  color: #ffffff;
}
.lvbg2 {
  font-size: 15px;
  background-color: #4343ff;
  color: #ffffff;
}
.lvbg3 {
  font-size: 15px;
  background-color: #333333;
  color: #ffffff;
}

/* .finX
-----------------------------------------------------------------------------*/
.fin0 {
/*background-color: #ffffff;*/
}
.fin1 {
  background-color: #d1d1d1;
}

/* アップロード
-----------------------------------------------------------------------------*/
.upFn {
  margin: 2px 10px 2px 10px;
  font-size: 14px;
}

/* noDisp
-----------------------------------------------------------------------------*/
.noDisp {
  display: none;
}

/* ヘルプ画面
-----------------------------------------------------------------------------*/
table.help {
  table-layout: auto;
  margin: 5px auto 5px auto;
  width: 900px;
  font-size: 16px;
  color: #333333;
}
table.help tr th {
  border: 0;
  padding: 5px 4px 5px 4px;
  background-color: #d7faff;
}
table.help tr td {
  border-style: dashed;
  border-color: #666699;
  border-width: 2px 0;
  padding: 2px 0 2px 0;
}

table.search_help {
  font-size: 15px;
}
table.search_help tr th {
  border: 1px solid #808080;
  padding: 1px 4px 1px 4px;
  background-color: #ffffff;
}
table.search_help tr td {
  border: 1px solid #808080;
  padding: 1px 2px 1px 2px;
  background-color: #d7faff;
}

.search_help_title {
  width: 50px;
  height: 33px;
  background-image: url('../jsp/img/help_title.png');
}

.help_default {
  margin: 2px 0 2px 0;
  padding: 1px 1px 21px 1px;
  width: 800px;
}
.help_title {
  margin: 5px auto 15px auto;
  width: 900px;
  height: 40px;
  background-image: url('../img/help_QA.png');
}
.help_title p {
  padding: 1px 2px 1px 100px;
  font-size: 30px;
  font-weight: 900;
  color: #ffffff;
}

#help_note {
  margin: 20px auto 20px auto;
  border: 2px solid green; /* 外枠 */
  padding: 10px;           /* 内側の余白 */
  width: 800px;
  border-radius: 6px;
  box-shadow: 0 3px 5px #C5C6C7;
}
#help_title {
  margin: 10px 0 5px 0;
  border-bottom: 3px double #008000;
  padding: 3px;
  width: 800px;
  font-weight: bold;
  font-size: 16px;
  color: #008000;
}
#help_Q {
  margin: 10px 0 0 0;
  padding: 3px 3px 0 3px;
  width: 800px;
  font-size: 16px;
}
#help_A {
  padding: 10px;
  width: auto;
}
#help_A p {
  margin: 0;
  background: url("../img/greendot.gif");
  line-height: 25px;
}

/* フォーカス色
-----------------------------------------------------------------------------*/
.focus {
  background-color: var(--main-focus-bg-color);
  border: 2px #9999ff inset;
}

/* 角丸
-----------------------------------------------------------------------------*/
.kadoMaru {
  border-radius: 5px;
}

/* jQuery
-----------------------------------------------------------------------------*/
#tabs {
  margin: 0 auto 9px;
  border: 0;
  padding: 0;
  width: 98%;
}
.fc-sun { /* 日曜日 */
  color: #ff0000;
/*background-color: #ff0000;*/
}
.fc-sat { /* 土曜日 */
  color: #0000ff;
/*background-color: #0000ff;*/
}

img.ui-datepicker-trigger {
  cursor: pointer;
  margin-left: 4px !important;
  vertical-align: middle;
}

/* 横棒グラフ
-----------------------------------------------------------------------------*/
.graf {
  margin: 0;
  padding: 0;
  list-style: none;
/*background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAABCAIAAACkDpLCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAA9JREFUGFdj+E8l8OjRIwAXIUpfpfMmxgAAAABJRU5ErkJggg==);*/
  background: #ffffff;
  border: 1px solid #000;
}
.graf li {
  margin: 0px 0px 0px 0px;
  height: 4px;
  line-height: 4px;
  padding: 0 0 0 0;
/*font-size: 12px;*/
/*font-weight: bold;*/
  color: #ffffff;
}
.graf li span {
  float: right;
}

/* お知らせ
-----------------------------------------------------------------------------*/
#infoBox {
  margin: 10px auto 0 auto;
  position: relative;
  min-width: 950px;
  max-width: 1250px;
  height: 300px;
}
#infoBox h2 {
  margin: 0;
  color: #ffffff;
  line-height: 0;
  text-align: center;
  background: url("../img/bg_label1.png") repeat-x;
  letter-spacing: 4px;
  font-size: 12px;
}
#infoBox a {
  color: #0000ff;
  text-decoration: underline;
  text-align: center;
}
#infoBox a:hover {
  color: #ffcc00;
}
#infoBox .companyInfo {
/*border: 2px solid #b3b3b3;*/
/*position: absolute;*/
  top: 0;
  right: 0;
  min-width: 950px;
  max-width: 1250px;
  height: 120px;
  background: #ffffff;
  text-align: center;
}
#infoBox .companyInfo .scrollWindow {
  min-width: 950px;
  max-width: 1250px;
  height: 100px;
  overflow: auto;
  border-width: 0;
  text-align: left;
}
#infoBox .companyInfo .scrollWindow p {
  margin: 3px 0 0 6px;
  padding-left: 14px;
  width: 950px;
  background-image: url("../img/listMark.gif");
  background-position: 0 2px;
  background-repeat: no-repeat;
  line-height: 1.2;
  white-space: normal;
}
#infoBox .companyInfo .scrollWindow p span {
  line-height: 1.2;
}

/* 計画
-----------------------------------------------------------------------------*/
table.edit_keikaku {
  margin: 10px auto 10px auto;
}
table.edit_keikaku tr th {
  padding: 4px 2px 3px 2px;
  text-align: center;
  background-color: var(--edit-bg-color);
}
table.edit_keikaku tr td {
}
table.detail_keikaku {
  margin: 10px auto 10px auto;
}
table.detail_keikaku tr th {
  padding: 4px 2px 3px 2px;
  text-align: center;
  background-color: var(--detail-bg-color);
}
table.detail_keikaku tr td {
}
.kh_flg {
  width: 45%;
  display: inline-block;
  text-align: right;
}
.kh_flg_cls {
  background-color: #c0c0c0;
}

.hr_dashed {
  border: none;
  border-top: 1px dashed #c0c0c0;
  height: 1px;
  color: #ffffff;
}
.hr_red {
  border: none;
  border-top: 1px solid #ff0000;
  height: 1px;
  color: #ffffff;
}

/* 画像実物大表示
-----------------------------------------------------------------------------*/
/* 全体 */
.hidden_box {
  margin: 1px 0; /* 前後の余白 */
  padding: 0;
}
/* チェックは見えなくする */
.hidden_box input {
  display: none;
}
/* 中身を非表示にしておく */
.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
/* クリックで中身表示 */
.hidden_box input:checked ~ .hidden_show {
  padding: 1px 0;
  height: auto;
  opacity: 1;
}

/* 改ページ
-----------------------------------------------------------------------------*/
.pagebreak {
  break-after: page;
}