@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
  margin: 0;
  padding: 0;
  border: 0;
}
html{
  min-height: 100%;
  position: relative;
}

body {
  line-height: 2;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  font-size: 75%;
  color: #333;
  margin-bottom: 70px;
}

h4 {
  font-size: 14px;
}

td, th {
  box-sizing: border-box;
}

ol, ul {
  list-style: none;
}

a {
  color: #0000FF;
  text-decoration: none;
}

a:hover {
  color: #666;
  text-decoration: underline;
}

input[type="text"], input[type="password"], input[type="email"], input[type="time"], textarea,select {
  outline: none;
  padding: 3px;
  border: 1px solid #aaa;
  -webkit-transition: all .3s;
  transition: all .3s;
}

textarea {
  margin-bottom: -7px;
  font-size: 12px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="time"]:focus, textarea:focus, select:focus {
  box-shadow: 0 0 7px #e5002c;
  border: 1px solid #e5002c;
}

/* px */
.minW1200 {min-width: 1200px;}
.minW100 {min-width: 100px;}
.minW200 {min-width: 200px;}
.minW230 {min-width: 230px;}
.minW250 {min-width: 250px;}
.minW300 {min-width: 300px;}
.minW500 {min-width: 500px;}

.brline{border:1px solid #ccc;}
.brtop{border:1px solid #ccc;}
.brleft{border:1px solid #ccc;}
.brnone{border:none!important;}
.brleftn{border-left:none!important;}
.brrightn{border-right:none!important;}
.brtopn{border-top:none!important;}
.brbottomn{border-bottom:none!important;}

.pd0 {padding: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pb5 {padding-bottom: 5px !important;}
.w10 {width: 10px !important}
.w20 {width: 20px !important}
.w25 {width: 25px !important}
.w30 {width: 30px !important}
.w40 {width: 40px !important}
.w50 {width: 50px !important}
.w60 {width: 60px !important}
.w70 {width: 70px !important}
.w80 {width: 80px !important}
.w90 {width: 90px !important}
.w95 {width: 95px !important}
.w100 {width: 100px !important}
.w110 {width: 110px !important}
.w120 {width: 120px !important}
.w130 {width: 130px !important}
.w140 {width: 140px !important}
.w150 {width: 150px !important}
.w160 {width: 160px !important}
.w180 {width: 180px !important}
.w200 {width: 200px !important}
.w230 {width: 240px !important}
.w240 {width: 240px !important}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}
.w650 {width: 650px !important;}
.w700 {width: 700px !important;}
.w750 {width: 750px !important;}
.wAuto {width: auto !important;}

.min-w100 { min-width: 100px !important;}
.min-w110 { min-width: 110px !important;}
.min-w120 { min-width: 120px !important;}
.min-w130 { min-width: 130px !important;}
.min-w140 { min-width: 140px !important;}
.min-w150 { min-width: 150px !important;}
.min-w240 { min-width: 240px !important;}


.w250bl {width: 250px !important; display:block}

.mw200 {min-width: 200px;}

.h100pr {height:100% !important;}
/* end px*/

/* percent */
.w5pr {width: 5% !important}
.w10pr {width: 10% !important}
.w12pr {width: 12% !important}
.w13pr {width: 13% !important}
.w14pr {width: 14% !important}
.w15pr {width: 15% !important}
.w18pr {width: 18% !important}
.w20pr {width: 20% !important}
.w23pr {width: 23% !important}
.w25pr {width: 25% !important}
.w27pr {width: 27% !important}
.w30pr {width: 30% !important}
.w35pr {width: 35% !important}
.w38pr {width: 38% !important}
.w40pr {width: 40% !important}
.w45pr {width: 45% !important}
.w48pr {width: 48% !important}
.w49pr {width: 49% !important}
.w50pr {width: 50% !important}
.w55pr {width: 55% !important}
.w60pr {width: 60% !important}
.w65pr {width: 65% !important}
.w70pr {width: 70% !important}
.w74pr {width: 74% !important}
.w75pr {width: 75% !important}
.w80pr {width: 80% !important}
.w85pr {width: 85% !important}
.w90pr {width: 90% !important}
.w95pr {width: 95% !important}
.w100pr {width: 100% !important}
/* end percent*/
.p0 {padding: 0px !important;}
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}
.p35 {padding: 35px !important;}
.p40 {padding: 40px !important;}
.p45 {padding: 45px !important;}
.p50 {padding: 50px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}

.m2 {margin: 2px !important;}
.m5 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m25 {margin: 25px !important;}
.m30 {margin: 30px !important;}
.m35 {margin: 35px !important;}
.m40 {margin: 40px !important;}
.m45 {margin: 45px !important;}
.m50 {margin: 50px !important;}
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml100 {margin-left: 100px !important;}
.mt0 {margin-top: 0px !important;}
.mt2 {margin-top: 2px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt41 {margin-top: 41px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb2 {margin-bottom: 2px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.mt-10 {margin-top: -10px !important;}
.mt-15 {margin-top: -15px !important;}
.mb-10 {margin-bottom: -10px !important;}

.lh10 {line-height: 1.0 !important;}
.lh11 {line-height: 1.1 !important;}
.lh12 {line-height: 1.2 !important;}
.lh13 {line-height: 1.3 !important;}
.lh14 {line-height: 1.4 !important;}
.lh15 {line-height: 1.5 !important;}

.ht100 {min-height: 100px !important; max-height: 100px !important;}
.ht150 {min-height: 150px !important; max-height: 150px !important;}
.ht200 {min-height: 200px !important; max-height: 200px !important;}
.ht250 {min-height: 250px !important; max-height: 250px !important;}
.ht300 {min-height: 300px !important; max-height: 300px !important;}
.ht350 {min-height: 350px !important; max-height: 350px !important;}
.ht400 {min-height: 400px !important; max-height: 400px !important;}
.ht450 {min-height: 450px !important; max-height: 450px !important;}
.ht500 {min-height: 500px !important; max-height: 500px !important;}

.black {color: #000 !important;}
.gray {color: #999 !important;}
.white {color: #ffffff !important;}

.fs10i {font-size: 10px !important;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px!important;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fleft {float: left;}
.fright {float: right;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.txtnowrap {white-space: nowrap !important;}
.fwb {font-weight: 700 !important;}
.fwn {font-weight: normal !important;}

.clr_gen { color: #0098cb !important;}
.clr_inv { color: #269800 !important;}
.clr_ply { color: #cb0032 !important;}

/*bgcolor*/
.bgdgray { background-color: #333333; }
.bglblue { background-color: #406192; }
.bglrgray { background-color: #efefef!important; }
.bglrrgray { background-color: #e1e1e1!important; }
.bgnone { background: none !important; }
.bgwhite { background-color: #fff !important; }

.no-overhang-tbl {
  /* table-layout: fixed; */
  word-break: break-all;
  word-wrap: break-word;
}

#topcontrol {
  border: 1px solid #ccc;
  border-radius: 50%;
}

.clearfix:after {
  display:block;
  content:"";
  visibility:hidden;
  height:0;
  clear:both;
}

.color1 {
  color: #FF0033;
}

.valign-t { vertical-align: top !important; }
.valign-m { vertical-align: middle !important; }
.valign-b { vertical-align: bottom !important; }

.dip-block {
  display: block !important;
}

#header {
  position: relative;
  height: 50px;
  width: auto;
  color: #333;
  background: #e6002d;
  background: -moz-linear-gradient(-45deg, #e6002d 70%, #e6002d 70%, #000 100%);
  background: -webkit-linear-gradient(-45deg, #e6002d 70%,#e6002d 70%,#000 100%);
  background: linear-gradient(135deg, #e6002d 70%,#e6002d 70%,#000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6002d', endColorstr='#000',GradientType=1 );
}

#header h1 {
  position: absolute;
  left: 65px;
  top: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

#header h1 img {
  height: 40px;
}

#logo {
  position: absolute;
  left: 10px;
  top: 5px;
}

#logo a  {
  display: table;
  height: 100%;
}

.s-emblem {
  height: 40px;
  vertical-align: middle;
}

.s-logo {
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
}

#loginUser {
  position: absolute;
  right: 10px;
  top: 24px;
  color: #fff;
  font-weight: 700;
  z-index: 1010;
}

#logout {
  position: absolute;
  right: 10px;
  top: 5px;
}

#logout a {
  color:#fff;
  font-weight: 700;
}

#container {
  clear: both;
  margin: auto;
  background-color: #fff;
  padding: 1em 2em;
}

#container a:hover img {
  filter: Alpha(opacity=70);
  opacity: 0.7;
}

#main {
  width: 100%;
}

#content {
  width: 100%;
}

#content_inner {
}

#leftside {
  width: 170px;
  float: left;
  margin: 20px 0;
  padding-left: 20px;
}

#rightside {
  width: 300px;
  float: right;
  margin: 20px 0;
  padding-right: 20px;
}

#footer {
  clear: both;
  width: 100%;
  bottom: 0;
  height: 50px;
  position: absolute;
  background: #000000;
  background: -moz-linear-gradient(-45deg, #000 0%, #e6002d 25%);
  background: -webkit-linear-gradient(-45deg, #000 0%, #e6002d 25%);
  background: linear-gradient(135deg, #000 0%, #e6002d 25%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#e6002d',GradientType=1 );
}

#footer_inner {
  padding: 10px;
}

#footer p {
  font-size: 10px;
  text-align: center;
  color: #fff;
}

#footmenu {
  margin-bottom: 8px;
  text-align: center;
}

#footmenu li {
  padding-left: 15px;
  margin-left: 15px;
  border-left: solid 1px #949495;
  display: inline;
  list-style-type: none;
}

#footmenu li.first {
  border-left: none;
}

.nav {
  height: 30px;
  width: auto;
  border-bottom: solid 1px #ff0000;
  background-image: url(../img/menu.gif);
}

.nav a{
  width: 170px;
}

.nav li {
  float: left;
  font-weight: 700;
  border-right: solid 1px #ccc;
  background-image: url(../img/menu.gif);
}

.nav li:hover {
  border-right: solid 1px #B7B7B7;
  background-position: 0 -50px;
}

.nav li a {
  /* width: 220px; */
  font-size: 12px;
  color: #000;
  line-height: 30px;
  text-decoration: none;
  padding: 0px 15px;
  text-align: center;
}

div.nav > ul > li > a {
  display: block;
  width: auto;
}

.nav, .nav li a {
  background-repeat: repeat-x;
}

.nav li ul li a {
  text-align: left;
  text-indent: 0.5em;
}

.nav li a:hover {
  background-position: 0 -50px;
}

.nav li ul {
  display: none;
  margin: 0px 0px 0px -1px;
  box-shadow: 1px 1px 1px #ddd;
  border-top: 1px solid #f00;
}

.nav li:hover ul {
  display: block;
  position: absolute;
  z-index: 99999;
}

.nav li ul li {
  float: none;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.nav .nav_manual {
  float: right;
  border-left: 1px solid #ccc;
  background-image: url(../img/menu.gif);
}

.nav .nav_single {
  float: right;
  padding: 0 20px;
  border-left: 1px solid #ccc;
  background-image: url(../img/menu.gif);
}

.nav .nav_single:hover,
.nav .nav_single:focus,
.nav .nav_single:active {
  border-left: 1px solid #B7B7B7;
  background-position: 0 -50px;
}

.nav .nav_single a {
  display: block;
  width: 100%;
  text-align: center;
  color: #000;
  font-weight: 700;
  line-height: 30px;
}

.nav .nav_single a:hover,
.nav .nav_single a:focus,
.nav .nav_single a:active {
  text-decoration: none;
}

.post {
  clear: both;
  width: auto;
  position: relative;
}

.post h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: #000;
  border-left: 15px solid #e6002d;
  padding: 3px 0 3px 15px;
  margin: 0 -10px;
}

.post ul {
  margin-bottom: 15px;
}

.newlist {
  margin-bottom: 15px;
}

.newlist dl {
  width: auto;
  height: 200px;
  overflow: auto;
  padding-left: 5px;
  text-align: left;
}

.newlist dt {
  font-weight: bold;
  color: #f00000;
}

.newlist dd {
  border-bottom: 1px solid #ccc;
  margin: 5px 10px 10px 5px;
}

.img {
  padding: 10px;
}

.imglist {
  width: 100%;
}

.imglistbox {
  float: left;
  height: 180px;
  width: 204px;
  padding: 2px;
  margin: 0 1%;
  margin-bottom: 20px;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  border: 1px solid #ccc;
}

.imglistbox img {
  margin: 2px 0;
}

#leftside h2 {
  padding-left: 10px;
  margin: 0;
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  background-image: url(../img/sidemenutop.gif);
}

.sidemenu {
  width: 170px;
  overflow: hidden;
  margin-bottom: 10px;
}

.sidemenu li {
  margin-bottom: 0px;
  border-bottom: solid 1px #dcdcdc;
  list-style-type: none;
}

.sidemenu li a {
  padding-left: 20px;
  color: #333;
  line-height: 30px;
  text-decoration: none;
  display: block;
  background-image: url(../img/sidemenu.gif);
  background-repeat: no-repeat;
}

.sidemenu li a:hover {
  background-position: 0 -40px;
}

#scroll {
  position: relative;
  margin-top: 10px;
}

#scroll h3 {
  margin-bottom: 0;
  font-size: 12px;
  color: #008000;
}

#scroll ul {
  margin-left: 10px;
}

#scroll li li {
  padding-left: 10px;
  font-size: 11px;
  background-position: 0px 5px;
  padding-left: 15px;
  background-image: url(../img/arrow2.gif);
  background-repeat: no-repeat;
}

hr {
  margin:10px 0;
}

.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.tableBox, .transBbox {
  margin: 2em 0;
}

.tableBox table,
.transBbox table {
  border: 1px solid #ccc;
  width: 100%;
  font-size: 12px;
}

.tableBox table thead th, .transBbox table thead th {
  padding: 0 5px;
  background: #303841;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}

.transactiontable .tableBox table thead th, .transBbox table thead th {
  vertical-align: top;
}

.tblboxcontent2 thead tr th {
  color: #000;
  background: #E7E6E1;
}

.tableBox table thead th:last-child, .transBbox table thead th:last-child {
  border-right: 1px solid #ccc;
}

.tableBox table thead th.w50 {
  width: 50px;
}

.datebox {
  width: 100px;
  font-size: 12px;
}

.inputbox {
  width: 250px;
  font-size: 12px;
}

.tableBox table tbody th, .tableBox table tbody td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  padding: 8px;
  margin: 0px;
  position: relative;
  line-height: 1.3;
}

.revtop {
  position: absolute;
  top: 10px;
  left: auto;
}

.revbtm {
  position: absolute;
  bottom: 10px;
  left: auto;
}

.tableBox table tbody tr:hover {
  background: #f7dfdf;
}
.tableBox table .innertb {
  border: none;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.tableBox table .innertb tbody th, .tableBox table .innertb tbody td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}

.tableBox table .innertb tbody td.brbot {
  border-bottom: none !important;
}

.tableBox table .innertb tbody td.brright {
  border-right: none !important;
}

.chkbox {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chkbox input {
  position: absolute;
  opacity: 0;
}

.checkmarkUnselect {
  height: 15px;
  width: 15px;
  background-color: #ccc;
  display: inherit !important;
  margin: 0 auto;
}

.checkmark, .checkmark2, .checkmark3, .checkmark4 {
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: inherit !important;
  margin: 0 auto;
}

.chkbox:hover input ~ .checkmark, .chkbox:hover input ~ .checkmark2, .chkbox:hover input ~ .checkmark3, .chkbox:hover input ~ .checkmark4 {
  background-color: #ccc;
}

.chkbox input:checked ~ .checkmark, .chkbox input:checked ~ .checkmark2, .chkbox input:checked ~ .checkmark3, .chkbox input:checked ~ .checkmark4 {
  background-color: #2196F3;
}

.checkmark:after, .checkmark2:after, .checkmark3:after, .checkmark4:after {
  content: "";
  position: absolute;
  display: none;
}

.chkbox input:checked ~ .checkmark:after, .chkbox input:checked ~ .checkmark2:after, .chkbox input:checked ~ .checkmark3:after, .chkbox input:checked ~ .checkmark4:after {
    display: block;
}

.chkbox .checkmark:after {
  left: 11px;
  top: 1px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.chkbox .checkmark2:after {
  left: 23px;
  top: 1px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.chkbox .checkmark3:after {
  left: 40%;
  top: 1px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.chkbox .checkmark4:after {
  left: 41px;
  top: 1px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.groupfile{
  margin:20px 0px 0px 0px;
  position:relative;
}

/* common class  */
.nbr {
  border:none!important; border-right:none!important;
}

.combt {
  width: 90px;
  padding: 5px;
  font-size: 12px;
  border: 1px solid #999;
  background: linear-gradient(#fff, #ccc);
  margin-bottom: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.tableBox table.tablesorter span {
  display: block;
}

.block {
  display: block;
}

.arrowup {
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: -24px;
  left: 10px;
  font-size: 20px;
  color: #ccc;
}

.pagenationBox {
  margin : 1em auto 2em;
}

.pagenationBox ul.pagenation {
  display: table;
  margin: 0 auto;
}

.pagenationBox ul.pagenation li {
  width: 30px;
  height: 30px;
  margin: 10px 2px 0 2px;
  float: left;
  color : #E5002C !important;
  font-weight: bold;
  text-align: center;
  line-height: 31px;
}

.pagenationBox ul.pagenation li a {
  display: block;
  color: #000;
  font-weight: normal;
  background-color: #eee;
  border: 1px solid #ccc;
}

.pagenationBox ul.pagenation li a:hover {
  background-color: #ccc;
}

/* beforeで枠線の三角を表現 */
.allAtonceBox::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 15px;
  top: -10px;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #ccc;
  border-left: 5px solid transparent;
}

/* beforeで本体の三角を表現 */
.allAtonceBox::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 15px;
  top: -8px;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 5px solid transparent;
}

.allAtonceBox dl {
  border: 1px solid #ccc;
  padding: 1em 1em 0;
  border-radius: 5px;
  display: inline-block;
}

.allAtonceBox dl dt, .allAtonceBox dl dd {
  float: left;
  margin:0.25em;
}

.allAtonceBox dl dt {
  font-size: 12px;
  margin-right: 1em;
  border-right: 1px solid #ccc;
  padding-right: 0.7em;
  font-weight: bold;
  color: #666;
}


.relativeActBox dl {
  border: 1px solid #ccc;
  padding: 1em 1em 1em;
  border-radius: 5px;
  display: inline-block;
}

.relativeActBox dl dt, .relativeActBox dl dd {
  float: left;
  margin: 0.25em;
}

.relativeActBox dl dt {
  font-size: 12px;
  margin-right: 1em;
  border-right: 1px solid #ccc;
  padding-right: 0.7em;
  font-weight: bold;
  color: #666;
  line-height: 30px;
}

.searchBox {
  width: 100%;
  margin: 1em 0 2em 0;
  font-size: 12px;
}

.searchBox dl {
  border: 1px solid #ccc;
  padding: 1em;
  border-radius: 5px;
}

.searchBox dl dt, .searchBox dl dd {
  float: left;
  margin: 0.25em 2em 0.25em 0.25em;
}

.searchBox dl dt {
  font-size: 12px;
  margin-right: 1em;
  border-right: 1px solid #ccc;
  padding-right: 0.7em;
  font-weight: bold;
  color: #999;
}

.searchBox .tborder {
  border: 1px solid #ccc;
  padding: 1em;
  border-radius: 3px;
}

.searchBox .tborder table {
  width: 100%;
  border: 1px solid #ccc;
  margin: 0px 0px 10px 0px;
  font-size: 10px;
  font-weight: 700;
 }

.searchBox .tborder table tr td {
  padding: 3px 5px;
  border: 1px solid #ccc;
 }

.searchBox .tborder table tr td:nth-child(1), .searchBox .tborder table tr td:nth-child(3n) {
  width: 20%;
  font-size: 12px;
  text-align: left;
  background: #E7E6E1;
  white-space: nowrap;
}

 .searchBox .tborder dl dt {
  color: #666;
 }

.formBtn {
  position: relative;
  font-size: 12px;
  padding: 5px 10px;
  color: #FFF;
  text-decoration: none;
  background: #242424;
  border-bottom: solid 2px #333;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

a.formBtn {
  text-decoration: none;
}

.formBtn.fbl {
  font-size: 14px;
  letter-spacing: 3px;
  text-decoration: none;
}

.remodal-wrapper .formBtn {
  padding: 0.35em 0.5em 0.25em;
}

.remodal-wrapper table .formBtn {
    padding: 0.35em 0.75em 0.35em;
}

.remodal h1 {
  font-size: 14px;
}

.formBtn:hover {
  background: #4e4e4e;
  border-bottom: solid 2px #484848;
  color: #fff;
}

.formBtn:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
  background:#696969;
  border-bottom:solid 2px #484848;
  border-bottom-color: rgba(0, 0, 0, 0.30);
}

.formBtn:disabled, .formBtn.btnDisable, .formBtn.disabled {
  background: #ccc;
  color: #666;
  border-color: #999;
  border-bottom-width: 0;
  text-decoration:none;
  cursor: default;
}

.formBtn.w8em {
  width:8em;
}

.modalSwitch + span {
  margin-left:10px;
}

.form-style-2 {
  max-width: 500px;
  padding: 20px 12px 10px 20px;
  font: 13px Arial, Helvetica, sans-serif;
}

.form-style-2-heading {
  font-weight: bold;
  font-style: italic;
  border-bottom: 2px solid #ddd;
  margin-bottom: 20px;
  font-size: 15px;
  padding-bottom: 3px;
}

.form-style-2 label {
  display: block;
  margin: 0px 0px 15px 0px;
}

.form-style-2 label > span {
  width: 100px;
  font-weight: bold;
  float: left;
  padding-top: 8px;
  padding-right: 5px;
}

.form-style-2 span.required {
  color:red;
}

.form-style-2 .tel-number-field {
  width: 40px;
  text-align: center;
}

.form-style-2 input.input-field {
  width: 48%;
}

.form-style-2 input.input-field, .form-style-2 .tel-number-field, .form-style-2 .textarea-field, .form-style-2 .select-field {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #C2C2C2;
  box-shadow: 1px 1px 4px #EBEBEB;
  -moz-box-shadow: 1px 1px 4px #EBEBEB;
  -webkit-box-shadow: 1px 1px 4px #EBEBEB;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 7px;
  outline: none;
}

.form-style-2 .input-field:focus, .form-style-2 .tel-number-field:focus, .form-style-2 .textarea-field:focus, .form-style-2 .select-field:focus {
  border: 1px solid #0C0;
}

.form-style-2 .textarea-field {
  height:100px;
  width: 55%;
}

.form-style-2 input[type=submit], .form-style-2 input[type=button] {
  border: none;
  padding: 8px 15px 8px 15px;
  background: #FF8500;
  color: #fff;
  box-shadow: 1px 1px 4px #DADADA;
  -moz-box-shadow: 1px 1px 4px #DADADA;
  -webkit-box-shadow: 1px 1px 4px #DADADA;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.form-style-2 input[type=submit]:hover, .form-style-2 input[type=button]:hover {
  background: #EA7B00;
  color: #fff;
}

/* form parts*/
select {
  font-size: 12px;
  padding: 0.25em 0.25em 0.5em;
  border-radius: 5px;
  padding: 0 0.25em 0.25em;
}

input {
  font-size: 12px;
  padding: 0.25em 0.25em 0.5em;
  vertical-align: middle;
}

input[type="button"] {
  outline: none;
  border-radius: 3px;
  padding: 0.25em 1em;
}

input[type="text"], input[type="password"], input[type="email"], textarea,select {
  outline: none;
  border: 1px solid #aaa;
  -webkit-transition: all .3s;
  transition: all .3s;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
  box-shadow: 0 0 7px #e5002c;
  border: 1px solid #e5002c;
}

table.tablesorter thead tr .header {
  background-repeat: no-repeat;
  background-position:100%;
  cursor: pointer;
}

table.tablesorter thead tr .hdis {
  background-repeat: no-repeat;
  background-position:100%;
  cursor: pointer;
}

table.tablesorter thead th.hbgnone {
  background-image: none !important;
}

table.tablesorter thead tr a {
  display: block;
  color: #fff;
  text-decoration: none;
}

table.tablesorter thead tr a.asc {
  background-image: url(../img/asc.gif);
  background-repeat: no-repeat;
  background-position: right;
}

table.tablesorter thead tr a.desc {
  background-image: url(../img/desc.gif);
  background-repeat: no-repeat;
  background-position: right;
}

/* tabs 01 */
.ui-widget.ui-widget-content {
  border: none !important;
}

.tabselect {
  background: none !important;
  color: #333;
  font-weight: bold;
  padding: 0px 0px 10px 0px;
}

.tabtitle, .htitle {
  font-size: 14px;
  color: #fff;
  border-top: 1px solid #e6002d;
  border-left: 5px solid #e6002d;
  border-bottom: 1px solid #000;
  background: #53636d;
  padding: 3px 0 3px 10px;
  line-height: 1.5;
  margin: 15px 0 5px;
}

h3.htitle {
  border-bottom: 1px solid #858585;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #ccc !important;
  background: #ccc !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -2px !important;
  padding-bottom: 0px !important;
}

.tabcontent {
  padding: 0px 0px 10px 0px;
  margin: 0px auto;
}

.tabcontent dl {
  border: 1px solid #ddd;
  width: 95%;
  margin: 0 auto;
}

.tabcontent dl dt, .tabcontent dl dd {
  float:left;
  padding:10px;
}

.tabcontent dl dt {
  width:200px;
  border-right:1px solid #ddd;
}

input[type='file'] {
  width: auto !important;
  border: none !important;
  background: none !important;
  color: #fff;
}

label.uploader {
  display: inline-block;
  margin: 5px 0;
  padding: 0 10px;
  width: 70px;
  font-size: 100%;
  text-align: center;
}

label.uploader > input {
  display:none;
}

.labelcolor {
  color:#999;
}

.tabcontent dl dt input, .tabcontent table input {
  width: 90px;
  padding: 5px;
  font-size: 12px;
  border: 1px solid #999;
  background: linear-gradient(#fff, #ccc);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom: 5px;
}

.tabcontent dl.regbtn, .tabcontent dl.regbtn dt {
  border: none;
  margin-bottom: 5px;
}

.tabcontent table {
  width: 95%;
  margin: 0 auto 20px auto;
}

.tabcontent table tr td {
  padding: 10px 10px 10px 10px;
}

.tabcontent table tr td:nth-child(1) {
  width: 10%;
}

.tabcontent table tr td:nth-child(2n) {
  width: 35%;
}

.tabcontent table tr td:nth-child(3n) {
  width: 5%;
}

.tabcontent table tr td:nth-child(4n) {
  width: 35%;
}

.tabcontent table tr td:nth-child(5n) {
  width: 50%;
}

.tabcontent table.tabtable {
  width: 95%;
}

.tblboxcontent1 {
  width: 100% !important;
  margin: 0 auto 20px auto;
  border: none !important;
  font-size: 12px !important;
  color: #000;
}

.tblboxcontent1 tr:hover {
  background: none !important;
}

.tblboxcontent1 tr td {
  border-right: none !important;
  border-bottom: none !important;
}

.tblboxcontent1 tr td input {
  width: 90px;
  padding: 5px;
  font-size: 12px;
  border: 1px solid #999;
  background: linear-gradient(#fff, #ccc);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.tabcontent table.tabtable thead tr th, .tabcontent table.tabtable2 thead tr th {
  background: #555;
  vertical-align: middle;
  color: #fff;
  font-weight: 700;
  padding: 10px 0px;
}

.tblboxcontent2 thead tr th {
  padding: 10px 10px;
}

.tblboxcontent2 tbody tr:hover {
  background: none !important;
}

.tblboxcontent2 tbody tr td {
  padding: 5px 5px;
  border: 1px solid #ddd;
  height: 31px;
}

.tabcontent table.tabtable thead tr th, .tabcontent table.tabtable tr td, .tabcontent table.tabtable2 thead tr th, .tabcontent table.tabtable2 tr td {
  text-align: center;
  border: 1px solid #ddd;
}

.tabcontent table.tabtable tr td:nth-child(2) {
  text-align: left;
  padding: 0px 20px;
}

.valignTop{
  vertical-align: top !important;
}
.valignMid{
  vertical-align: middle !important;
}

.valign {
  vertical-align: bottom;
}

.tabcontent table.tabtable2 tr td {
  text-align: center;
  border: 1px solid #ddd;
  width: auto!important;
  padding: 10px 10px;
}

.transBbox table, .remodal table {
  border: 1px solid #ccc;
  margin: 0 auto 20px  auto;
}

.transBbox table thead th, .transBbox table tbody td, .remodal table tbody th, .remodal table tbody td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  padding: .5em 1em;
  margin: 0px;
  position: relative;
}

.transBbox table tbody .datenamebg, .remodal table tbody .datenamebg {
  background: #E7E6E1;
}

.transBbox table tbody .datenamebgLt, .remodal table tbody .datenamebgLt {
  background: #fafafa;
}

tbody td.datenamebg.required::after {
  border: 1px solid #e5002c;
  background: #fff;
  content: "必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #e5002c;
  float: right;
  display: block;
  font-weight: bold;
}

thead th.required::after {
  width: 20px;
  margin: 0 0.2em;
  border: 1px solid #e5002c;
  background: #fff;
  content: "必須";
  padding: 0.2em 0.5em;
  font-size: 9px;
  color: #e5002c;
  font-weight: bold;
}

tbody td.datenamebg.requiredContract::after {
  border: 1px solid #666;
  background: #fff;
  content: "契約時必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #666;
  float: right;
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1.1em;
}

table th.requiredContract::after {
  width: 50px;
  margin: 0 auto;
  border: 1px solid #666;
  background: #fff;
  content: "契約時必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #666;
  display: block;
  font-weight: bold;
}

tbody td.datenamebg.requiredInvoice::after {
  border: 1px solid #666;
  background: #fff;
  width: 8em;
  content: "請求書発行時必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #666;
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1.1em;
  height: 2em;
}

thead th.requiredInvoice::after {
  width: 8em;
  margin: 0 auto;
  border: 1px solid #666;
  background: #fff;
  content: "請求書発行時必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #666;
  display: block;
  font-weight: bold;
}

tbody tr.sumtop td{
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #ccc;
}

#keiyakuItem {
  margin-top: 0.5em;
}

.chosen-container.chosen-container-single {
  width: 130px !important;
}

.long .chosen-container.chosen-container-single {
  width: 300px !important;
}

.longest .chosen-container.chosen-container-single {
  width: 100% !important;
}

.middle .chosen-container.chosen-container-single {
  width: 200px !important;
}

.short .chosen-container.chosen-container-single {
  width: 60px !important;
}

.centerLeft .chosen-container.chosen-container-single{
  text-align: left !important;
}

#keiyaku_list_table .chosen-container.chosen-container-single {
  width: 90% !important;
}

#gaichu_list_table .chosen-container.chosen-container-single {
  width: 70px !important;
}

.talighR {
  text-align: right;
}

.talighC {
  text-align: center;
}

.data.num {
  display: inline-block;
  text-align: right;
  width: 8em;
}

.historyArea {
  background: #eaeaea;
  width: 37%;
}

.historyArea table td {
  background: #fff;
}

.bg_gray_lt {
  background: #fafafa;
}

.bg_gray_lt2 {
  background: #eaeaea;
}

.bg_gray_md {
  background: #ccc;
}

.bg_gray_dk {
  background: #aaa;
}

table.innerDevTable, table.innerDevTable tr, table.innerDevTable td {
  border: none !important;
}

table.innerDevTable {
}

table.innerDevTable tr:first-child td {
  border-bottom: 1px solid #ccc !important;
}

table.innerDevTable tr td {
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 31px;
}

.innerDevTable .innerBorderedTable thead th {
  background: #ddd;
  color: #333;
}

.innerDevTable .innerBorderedTable td {
  border-right: 1px solid #ccc!important;
  border-bottom: 1px solid #ccc!important;
}

.remodal a.formBtn i {
  position: relative;
  margin-right: 2px;
  font-size: 12px;
}

.remodal a.formBtn.fbl i {
  position: relative;
  margin-right: -5px;
  top: 1px;
  font-size: 16px;
}

.gameModal01 .teamName .chosen-container.chosen-container-single, .gameModal01 .teamName .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active, .gameModal01 .teamName .chosen-drop, .gameModal01 .teamName .chosen-single {
  width: 180px !important;
}

.tscroll {
  position: relative;
  margin: auto;
  overflow: hidden;
  width: 100%;
}

.twrap {
  width: 100%;
  overflow: auto;
}

.tscroll table {
  width: 120%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

#PLS001 .tscroll table {
  width: 160%;
}

#PLS001 .tscroll table span {
  color:#E00
}

.tscroll th, .tscroll td {
  padding:5px 10px;
}

.tscroll th, .tscroll td.bold {
  font-weight: bold;
}

.tscroll thead tr th {
  background: #ddd !important;
  color: #000;
  font-weight: normal;
  white-space: nowrap;
}

.tscroll tbody tr td.gbgcolor {
  background:#eee!important;
}

#tscroll thead th.white {
  background: #fff !important;
}

#tscroll thead td {
  border-right: 1px solid #ddd !important;
}

#tscroll thead td.hfixside {
  background: #fff !important;
}

#tscroll td.semiTotal {
  background: #fafafa !important;
}

#tscroll th.bold {
  font-weight: 700 !important;
}

#tscroll tr.bgYline td, #tscroll tr.bgYline th, #tscroll tr.bgGline th, #tscroll tr.bgGline td {
  font-weight: 700 !important;
}

#tscroll .bgY, #tscroll tr.bgYline td, #tscroll tr.bgYline th {
  background: #fffec3 !important;
}

#tscroll .bgO, #tscroll tr.bgOline td, #tscroll tr.bgOline th {
  background: #ffe7ba;
}

#tscroll .bgG, #tscroll tr.bgGline td, #tscroll tr.bgGline th {
  background: #d8ffdf !important;
}

#tscroll .bgB, #tscroll tr.bgBline td, #tscroll tr.bgBline th {
  background: #ecffff;
}

#tscroll .bgR, #tscroll tr.bgRline td, #tscroll tr.bgRline th {
  background: #ffc3c3;
  font-weight: 700;
}

#tscroll .bgY2, #tscroll tr.bgY2line td, #tscroll tr.bgY2line th {
  background: #fffec3 !important;
}

#tscroll .bgG2, #tscroll tr.bgG2line td, #tscroll tr.bgG2line th {
  background: #d8ffdf;
}

#tscroll .bBdrRight {
  border-right: 1px solid #999;
}

#tscroll .bBdrRightDot {
  border-right: 1px solid #f00;
}

#tscroll tr.bBdrBottom td, #tscroll tr.bBdrBottom th, #tscroll tr td.bBdrBottom, #tscroll tr th.bBdrBottom {
  border-bottom: 1px solid #999;
  min-width: 65px;
}

.cssscroll {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.cssscroll th, .cssscroll td {
  visibility: hidden;
}

.cssscroll td, .cssscroll th {
  border-color: transparent;
}

.cssscroll tbody th {
  visibility:visible;
}

.cssscroll .fixside {
  background: #fff;
  visibility: visible;
}

.cssscroll .hfixside {
  background: #555;
  visibility: visible;
}

.cssscroll thead {
  background: transparent;
}

table.modaltable thead th {
  background: #555;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  color: #fff;
}

table.modaltable thead th {
  background: #555;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  color: #fff;
  white-space: nowrap;
}

table.modaltable tr td.innertd, table.modaltable tr td.innertd table {
  padding: 0px;
  margin: 0px;
  height: 10px;
}

table.modaltable tr td.innertd table {
  width: 100%;
  height: 100%;
  border: none;
}

table.modaltable tr td.innertd table tr td {
  border-right: none;
  border-bottom: 1px solid #ccc;
  padding: 15px 0px;
}

table.vewboxSelect tr td.innertd table tr td {
  padding: 0px !important;
}

table.modaltable tr td.innertd table tr td.nborder {
  border-bottom: none;
}

.caption {
  margin: 0 5px;
  font-weight: normal;
  color: #888;
}

.notice {
  margin: 0 5px;
  font-weight: normal;
  color: #000;
  font-size: 10px;
}

.importance {
  font-weight: bold;
  color: #000;
}

.strong-message,
.strong-message a {
  font-weight: bold;
  color: #ff0000;
}
.strong-message a {
  text-decoration: underline;
}
.strong-message a:hover {
  color: #999;
}

div.error-message {
  color: #ff0000;
  font-weight: bold;
}

.mtable thead tr th {
  background: #fff !important;
}

.mtable.income tbody tr td,
.mtable.gameBalance tbody tr td{
  white-space: nowrap;
}

.mtable thead tr:first-child th, .mtable tbody tr:last-child td {
  background: #537791 !important;
  color: #fff;
}

.mtable thead tr:nth-of-type(2) th {
  background: #C1C0B9 !important;
}

.mtable .head-bg, .mtable thead tr:nth-of-type(2) th.head-bg, .mtable thead tr:nth-of-type(4) th, .mtable.income thead tr:last-child th {
  background: #E7E6E1 !important;
}

.mtable thead tr:nth-of-type(3) th, .mtable.income tbody tr:first-child td, #tscroll .income td.semiTotal, #tscroll .gameBalance td.semiTotal {
  background: #F7F6E7 !important;
  color: #333 !important;
}

.mtable thead th.kakutei span {
  color: #ff0 !important;
  margin-left: 0.2em;
}

#tscroll .gameBalance td.subTotal {
  color: #333 !important;
}

#tscroll .gameBalance td.income {
  background: #e0ffff !important;
}

#tscroll .gameBalance td.cost {
  background: #ffffe0 !important;
}

#tscroll .gameBalance td.balance {
  background: #ffe4e1 !important;
}

#tscroll .gameBalance td.balance span.plus {
  color: #000000 !important;
}

#tscroll .gameBalance td.balance span.minus {
  color: #ff0000 !important;
}

.salesTotal {
  font-size:11px;
  line-height: 1.5;
}

.salesTotal div{
  font-weight: 700 !important;
  font-size:16px ;
}

.vew-schedule-caption span {
  margin-right: 10px;
}

.vew-schedule-caption.top {
  margin-top: 15px;
  margin-bottom: -10px;
}

.vew-schedule-caption.bottom {
  margin-top: -10px;
  margin-bottom: 15px;
}

.vertical-txt, .vertical-txt span{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: center;
  line-height: 2.5;
  vertical-align: top !important;
  letter-spacing: 0.25em;
}

table.psmtable thead tr.bgblueth th {
  background: #537791 !important;
  color: #fff;
}

table.psmtable tbody tr.bgwhite {
  background: #fff !important;
  color: #333;
}

table.psmtable tbody tr:hover {
  background: #f7dfdf !important;
}

tr.selectable {
  cursor: pointer;
}

tr.selectable.active, tr.selectable.active:hover {
  background-color: #ff9999;
}

/*tkt*/
table.tkt, table.tkt tr, table.tkt tr td {
  border: none;
  width: 150px;
  padding: 0 5px;
  margin: 0px;
}

.tkthref {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.tkthref a {
  background: #242424;
  width: 150px;
  display: block;
  text-align: center;
  font-size: 10px !important;
}

.tkthref.registDone a {
  background: #aaa;
  border-bottom: solid 2px #999;
}

.tkthref div {
  display: inline;
}

.tkthref .formBtn2 {
  display: block;
  position: relative;
  font-size: 10px;
  padding: 5px 10px;
  text-decoration: none;
  color: #FFF;
}

ul#tktul li {
  float: left;
  margin: 0px 5px;
}

ul#tktul li a {
  color: #000000;
  text-decoration: underline;
  font-size: 9.2px;
}

table.tkttable tr td {
  padding: 5px;
  white-space: nowrap;
}

table.tkttable tr td th {
  white-space: nowrap;
}

#innerTbleReq {
  border: 1px solid #e5002c;
  background: #fff;
  padding: 0 0.5em;
  font-size: 9px;
  color: #e5002c;
  float: right;
  display: block;
  font-weight: bold;
}

.AlignRight {
  position: absolute;
  right: 10px;
}
.vtext{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
.vtext a {
  text-decoration: overline;
}

.transBbox table.outerTbl {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-collapse: collapse;
}

.transBbox table.outerTbl td.outerTbltd {
  border: none !important;
  padding: 0px !important;
  margin: 0px !important;
  vertical-align: top !important;
}

.transBbox table.outerTbl td.outerTbltd table {
  margin: 0px;
}

.transBbox table.outerTbl td.outerTbltd table.boldTbl {
  border: 2px solid #999;
}

.transBbox table.outerTbl td.outerTbltd table.boldTblMid {
  border: 2px solid #999;
  border-top: none;
}

.transBbox table.outerTbl td.outerTbltd table td {
  white-space: nowrap !important;
}

.transBbox table.outerTbl td.outerTbltd table.rightTbl {
  margin-top: 1px !important;
}

.verticalScroll {
  overflow-y: scroll;
}

.borderRect {
  border: solid 1px #949495;
}

input:disabled {
  background-color: #eee;
  border-color: #ccc;
}

#TJournalDetailAccountTitleCode_chosen.chosen-container .chosen-results {
  max-height: 90px !important;
}

#TJournalDetailAccountTitleDetailCode_chosen.chosen-container .chosen-results {
  max-height: 90px !important;
}

#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #333;
  opacity: 0.8;
  z-index: 9999;
}

#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  color: #CCC;
  vertical-align: middle;
  padding-top: 140px;
  background: url("/img/gif-load.gif") center center no-repeat;
}

.remodal_merit {
  max-width: 1100px;
  min-width: 1000px;
  padding: 0 20px;
}

.C_attri .checkbox {
  float: left;
}

.C_attri .checkbox label {
  margin: 0 15px 0 5px;
}


.vsCardtbl {
  margin: 10px 0;
}

.vsCardtbl table {
  border: 1px solid #ccc;
  width: 100%;
  font-size:10px;
  text-align: center;
}

.vsCardtbl table thead {
  width: 100%;
  font-size:10px;
  text-align: center;
}

.vsCardtbl table thead th,
.vsCardtbl table tbody td {
  border: 1px solid #ccc;
}

.vsCardtbl table thead th {
  border: 1px solid #ccc;
  background-color: #eee;
}

.bgsTotal {
  margin: 20px 0;
}

.bgsTotal table {
  width: 50%;
  font-size: 10px;
  text-align: center;
}

.bgsTotal table td {
  color: #808080;
  border: 1px solid #ccc;
}

.bgsTotal table tr:first-child td:first-child,
.bgsTotal table tr:first-child td:nth-of-type(2) {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

.bgsTotal table tr:first-child td:first-child {
  background-color: #eeac18;
}

.bgsTotal table tr:first-child td:nth-of-type(2) {
  background-color: #ffedc5;
}

.gbsTbl {
  width: 100%;
}

.gbsTbl .income,
.gbsTbl .cost,
.gbsTbl .gameBalance {
  float: left;
  width: 49%;
  font-size: 10px;
  border: 1px solid #ccc;
}

.gbsTbl .income,
.gbsTbl .gameBalance {
  margin-right: 1%;
}

.gbsTbl .cost {
  margin-left: 1%;
  font-size: 12px;
}

.gbsTbl th,
.gbsTbl td{
  padding: 0 5px;
  vertical-align: middle;
}

.gbsTbl .income thead,
.gbsTbl .cost thead,
.gbsTbl .gameBalance thead {
  color: #fff;
  background-color: #555;
}

.gbsTbl .income tbody,
.gbsTbl .cost tbody,
.gbsTbl .gameBalance tbody {
  border-top: 1px solid #ccc;
}

.gbsTbl .income .subtotal,
.gbsTbl .cost .subtotal,
.gbsTbl .gameBalance .subtotal {
  font-size: 12px;
  font-weight: 700;
}

#tscroll .gameBalance td.subtotal {
    background-color: #def!important;
}

.gbsTbl .income .subtotal td:nth-child(2),
.gbsTbl .income .innertbl table tbody tr:first-child td:nth-child(2)  {
  border-right: 1px solid #ccc;
}

.gbsTbl .income tbody td.innertbl,
.gbsTbl .income tbody td.innertbl .itemTbl,
.gbsTbl .cost tbody td.innertbl {
  padding: 0;
}

.gbsTbl .income tbody td.innertbl table {
  padding: 0;
  float: none;
  width: 100%;
  margin: 0;
  border: 1px solid #ccc;
  border-width: 1px 0 0 1px;
}

.gbsTbl .income tbody td.innertbl table tbody {
  border-bottom: 1px solid #ccc;
}

.gbsTbl .income tbody td.innertbl table tbody:last-child {
  border-bottom: none;
}

.gbsTbl .income tbody td.innertbl table .itemTbl table,
.gbsTbl .income tbody td.innertbl table .itemTbl table tbody {
  border: none;
}

.gbsTbl .income tbody td.innertbl table .itemTbl table tbody tr td,
.gbsTbl .income tbody td.innertbl.itemOnly table tbody tr td {
  border: 1px solid #ccc;
  border-width: 1px 0 0 1px;
}

.gbsTbl table td:before {
  display: block;
  float: left;
  height: 21px;
  content: "";
}

.gbsTbl table tbody td.innertbl .total {
  background-color: #e8f7d2;
}

.gbsTbl table .gbsTbl_total {
  padding: 5px 0;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  background-color: #555;
}

.gbsTbl table .gbsTbl_total .item1 {
  float: left;
  padding-left: 45%;
}

.gbsTbl table .gbsTbl_total .item2 {
  float: right;
  padding-right: 5px;
}

.gbsTbl .cost tbody td.innertbl table {
  width: 100%;
  font-size: 10px;
}

.gbsTbl .cost .single td {
  border-left: 1px solid #ccc;
}

.gbsTbl .cost .multi > tr:first-child td:last-child,
.gbsTbl .cost .multi > tr:first-child td:nth-child(2) {
  border-left: 1px solid #ccc;
}

.gbsTbl .cost .multi .innertbl tr {
  border-bottom: 1px solid #ccc;
}

.gbsTbl .cost .multi .innertbl td {
  border-left: 1px solid #ccc;
}

.gbsTbl .cost .multi .innertbl table tr:last-child {
  border-bottom: none;
}

.extraBox {
  width: 100%;
  text-align: center;
  line-height: 1.3;
}

.extraBox div {
  margin: 20% 0;
}

.extraBox span {
  display: block;
}

.gbsTbl table .itemCell {
  position: relative;
}

.gbsTbl table .itemCell .item {
  position: absolute;
  top: 0px;
  left: 20px;
  font-weight: 700;
  margin: 15px 0;
}

.gbsTbl table .itemCell .itemCellBox div {
  margin: 20px 0;
}

.gbsTbl table .itemCell .itemCellBox span {
  display: block;
  line-height: 1.2;
}

.system_version_footer {
  position: absolute;
  bottom: 5px;
  left: 10px;
  color: #ffffff;
  font-size: 90%;
}

.info_not_set {
  font-size: 1.1em;
  font-weight: bold;
}

.title_header_text {
  font-size: 1.5em;
  font-weight: bold;
  color: #ffffff;
  vertical-align: bottom;
  margin-left: 0.5em;
}

/* 支払用追加 */

tbody td.datenamebg.requiredOrder::after {
  border: 1px solid #666;
  background: #fff;
  content: "発注時必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #666;
  float: right;
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1.1em;
}

table th.requiredOrder::after {
  display: block;
  width: 50px;
  margin: 0 auto;
  border: 1px solid #666;
  background: #fff;
  content: "発注時必須";
  padding: 0 4px;
  font-size: 9px;
  color: #666;
  font-weight: bold;
}

tbody td.datenamebg.requiredPayment::after {
  border: 1px solid #08c;
  background: #fff;
  content: "支払時必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #08c;
  float: right;
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1.1em;
}

table th.requiredPayment::after {
  width: 50px;
  margin: 0 auto;
  border: 1px solid #08c;
  background: #fff;
  content: "支払時必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #08c;
  display: block;
  font-weight: bold;
}

tbody td.datenamebg.requiredRequest::after {
  border: 1px solid #666;
  background: #fff;
  content: "申請時必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #666;
  float: right;
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1.1em;
}

table th.requiredRequest::after {
  width: 50px;
  margin: 0 1em;
  border: 1px solid #666;
  background: #fff;
  content: "申請時必須";
  padding: 0 0.5em;
  font-size: 9px;
  color: #666;
  display: inline-block;
  font-weight: bold;
}

.description {
  font-size: 14px;
  margin: 10px 0 -5px 0;
}

.slide-btn {
  background-color: #ff0000;
  color: #fff;
  font-size: 14px;
  padding: 20px 8px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  position: fixed;
  right:0;
  top:80px;
  z-index: 1000;
  box-shadow: -1px 2px 1px #666;
  cursor: pointer;
}

.slide-open{
  right : -450px;
}

.slide-open.active{
  right : 0px;
}

.slide-btn-open.on.slide-btn{
  right : 449px;
}

.slide-btn:hover {
  background-color: #b10707;
}

.slide-historyArea{
  height: 100%;
  width: 450px;
  top: 0;
  z-index: 9000;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  overflow-y: scroll;
  position: fixed;
}

.slide-historyArea .historyArea {
  width: 95% !important;
  border: 1px solid #ff0000;
  border-width: 0 0 1px 1px;
  height: 97vh;
  overflow: scroll;
}

.status-not {/* 　未ステータス　*/
  color: #dc1c1c !important;
}

.status-act {/* 　申請中ステータス　*/
  color: #4f92fd !important;
}

.status-cmp {/* 　支払済ステータス　*/
  color: #dab10b !important;
}

.tbl_index {
  margin: 0 0 5px 1px;
  padding: 3px 0 3px 5px;
  font-size: 14px;
  border-left: 5px solid #1f87e0;
}

.tbl_index span {
  display: inline-block;
  margin: 0 5px 0 20px;
}


.box-sizing {
  box-sizing: border-box;;
}

.dip-inline {
  display: inline-block !important;
}

.qt_tbl {
  width: auto !important;
  margin: 0 !important;
}

.fixed_box table {
  width: 95%;
  margin: 0 auto;
  background: #fff;
}

.fixed_box {
	width: 100%;
  background: #333;
}

.fixed {
	position: fixed;
	top: 0;
  left: 0;
  padding: 10px 0;
  z-index: 100;
}

.dip-none {
  display: none;
}

.tableBox .total_tbl {
  width: auto;
}

.tableBox .total_tbl thead th {
  padding: 0 20px;
}

.tableBox .total_tbl thead th .bgnone {
  border-right: none;
}

.subttl {
  background: #ddd;
}

.confirm_box {
  float: left;
  position: relative;
}

.confirm_box input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(70%) translateX(50%);
  -webkit-transform: translateY(70%) translateX(50%);
}

.mtable.tktMSlider thead tr:first-child th,.mtable.tktSSlider thead tr:first-child th {
  background: #303841 !important;
}

.mtable.tktMSlider tbody tr:last-child td,.mtable.tktSSlider tbody tr:last-child td {
  background: inherit !important;
  color: #333;
}

.mtable.tktMSlider tbody tr:nth-child(5n) td {
  background: #eee !important;
}

.itbox {
  width: 45%;
}

.itbox input[type="button"]{
  padding: 3px 5px;
  width: 100%;
}
.itbox .btn-link {
  padding: 3px 5px;
  display: block;
  margin-bottom: 3px;
}
.itbox table {
  width:  100%;
  margin-top: 5px;
}

.itbox table tbody tr td {
  padding: 5px 3px;
}

.mtable.tktSSlider .itbox table tbody tr:first-child td {
  background: #eee !important;
}

.mtable.tktSSlider .itbox table tbody tr:last-child td, .mtable.tktSSlider tbody tr:nth-child(3n) td {
  background: #fff !important;
}

.tktSSlider a.tkt-ctl {
  margin: 2px auto;
}

.tktSSlider th {
  min-width: 220px;
}

div.error-message-top {
  margin-top: 10px;
  padding: 5px 10px;
  border: solid 1px #ff0000;
  background-color: #ffe0e0;
}

div.error-message-top p.title {
  color: #ff0000;
  font-size: 14px;
  font-weight: bold;
}

div.error-message-top p.row {
  color: #ff0000;
  font-size: 12px;
}

span.font-medium {
  font-size: 12px;
}

table.customer-accounting-list tr.subtotal td {
  background-color: #fafad2;
  border-bottom-width: 2px;
}

.user-nav {
  height: 30px;
  width: auto;
}

.user-nav a{
  width: 170px;
}

.user-nav li {
  float: left;
  font-weight: 700;
}

.user-nav li:hover {
  color: #000;
}

.user-nav li a {
  /* width: 220px; */
  font-size: 12px;
  color: #FFF;
  line-height: 30px;
  text-decoration: none;
  /* padding: 0px 15px; */
  text-align: center;
}

div.user-nav > ul > li > a {
  display: block;
  width: auto;
}

.user-nav, .user-nav li a {
  background-repeat: repeat-x;
}

.user-nav li ul li a {
  text-align: left;
  text-indent: 0.5em;
  color:#000;
}

.user-nav li a:hover {
  background-position: 0 -50px;
}

.user-nav li ul {
  display: none;
  margin: -4px -10px 0px -1px;
}

.user-nav li:hover ul {
  display: block;
  z-index: 100;
}

.user-nav li ul li {
  float: none;
  font-weight: 700;
  background: #fff;
  /* background: -moz-linear-gradient(-45deg, #e6002d 70%, #e6002d 70%, #000 100%);
  background: -webkit-linear-gradient(-45deg, #e6002d 70%,#e6002d 70%,#000 100%);
  background: linear-gradient(135deg, #e6002d 10%,#e6002d 10%,#000 100%); */
  padding: 4px 10px 0px 0px;
  border-bottom: 1px solid #a7a6a6;
  border-left: 1px solid #a7a6a6;
  box-shadow: -1px 1px 1px #00000040
}

.user-nav li ul li:hover {
  background: #ccc;
}

/*購入伺用購入伺用購入伺用購入伺用購入伺用購入伺用購入伺用*/
.purchase-box input{
  display: none;
}

.purchase-box .formBtn:after{
  color: #fff;
  font-family:"FontAwesome";
  content:" \f078";
}

.purchase-box input:checked ~ .formBtn::after {
  color: #fff;
  font-family:"FontAwesome";
  content:" \f077";
}

.purchase-box div{
  height: 0px;
  padding: 0px;
  overflow: hidden;
  opacity: 0;
}

.purchase-box input:checked ~ div{
  height: auto;
  padding: 10px 5px 5px 5px;
  opacity: 1;
}

.purchase_tbl {
  width: 100%;
}
.purchase_tbl td {
  border: 1px solid #ccc;
  padding: 3px 5px;
  vertical-align: middle;
}

.purchase_tbl .chart {
  text-align: center;
  width: 80px;
}

.purchase_tbl .row-item {
  background: #eaeaea;
}

.purchase_tbl .col-item {
  background: #E7E6E1;
}

.tbl-layout_fix {
  table-layout: fixed;
}

.tscroll .bgtTable thead th {
  padding: 0;
  background: #f6f5f5 !important;
  width: 105px;
}

.tscroll .bgtTable tbody td {
  padding: 5px;
  vertical-align: middle;
  text-align: right;
}

.tscroll .bgtTable tbody td:first-child  {
  vertical-align: top;
}

.tscroll .bgtTable thead .qtr,
.tscroll .bgtTable tfoot .qtr {
  background: #d0d0d0 !important;
}

.tscroll .bgtTable tbody .qtr {
  background: #f6f5f5 !important;
}

.tscroll .bgtTable thead .half,
.tscroll .bgtTable tfoot .half {
  background: #a0a0a0 !important;
}

.tscroll .bgtTable tbody .half {
  background: #e3e3e3 !important;
}

.tscroll .bgtTable thead .full,
.tscroll .bgtTable tfoot .full {
  background: #475e65 !important;
  color: #fff;
}

.tscroll .bgtTable tbody .full {
  background: #94adb5 !important;
}

.transBbox table tfoot td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
  margin: 0px;
  position: relative;
  line-height: 1.3;
}

.tscroll .bgtTable tfoot td {
  background: #f6f5f5;
  text-align: right;
}

.bgt_index {
  min-width: 200px;
}

.bgt_index .part {
  font-size: 14px;
  font-weight: bold;
}

.bgt_index .item {
  margin: 5px;
  border-bottom: 1px solid #4297b1;
}

.submenu-icon {
  position: relative;
  height: 18px;
  width: 18px;
  color: #000;
  background: #e5e5e5;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.submenu-icon a {
  position: absolute;
  display: block;
  color: #000;
  top: 2px;
  right: 8px;
}

.bgtTable thead th .submenu-icon a {
  top: -2px;
}


.bgt_index .submenu-icon:hover {
  background: #bababa;
}

.submenu-box {
  padding: 5px 10px;
  border: 1px solid #666;
  border-radius: 3px;
  box-shadow: 2px 2px 2px #ccc;
  background-color: #FFF;
}

.submenu-box .title {
  font-size: 14px;
  padding-left: 10px;
  border-bottom: 2px solid #bf0025;
}

.submenu-box .nav_link {
  width: 180px;
  margin: 0 10px;
}

.submenu-box .nav_btn {
  /* width: 180px; */
  margin: 10px 10px 0 10px;
}

.link-list {
  margin:0 !important;
  padding:0;
  list-style:none;
  font-size:16px;
}

.link-list li {
  padding: 0;
  margin:0;
  position: relative;
}

.link-list li a {
  display:block;
  width: 100%;
  margin-bottom: 2px;
  padding: 5px 0 5px 10px;
  text-decoration:none;
  color:#666;
  font-size: 12px;
  border-bottom: 1px solid #bdbdbd;
}

.link-list li::after {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  color: #8a8a8a;
  right: 0;
  top: 2px;
}

.link-list li a:hover {
  background: #ececec;
}

.bgt-head {
  margin-top: 20px;
}

.bgt-head .under {
  border-top: 2px solid #999;
}

.cls-title .cls {
  font-size: 10px;
  margin-bottom: -10px;
}

.cls-title .name {
  font-size: 16px;
}

.bgtTable .item {
  white-space: normal;
}

.bgtTable .item i {
  color: #000;
  margin-right: 3px;
}

.item.lev2 { padding-left: 13px; }
.item.lev3 { padding-left: 29px; }
.item.lev4 { padding-left: 45px; }

.separate {
  border-bottom: 2px solid #999;
}

.submenu-box .select-title {
  color: #0044cc;
}

.item-edit-tbl {

}

.tscroll .item-edit-tbl thead th {
  padding: 0;
  background: #f6f5f5 !important;
  width: 105px;
}

.tscroll .item-edit-tbl tbody td {
  padding: 5px;
  vertical-align: middle;
  text-align: right;
}

.tscroll .item-edit-tbl thead .qtr {
  background: #d0d0d0 !important;
}

.tscroll .item-edit-tbl tbody .qtr {
  background: #f6f5f5 !important;
}

.tscroll .item-edit-tbl thead .half {
  background: #a0a0a0 !important;
}

.tscroll .item-edit-tbl tbody .half {
  background: #e3e3e3 !important;
}

.tscroll .item-edit-tbl thead .full {
  background: #475e65 !important;
  color: #fff;
}

.tscroll .item-edit-tbl tbody .full {
  background: #94adb5 !important;
}

.tscroll .item-edit-tbl .sum-body tr:first-child td,
/* .tscroll .item-edit-tbl .sum-body tr:nth-of-type(5) td, */
.tscroll .item-edit-tbl .add-body tr:first-child td {
  background: #f3f5f9;
}

.tscroll .item-edit-tbl .add-body tr:first-child td {
  text-align: center;
}

.apportionBox .apr-btn {
  display: inline-block;
  margin: 0 2px;
  padding : 0 5px;
  color :#666;
  font-weight: bold;
  background :#fff;
  cursor :pointer;
  border: 1px solid #989898;
  border-radius: 4px;
  box-shadow: 1px 1px 1px #666;
}

.apportionBox .apr-btn::after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  padding-left: 3px;
  font-size: 16px;
  color: #820101;
}

.apr-input:checked + .apr-btn::after {
  content: '\f0d8';
}

.apportionBox .apr-btn:hover {
  background :#eee;
}

.apportionBox .apr-input {
  display: none;
}

.apportionBox .apr-box {
  display: none;
  padding: 0;
}

.apr-input:checked + .apr-btn + .apr-box {
  display: block;
  margin-top: 1px;
  padding: 3px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
}

.apr-box .formBtn {
  font-size: 10px;
  padding: 3px 3px;
  width: 36px;
  margin: 0 1px;
}

.BadgetGroup .fa.fa-plus-square.on ,
.BadgetGroup .fa.fa-minus-square.on
{
  display: inline;
}
.BadgetGroup .fa.fa-plus-square.off ,
.BadgetGroup .fa.fa-minus-square.off
{
  display: none;
}


.fstChoiceItem  {
  margin: 0 6px 0 0 !important;
  font-size: 11px !important;
  padding: .33333em 0.33333em .33333em 15px !important;
}
.fstMultipleMode .fstControls {
  padding: 3px !important;
}
.fstMultipleMode .fstQueryInput {
  padding: 1px !important;

}
.fstMultipleMode .fstQueryInput {
  font-size: 1em !important;
}
.fstResultItem{
  padding: 3px !important;
  font-size: 1px !important;
}

.fstNoResults{
  font-size: inherit !important;
}

.item-edit-tbl .chosen-container-single .chosen-single span {
  padding-top: 3px;
}



td.top-border-cell {
  border-top: 1px solid #ccc !important;
  border-bottom: 0 !important;
}

td.no-border-cell {
  /* border-right: 0 !important; */
  border-bottom: 0 !important;
}




.scrollTable {
  position: relative;
  margin: auto;
  overflow: hidden;
  width: 100%;
}
.scrollTableWrap {
  width: 100%;
  overflow: auto;
}
.scrollTable .scrollTableWrap > table thead th,
.scrollTable .scrollTableWrap > table tbody td {
  white-space: nowrap;
}

.budget-ledger {
  background: #ffffe0;
}

.scrolltable thead tr th {
  background: #303841 !important;
  color: #fff;
}

.bg-E7E6E1 { background: #E7E6E1 !important; }

.scrolltable tbody tr:first-child td {
  background: #303841 !important;
  color: #fff;
}

.scrolltable tbody tr:last-child td {
  background: #E7E6E1 !important;
  color: #333;
}

.scrolltable table {
  width: 100%;
}
/**
 * journal明細行の仕訳区切り
 */
tbody[name=row_meisai]:nth-of-type(n+3) {
  border-top: 3px solid #aaa;
}

tbody.shiwake_meisai_goukei {
  border-top: 3px solid #666;
}

span.shiwake_meisai_goukei_data {
  padding-right: 2.0em;
  font-weight: bold;
}


table.sticky-table thead tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

table.sticky-table thead tr:nth-child(2) th {
  top: 25px;
}