/**
 * Space
 *
 * p/m = padding/margin
 * a/t/r/b/l/h/v = all/top/right/bottom/left/horizontal/vertical
 * n/t/s/m/l/h = none/tiny/small/medium/large/huge
 *
 * @category   JoyceCSS
 * @package    Helper
 * @subpackage Space
 */
.ptn, .pvn, .pan { padding-top: 0px !important; }
.ptt, .pvt, .pat { padding-top: 5px !important; }
.pts, .pvs, .pas { padding-top: 10px !important; }
.ptm, .pvm, .pam { padding-top: 20px !important; }
.ptl, .pvl, .pal { padding-top: 40px !important; }
.pth, .pvh, .pah { padding-top: 80px !important; }
.prn, .phn, .pan { padding-right: 0px !important; }
.prt, .pht, .pat { padding-right: 5px !important; }
.prs, .phs, .pas { padding-right: 10px !important; }
.prm, .phm, .pam { padding-right: 20px !important; }
.prl, .phl, .pal { padding-right: 40px !important; }
.prh, .phh, .pah { padding-right: 80px !important; }
.pbn, .pvn, .pan { padding-bottom: 0px !important; }
.pbt, .pvt, .pat { padding-bottom: 5px !important; }
.pbs, .pvs, .pas { padding-bottom: 10px !important; }
.pbm, .pvm, .pam { padding-bottom: 20px !important; }
.pbl, .pvl, .pal { padding-bottom: 40px !important; }
.pbh, .pvh, .pah { padding-bottom: 80px !important; }
.pln, .phn, .pan { padding-left: 0px !important; }
.plt, .pht, .pat { padding-left: 5px !important; }
.pls, .phs, .pas { padding-left: 10px !important; }
.plm, .phm, .pam { padding-left: 20px !important; }
.pll, .phl, .pal { padding-left: 40px !important; }
.plh, .phh, .pah { padding-left: 80px !important; }
.pat{ padding: 5px !important; }
.pas{ padding: 10px !important; }
.pam{ padding: 20px !important; }
.pal{ padding: 40px !important; }
.pah{ padding: 80px !important; }
.mtn, .mvn, .man { margin-top: 0px !important; }
.mtt, .mvt, .mat { margin-top: 5px !important; }
.mts, .mvs, .mas { margin-top: 10px !important; }
.mtm, .mvm, .mam { margin-top: 20px !important; }
.mtl, .mvl, .mal { margin-top: 40px !important; }
.mth, .mvh, .mah { margin-top: 80px !important; }
.mrn, .mhn, .man { margin-right: 0px !important; }
.mrt, .mht, .mat { margin-right: 5px !important; }
.mrs, .mhs, .mas { margin-right: 10px !important; }
.mrm, .mhm, .mam { margin-right: 20px !important; }
.mrl, .mhl, .mal { margin-right: 40px !important; }
.mrh, .mhh, .mah { margin-right: 80px !important; }
.mbn, .mvn, .man { margin-bottom: 0px !important; }
.mbt, .mvt, .mat { margin-bottom: 5px !important; }
.mbs, .mvs, .mas { margin-bottom: 10px !important; }
.mbm, .mvm, .mam { margin-bottom: 20px !important; }
.mbl, .mvl, .mal { margin-bottom: 40px !important; }
.mbh, .mvh, .mah { margin-bottom: 80px !important; }
.mln, .mhn, .man { margin-left: 0px !important; }
.mlt, .mht, .mat { margin-left: 5px !important; }
.mls, .mhs, .mas { margin-left: 10px !important; }
.mlm, .mhm, .mam { margin-left: 20px !important; }
.mll, .mhl, .mal { margin-left: 40px !important; }
.mlh, .mhh, .mah { margin-left: 80px !important; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.not_yet{
  color: blue;
}
table {
  width:100%;
  border-collapse: separate;
  border-spacing: 0px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
table th{
  width: 25%;
  padding: 4px;
  text-align: left;
  vertical-align: top;
  color: #444;
  background-color: #ccc;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
table td{
  padding: 4px;
  /*background-color: #fafafa;*/
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

table tr:hover{
  background-color: #99FFFF;
}
#edit_table tr:hover{
  background-color: #fff;
}
#edit_combine_ctable tr:hover{
  background-color: #fff;
}
#header_table tr:hover{
  background-color: #fff;
}
#edit_option_table tr:hover{
  background-color: #fcf4ed;
}

div#header-fixed{
  position: fixed;            /* ヘッダーの固定 */
  top: 0px;                   /* 位置(上0px) */
  left: 0px;                  /* 位置(右0px) */
  width: 100%;                /* 横幅100%　*/
  height: 40px;              /* 縦幅140px */
  background-color:#ccc;     /* 背景色(黒) */
  padding:10px 10px 0px;       /* 上10px、下20pxをあける */
  height:40px;              /* 縦の高さ110px */
  width:100%;                /* 横の幅を100% */
  z-index: 99;
  /*opacity: 0.5;*/
}
div#header-fixed2{
  position: fixed;            /* ヘッダーの固定 */
  top: 40px;                   /* 位置(上0px) */
  left: 0px;                  /* 位置(右0px) */
  width: 100%;                /* 横幅100%　*/
  height: 40px;              /* 縦幅140px */
  background-color:#ccc;     /* 背景色(黒) */
  padding:10px 10px 0px;       /* 上10px、下20pxをあける */
  height:40px;              /* 縦の高さ110px */
  width:100%;                /* 横の幅を100% */
  z-index: 99;
  /*opacity: 0.5;*/
}

body{
  padding: 40px 0 0;
  font-size: 14px;
}

.mastermenu {
  display: flex;
  justify-content: space-around;
}
.mastermenu_group {
  flex: 1;
  margin: .5rem 1rem;
  padding: .5rem 1rem;
}
.mastermenu_item {
  text-align: center;
  border: 1px solid #000;
  padding: .5rem 1rem;
}
div.mastermenu_item {
  margin: 1em 0;
}

.opt_header {
  display: flex;
  justify-content: space-around;
  min-width: 1040px;
}
.opt_header_group_l {
  flex: 1;
  margin: .5rem 0rem .5rem 0rem;
  padding: .5rem 0rem .5rem 0rem;
}
.opt_header_group_r {
  flex: 1;
  margin: .5rem .5rem .5rem .5rem;
  padding: .5rem 0rem .5rem 0rem;
  max-width: 227px;
}
.opt_heade_item_l {
  text-align: left;
  border: 0px solid #000;
  padding: 0rem;
}
div.opt_heade_item_l {
  margin: .5em 0;
}
.opt_heade_item_r {
  text-align: left;
  border: 0px solid #000;
  padding: 0rem;
}
div.opt_heade_item_r {
  margin: .5em 0;
}
.opt_heade_botton_r {
  text-align: right;
  border: 0px solid #000;
  padding: 0rem;
}
div.opt_heade_botton_r {
  margin-right: 92px;
}
.opt_heade_item_detail {
  text-align: right;
}
.opt_heade_item_detail select{
    -webkit-appearance:none;
  width:110px;
}
.opt_header_sub {
  display: flex;
  justify-content: space-around;
}
.opt_header_sub_group_l {
  flex: 1;
  margin: .5rem 0rem .5rem 0rem;
  padding: .5rem 0rem .5rem 0rem;
  text-align: left;
  min-width: 475px;
}
.opt_header_sub_group_r {
  flex: 1;
  margin: .5rem .5rem .5rem .5rem;
  padding: .5rem 0rem .5rem 0rem;
  min-width: 475px;
  text-align: right;
}
.select_opt {
  display: flex;
  justify-content: space-around;
}
.select_opt input{
  width: 100%;
  margin-bottom: 10px;
}
.select_opt_group1 {
  flex: 1;
  text-align: right;
  min-width: 230px;
  max-width: 150px;
}
.select_opt_group2 {
  flex: 1;
  text-align: right;
  margin-left: 20px;
  max-width: 210px;
}
.select_opt_group3 {
  flex: 1;
  text-align: right;
  margin-left: 20px;
  max-width: 290px;
}

.select_opt_group3-btn {
    width: 280px;
    margin-bottom: 10px;
}
.select_opt_group4 {
  flex: 1;
  text-align: right;
  margin-left: 50px;
  margin-right: 20px;
  max-width: 210px;
}
.select_opt_group5 {
  flex: 1;
  text-align: right;
  margin-right: 50px;
  max-width: 150px;
}
#save_detail_btn input[name="save_detail"] {
    width: 190px;
    height: 50px;
    font-size: 20px;
    font-weight: bold;
}
select {
    min-width: 75px;
}

.pagination {
  text-align: center;
  margin-top: 15px;
}

.pagination strong {
  padding: 3px 10px;
  margin-left: 2px;
  margin-right: 2px;
  background: #99FFFF;
  border-radius: 5px;
}

.pagination a{
  padding: 3px 10px;
  margin-left: 2px;
  margin-right: 2px;
  background: #ccc;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
}

.pagination a:hover{
  background: #99FFFF;
}

table.table-extra-block {
  border: 0;
}

table.table-extra-block tr td {
  border: 0;
  width: 150px;
}
input[name^="edit_net_ajust"],
input[name^="edit_ajust_reason"],
input[name^="edit_sup1_ajust"],
input[name^="edit_sup2_ajust"],
input[name^="edit_sup3_ajust"],
input[name^="edit_sup4_ajust"],
input[name^="edit_sup5_ajust"],
input[name^="edit_sup1_reason"],
input[name^="edit_sup2_reason"],
input[name^="edit_sup3_reason"],
input[name^="edit_sup4_reason"],
input[name^="edit_sup5_reason"] {
    max-width: 140px;
}