@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*--------------------------------------
	1. ベンダー対応
---------------------------------------*/
/* $cor-other01L:#F7E7C5;
$cor-other02L:#DEEFDC;
$cor-other03L:#D7EFF1;
$cor-other04L:#DDDEEC;
$cor-other05L:#F4CED7;
$cor-other06L:#F8D0C4; */
/*--------------------------------------
	2-1. 基本要素
---------------------------------------*/
html, body {
  height: 100%;
}

body {
  color: #333333;
  font-size: 0.82em;
  line-height: 1.4em;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  position: relative;
  z-index: 1;
  margin-top: -20px;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
}

/*--------------------------------------
	2-2. リンク要素
---------------------------------------*/
a  {
  _overflow: hidden;
  color: #4577b8;
  cursor: pointer;
  text-decoration: underline;
}
a:visited {
  text-decoration: none;
  color: #4577b8;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: underline;
}
a img{
  vertical-align: bottom;
  border: none;
}

a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

/*--------------------------------------
	3. 補足設定
---------------------------------------*/
/* ----- clearfix ----- */
.cf, dl.listSearch, .topBox01, #headerInner, #headerInnerPopup, #footerInner, #footerInnerPopup, #main, #mainPopup, #breadcrumb ul, #gmenuInner > ul, #breadcrumbF ul, .srcResLng {
  overflow: hidden;
  *zoom: 1;
}
.cf:after, dl.listSearch:after, .topBox01:after, #headerInner:after, #headerInnerPopup:after, #footerInner:after, #footerInnerPopup:after, #main:after, #mainPopup:after, #breadcrumb ul:after, #breadcrumbF ul:after, .srcResLng:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
#gmenuInner > ul:after {
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

.cl {
  clear: both;
}

/* ----- float ----- */
.fl {
  float: left;
}

.fr {
  float: right !important;
}

.disInline {
  display: inline;
}

.disInBlo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.disBlock {
  display: block !important;
}

.disNo {
  display: none;
}

.poR {
  position: relative;
}

/* ----- 縦方向揃え ----- */
.vaM {
  vertical-align: middle !important;
}

.vaB {
  vertical-align: bottom !important;
}

.vaT {
  vertical-align: top !important;
}

.vaM02 {
  display: table-cell;
  vertical-align: middle;
}

/* ----- 横方向揃え ----- */
.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

.taL {
  text-align: left !important;
}

.AreaC {
  margin-left: auto !important;
  margin-right: auto !important;
}

.textHide, .iconAco, .iconLogout {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* ----- margin-top ----- */
.ma0 {
  margin: 0px !important;
}

.mtM1 {
  margin-top: -1px !important;
}

.mtM2 {
  margin-top: -2px !important;
}

.mtM5 {
  margin-top: -5px !important;
}

.mtM10 {
  margin-top: -10px !important;
}

.mtM20 {
  margin-top: -20px !important;
}

.mtM21 {
  margin-top: -21px !important;
}

.mtM11 {
  margin-top: -11px !important;
}

.mtM30 {
  margin-top: -30px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

/* ----- margin-right ----- */
.mrM20 {
  margin-right: -20px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr1em {
  margin-right: 1em !important;
}

.mr35pr {
  margin-right: 35% !important;
}

.mr41pr {
  margin-right: 41% !important;
}

/* ----- margin-left ----- */
.ml0 {
  margin-left: 0px !important;
}
.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mlM1 {
  margin-left: -1px !important;
}

.mlM200 {
  margin-left: -200px !important;
}

.ml37pr {
  margin-left: 37% !important;
}

/* ----- margin-bottom ----- */
.mb0 {
  margin-bottom: 0px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mbM1 {
  margin-bottom: -1px !important;
}

/* ----- padding ----- */
.pa0 {
  padding: 0 !important;
}

.pa5 {
  padding: 5px !important;
}

.pa10 {
  padding: 10px !important;
}

.paX2 {
  padding: 0 2px !important;
}

.paX10 {
  padding: 0 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl23 {
  padding-left: 23px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

/* ----- width ----- */
.w1 {
  width: 1% !important;
}

.w2 {
  width: 2% !important;
}

.w3 {
  width: 3% !important;
}

.w4 {
  width: 4% !important;
}

.w5 {
  width: 5% !important;
}

.w6 {
  width: 6% !important;
}

.w7 {
  width: 7% !important;
}

.w8 {
  width: 8% !important;
}

.w9 {
  width: 9% !important;
}

.w10 {
  width: 10% !important;
}

.w11 {
  width: 11% !important;
}

.w12 {
  width: 12% !important;
}

.w13 {
  width: 13% !important;
}

.w14 {
  width: 14% !important;
}

.w15 {
  width: 15% !important;
}

.w16 {
  width: 16% !important;
}

.w17 {
  width: 17% !important;
}

.w18 {
  width: 18% !important;
}

.w19 {
  width: 19% !important;
}

.w20 {
  width: 20% !important;
}

.w21 {
  width: 21% !important;
}

.w22 {
  width: 22% !important;
}

.w23 {
  width: 23% !important;
}

.w24 {
  width: 24% !important;
}

.w25 {
  width: 25% !important;
}

.w26 {
  width: 26% !important;
}

.w27 {
  width: 27% !important;
}

.w28 {
  width: 28% !important;
}

.w29 {
  width: 29% !important;
}

.w30 {
  width: 30% !important;
}

.w31 {
  width: 31% !important;
}

.w32 {
  width: 32% !important;
}

.w33 {
  width: 33% !important;
}

.w34 {
  width: 34% !important;
}

.w35 {
  width: 35% !important;
}

.w36 {
  width: 36% !important;
}

.w37 {
  width: 37% !important;
}

.w38 {
  width: 38% !important;
}

.w39 {
  width: 39% !important;
}

.w40 {
  width: 40% !important;
}

.w41 {
  width: 41% !important;
}

.w42 {
  width: 42% !important;
}

.w43 {
  width: 43% !important;
}

.w44 {
  width: 44% !important;
}

.w45 {
  width: 45% !important;
}

.w46 {
  width: 46% !important;
}

.w47 {
  width: 47% !important;
}

.w48 {
  width: 48% !important;
}

.w49 {
  width: 49% !important;
}

.w50 {
  width: 50% !important;
}

.w51 {
  width: 51% !important;
}

.w52 {
  width: 52% !important;
}

.w53 {
  width: 53% !important;
}

.w54 {
  width: 54% !important;
}

.w55 {
  width: 55% !important;
}

.w56 {
  width: 56% !important;
}

.w57 {
  width: 57% !important;
}

.w58 {
  width: 58% !important;
}

.w59 {
  width: 59% !important;
}

.w60 {
  width: 60% !important;
}

.w61 {
  width: 61% !important;
}

.w62 {
  width: 62% !important;
}

.w63 {
  width: 63% !important;
}

.w64 {
  width: 64% !important;
}

.w65 {
  width: 65% !important;
}

.w66 {
  width: 66% !important;
}

.w67 {
  width: 67% !important;
}

.w68 {
  width: 68% !important;
}

.w69 {
  width: 69% !important;
}

.w70 {
  width: 70% !important;
}

.w71 {
  width: 71% !important;
}

.w72 {
  width: 72% !important;
}

.w73 {
  width: 73% !important;
}

.w74 {
  width: 74% !important;
}

.w75 {
  width: 75% !important;
}

.w76 {
  width: 76% !important;
}

.w77 {
  width: 77% !important;
}

.w78 {
  width: 78% !important;
}

.w79 {
  width: 79% !important;
}

.w80 {
  width: 80% !important;
}

.w81 {
  width: 81% !important;
}

.w82 {
  width: 82% !important;
}

.w83 {
  width: 83% !important;
}

.w84 {
  width: 84% !important;
}

.w85 {
  width: 85% !important;
}

.w86 {
  width: 86% !important;
}

.w87 {
  width: 87% !important;
}

.w88 {
  width: 88% !important;
}

.w89 {
  width: 89% !important;
}

.w90 {
  width: 90% !important;
}

.w91 {
  width: 91% !important;
}

.w92 {
  width: 92% !important;
}

.w93 {
  width: 93% !important;
}

.w94 {
  width: 94% !important;
}

.w95 {
  width: 95% !important;
}

.w96 {
  width: 96% !important;
}

.w97 {
  width: 97% !important;
}

.w98 {
  width: 98% !important;
}

.w99 {
  width: 99% !important;
}

.w100 {
  width: 100% !important;
}

.wAuto {
  width: auto;
}

.w1em, .w2em, .w3em, .w4em, .w5em, .w6em, .w7em, .w8em, .w9em, .w10em, .w11em, .w12em, .w13em, .w14em, .w16em, .w18em, .w20em, .w22em .w25em{
  display: inline-block;
}

.w1em {
  width: 1em;
}

.w2em {
  width: 2em;
}

.w3em {
  width: 3em;
}

.w4em {
  width: 4.5em;
}

.w5em {
  width: 5em;
}

.w6em {
  width: 6em;
}

.w7em {
  width: 7em;
}

.w8em {
  width: 8em;
}

.w9em {
  width: 9em;
}

.w10em {
  width: 10em;
}

.w11em {
  width: 11em;
}

.w12em {
  width: 12em;
}

.w13em {
  width: 13em;
}

.w14em {
  width: 14em;
}

.w16em {
  width: 16em;
}

.w18em {
  width: 18em;
}

.w20em {
  width: 20em;
}

.w22em {
  width: 22em;
}

.w25em {
  width: 25em;
}
.w26em {
  width: 26em;
}


.w50p {
  width: 50px;
}

.w60p {
  width: 60px;
}

.w70p {
  width: 70px;
}

.w75p {
  width: 75px;
}

.w100p {
  width: 100px;
}

.w120p {
  width: 120px;
}

.w147p {
  width: 147px !important;
}

.w160p {
  width: 160px !important;
}

.mw180px {
  min-width: 180px !important;
}

.maw50 {
  max-width: 50%;
}

.maw100 {
  max-width: 100%;
}

.frmEm11, .frmEm14 {
  margin-top: 10px;
}
.frmEm11 label, .frmEm14 label {
  display: inline-block;
}

.frmEm11 label {
  width: 11em;
}

.frmEm14 label {
  width: 14em;
}

/* ----- height ----- */
.h100 {
  height: 100%;
}

.h10em {
  height: 10em;
}

/* ----- deco ----- */
.fU {
  text-decoration: underline;
}

.fLSS {
  letter-spacing: -0.04em;
}

.norap {
  white-space: nowrap;
}

/* ----- color ----- */
.fcR {
  color: #cc0000;
}
.fcR2 {
  color: #ff0000;
}
.fcY {
  color: #cccc00;
}
.fcB {
  color: #0000cc;
}

/* ----- font-family ----- */
.msGothic{
	font-family: ＭＳ ゴシック;
}

/* ----- font-weight ----- */
strong {
  font-weight: bold !important;
}

.fwB {
  font-weight: bold !important;
}

.fwL {
  font-weight: lighter !important;
}

.op08 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

/* ----- font-size ----- */
.fs10 {
  font-size: 77% !important;
}

.fs11 {
  font-size: 85% !important;
}

.fs14 {
  font-size: 108% !important;
}

.fs16 {
  font-size: 124% !important;
}

.fs18 {
  font-size: 139% !important;
}

.fs20 {
  font-size: 154% !important;
}

.fs25 {
  font-size: 193% !important;
}

.fs30 {
  font-size: 231% !important;
}

.fs36 {
  font-size: 277% !important;
}

.fs36 {
  font-size: 277% !important;
}

/* ----- line-height ----- */

.lh120{
 line-height: 1.2;
}

.lh150{
 line-height: 1.5;
}


/* ----- 汎用リスト ----- */
.disc, .num {
  margin-bottom: 1em;
}

.disc li, .num li {
  line-height: 1.8em;
  margin-left: 2em;
}

.disc li {
  list-style: disc !important;
}

.num li {
  list-style-type: decimal !important;
}

.list-inline li {
  display: inline-block;
}

p.indent_em01,
.indent_em01 li {
  text-indent: -1em;
  margin-left: 1em;
}

p.indent_em02,
.indent_em02 li {
  margin: 0;
  padding: 0;
}

p.indent_em02, .indent_em02 li {
  text-indent: -2em;
  margin-left: 2em;
  margin-top: 10px;
}

p.indent_em03, .indent_em03 li {
  text-indent: -3em;
  margin-left: 3em;
  margin-top: 10px;
}

dl.titList dt, dl.listSearch dt, .topBox01 dl dt {
  float: left;
  margin-right: 10px;
}

dl.titList02 dt, dl.titList02 dd {
  float: left;
}
dl.titList02 dt {
  font-weight: bold;
}
dl.titList02 dd {
  margin-right: 10px;
}

dl.titList.dt1em dt, dl.dt1em.listSearch dt, .topBox01 dl.dt1em dt {
  width: 1em;
}

dl.titList.dt2em dt, dl.dt2em.listSearch dt, .topBox01 dl.dt2em dt {
  width: 2em;
}

dl.titList.dt3em dt, dl.dt3em.listSearch dt, .topBox01 dl.dt3em dt {
  width: 3em;
}

dl.titList.dt4em dt, dl.dt4em.listSearch dt, .topBox01 dl.dt4em dt {
  width: 4em;
}

dl.titList.dt5em dt, dl.dt5em.listSearch dt, .topBox01 dl.dt5em dt {
  width: 5em;
}

dl.titList.dt6em dt, dl.dt6em.listSearch dt, .topBox01 dl dt {
  width: 6em;
}

dl.titList.dt7em dt, dl.dt7em.listSearch dt, .topBox01 dl.dt7em dt {
  width: 7em;
}

dl.titList.dt8em dt, dl.dt8em.listSearch dt, .topBox01 dl.dt8em dt {
  width: 8em;
}

dl.titList02.dt1em dt {
  width: 1em;
}

dl.titList02.dt2em dt {
  width: 2em;
}

dl.titList02.dt3em dt {
  width: 3em;
}

dl.titList02.dt4em dt {
  width: 4em;
}

dl.titList02.dt5em dt {
  width: 5em;
}

dl.titList02.dt6em dt, .topBox01 dl.titList02 dt {
  width: 6em;
}

dl.titList02.dt7em dt {
  width: 7em;
}

dl.titList02.dt8em dt {
  width: 8em;
}

dl.titList02.dt9em dt {
  width: 9em;
}

dl.listSearch dd {
  float: left;
  margin-right: 5px;
}
dl.listSearch dd:after {
  content: '/';
  margin: 0 5px;
}

/* ----- ボックスパーツ ----- */
.box01 {
  border: 2px solid #004ea2;
  padding: 10px;
  margin: 20px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.box02, .box03, .errorArea, .box04, .box05, .box06, .topBox01 {
  padding: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.box02 {
  border: 2px solid #cccccc;
}

.box03, .errorArea {
  border: 2px solid #cc0000;
}

.box04 {
  border: 1px solid #cccccc;
  background-color: #eff0f1;
}

.box05 {
  background-color: #eff0f1;
}

.box06, .topBox01 {
  border: 1px solid #cccccc;
}

.box05.acoTget {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-top: 0;
}

.topBox01 {
  padding: 10px;
  margin-bottom: 20px;
  display: table;
  box-sizing: border-box;
  width: 100%;
}
.topBox01 h2 {
  background-color: transparent;
  border-bottom: none;
  margin: 0;
  width: 10%;
  display: table-cell;
}
.topBox01 div.topBox01Inner {
  display: table-cell;
  width: 90%;
}
.topBox01 dl {
  border-left: 3px solid #e0e0e0;
  padding-left: 10px;
  box-sizing: border-box;
}
.topBox01 dt, .topBox01 dd {
  padding: 5px 0;
}

.topBox01.receivables dl {
  color: #cc0000;
}
.topBox01.receivables dd {
  font-weight: bold;
  font-size: 154%;
}

.grid3 > div, .grid3 > dl {
  float: left;
  width: calc(33.3% - 10px);
  margin-right: 10px;
}

.acoTget {
  display: none;
}

/* ----- フォームパーツ ----- */
input, textarea, select, button {
  font-size: 100%;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

input[type="text"], input[type="password"], textarea, select {
  border: 1px solid #cccccc;
  padding: 3px;
  margin: 2px;
}

input[type="checkbox"] {
  padding: 0;
}

label input {
  margin-right: 5px !important;
}

button:hover, input[type="submit"]:hover, input[type="password"]:hover, a.btnColW:hover, a.btnCol01:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

.rdc_area {
  display: inline-block;
  padding: 0 5px;
}

.btnArea, .btnAreaL {
  text-align: center;
  margin: 20px 0;
}
.btnArea button, .btnArea input, .btnArea a, .btnAreaL button, .btnAreaL input, .btnAreaL a {
  margin: 0 10px;
}

.btnAreaL {
  text-align: left;
}

.btnAreaRR, .btnAreaRT {
  text-align: right;
  position: absolute;
  right: 10px;
}

.btnAreaRR {
  bottom: 10px;
}

.btnAreaRT {
  top: 10px;
}

a.btnLink {
  margin: 0 0.5px;
}

input[type="submit"], button, a.btnColW, a.btnCol01{
  border: 1px solid #cccccc;
  background: #cccccc;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC');
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
}

.btnCol01, a.btnCol01 {
  color: #fff;
  border: 1px solid #004ea2 !important;
  background: #004ea2 !important;
  background-image: -moz-linear-gradient(top, #004ea2, #042174) !important;
  background-image: -webkit-linear-gradient(top, #004ea2, #042174) !important;
  background-image: linear-gradient(to bottom, #004ea2, #042174) !important;
  filter: none !important;
  display: inline-block;
}

.btnCol02, a.btnCol02 {
  color: #fff !important;
  border: 1px solid #F00 !important;
  background: #F00 !important;
  background-image: -moz-linear-gradient(top, #F00, #A00) !important;
  background-image: -webkit-linear-gradient(top, #F00, #A00) !important;
  background-image:linear-gradient(to bottom, #F00, #A00) !important;
  filter: none !important;
  display: inline-block;
  opacity:1 !important;
  height:3em !important;
  font-weight:bold !important;
}

.btnCol03, a.btnCol03 {
  border: 1px solid #cccccc;
  background: #cccccc;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC');
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
}
.btnCol03:hover, a.btnCol03:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

.btnCol03:disabled, a.btnCol03:disabled,
.btnCol03:disabled:hover, a.btnCol03:disabled:hover {
  background: #cccccc;
  background-image: none;
  filter: none;
  background-image: none;
  cursor: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.btnSS {
  padding: 2.5px 5px !important;
  line-height: 1em;
}

button.btnSS {
  padding: 2.5px 0 !important;
}

.btnSL {
  font-weight: bold;
  font-size: 124%;
  padding: 10px 40px !important;
}

input.btnSL {
  padding: 7px 40px !important;
}

a.btnColW, a.btnCol01 {
  text-decoration: none;
  color: #333333;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

a.btnColW {
  color: #333333;
  display: inline-block;
}

a.btnCol01 {
  color: #fff;
}

input[type="submit"]:disabled, button:disabled, a:disabled,
input[type="submit"]:disabled:hover, button:disabled:hover, a:disabled:hover {
  background: #cccccc;
  background-image: none;
  filter: none;
  background-image: none;
  cursor: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

table input {
  margin: 1.66667px 0;
}

.frmInfSt {
  font-weight: bold;
  color: #cc0000;
  font-size: 77%;
  margin-left: 5px;
}

.frmInfStBig{
  font-weight: bold;
  color: #cc0000;
  font-size: 100%;
  margin-left: 5px;
}

.errorArea {
  font-weight: bold;
  color: #cc0000;
  margin-bottom: 10px;
}
.errorArea li {
  list-style: circle;
  margin-left: 20px;
}

.errorForm {
  border: 1px solid #cc0000 !important;
  background-color: #ffe5e5;
}

.ui-datepicker-trigger {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  vertical-align: middle;
  margin-left: 5px;
}

.serDitDisNo {
  display: none;
}

/* ----- table ----- */
table.tbl_basic span, table.tbl_basic label {
  margin: 0 2.5px;
}

table.tbl_basic,
table.tbl_basic02 {
  table-layout: fixed;
  border-collapse: collapse;
}

table.tbl_basic th {
  font-weight: bold;
  border: 1px solid #cccccc;
  background-color: #e0e0e0;
  padding: 4px;
  table-layout: fixed;
  vertical-align: middle;
}
table.tbl_basic td {
  border: 1px solid #cccccc;
  background-color: #fff;
  padding: 4px;
  table-layout: fixed;
}

table.tbl_basic02 {
  border-top: 1px dashed #cccccc;
}
table.tbl_basic02 th {
  font-weight: bold;
  background-color: #fff;
  border-bottom: 1px dashed #cccccc;
  padding: 5px;
  table-layout: fixed;
  vertical-align: top;
}
table.tbl_basic02 td {
  border-bottom: 1px dashed #cccccc;
  background-color: #fff;
  padding: 5px;
  table-layout: fixed;
}

table.listSearchTbl {
  width: 100%;
}
table.listSearchTbl th {
  font-weight: bold;
  border-bottom: 1px dashed #cccccc;
  width: 10em;
  padding: 5px 0;
  position: relative;
}
table.listSearchTbl td {
  border-bottom: 1px dashed #cccccc;
  padding: 3px 10px;
  table-layout: fixed;
  height:24px;
}
table.listSearchTbl th:after {
  content: '';
  width: 2px;
  height: 80%;
  background-color: #004ea2;
  position: absolute;
  top: 10%;
  right: 0;
  min-height: 24px;
}

table.noticeRegTbl {
  width: 100%;
}
table.noticeRegTbl th {
  font-weight: bold;
  border-bottom: 1px dashed #cccccc;
  width: 10em;
  padding: 5px 0;
  position: relative;
}
table.noticeRegTbl td {
  border-bottom: 1px dashed #cccccc;
  padding: 5px 10px;
  table-layout: fixed;
}
table.noticeRegTbl th:after {
  content: '';
  width: 2px;
  height: 80%;
  background-color: #004ea2;
  position: absolute;
  top: 10%;
  right: 0;
}

.tblTHC th {
  text-align: center;
  vertical-align: middle;
}

.tblTHR th {
  text-align: right;
}

.tblTDC td {
  text-align: center;
}

.tblTDR td {
  text-align: right;
}

.tblTHW th {
  width: auto !important;
}

.tblOdd tr:nth-child(odd) td {
  background-color: #eff0f1;
}
.tbl2Row .tblOdd tr:nth-child(even) td {
  background-color: #eff0f1;
}
.tbl2Row .tblOdd tr:nth-child(odd) td {
  background-color: transparent;
}
tr.resultSum td{
  background-color: transparent !important;
}

.tbltDTG {
  color: #cccccc;
}

tr.delrow td {
	background-color: #999999 !important;
}

/* 完了と除外,速報 */
tr.completerow td {
	background-color: rgb(255,182,193);
}

tr.ignorerow td {
	background-color: rgb(232,232,232);
}

tr.preliminaryrow td {
	background-color: rgb(193,255,182);
}

/* 加盟店側非表示項目 */
table.tbl_basic td.hiddenField {
	background-color: #eff0f1;
}

/* セルラインなし */
.tblNlineT {
  border-top-style: none !important;
}

.tblNlineB {
  border-bottom-style: none !important;
}

.tblNlineR {
  border-right-style: none !important;
}

.tblNlineL {
  border-left-style: none !important;
}

.tblOvArea {
  overflow-x: scroll;
  white-space: nowrap;
}
.tblOvArea th, .tblOvArea td {
  white-space: nowrap;
}

/* ソートテーブル　*/
.tbl_sort th {
  height:28px;
  cursor: pointer;
  padding: 0 !important;
}
.tbl_sort th label {
  display: block;
  cursor: pointer;
  padding: 5px;
}

.tbl_sort th.tblFstNo {
  padding: 5px !important;
}

/* 検索結果テーブル */
table.resultTbl th {
	line-height: 1.4em;
}

table.resultTbl td {
    height:17px;
}

table.resizable th, table.resizable td {
	overflow: hidden;
}

/* カラム幅変更用 */
/* .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,{
    border-bottom-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
} */
.rc-handle-container {
  position: relative;
}

.rc-handle {
  position: absolute;
  width: 7px;
  cursor: ew-resize;
  margin-left: -3px;
  z-index: 2;
}

table.rc-table-resizing {
  cursor: ew-resize;
}

table.rc-table-resizing thead,
table.rc-table-resizing thead > th,
table.rc-table-resizing thead > th > a {
  cursor: ew-resize;
}

.minStyle input[type="text"], input[type="password"], textarea, select {
  border: 1px solid #aaaaaa;
  margin: 1px;
  padding: 2px;
}

.minStyle{
  font-size: 0.9em;
  line-height: 1em;
}

.minStyle2{
  font-size: 0.9em;
}

.minStyle table.tbl_basic td {
    height:17px;
}


/*--------------------------------------
	5. アイコン
---------------------------------------*/
.icon_arrwT01, .iconArrowU, .iconArrowT, .iconArrowR {
  border: 1px solid #cccccc;
  background-color: #fff;
  width: 10px;
  height: 10px;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: relative;
  margin-right: 5px;
  vertical-align: middle;
}

.icon_arrwT01:before {
  content: '';
  height: 5px;
  width: 5px;
  display: block;
  border: 1px solid #333333;
  border-left-width: 0;
  border-bottom-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  left: 2px;
}

/* .submenu a{
	display: block;
	position: relative;
}

.submenu a:after{
	content:'';
	height:5px;
	width:5px;
	display:block;
	border:1px solid $cor-base01;
	border-left-width:0;
	border-top-width:0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	position:absolute;
	top:5px;
	right: 0;
} */
.iconArrowU, .iconArrowT, .iconArrowR {
  height: 15px;
  width: 15px;
  margin: 0 2.5px !important;
  cursor: pointer;
}

.iconArrowU:before, .iconArrowT:before, .iconArrowR:before {
  content: '';
  height: 5px;
  width: 5px;
  display: block;
  border: 1px solid #333333;
  border-right-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  bottom: 5px;
  left: 4px;
}

.iconArrowT:before {
  border-top: 1px solid #333333 !important;
  border-right: 1px solid #333333 !important;
  border-left-width: 0;
  border-bottom-width: 0;
  bottom: 3px;
}

.iconArrowR:before {
  border-right: 1px solid #333333 !important;
  border-bottom: 1px solid #333333 !important;
  border-left-width: 0;
  border-top-width: 0;
}

.acoTrg {
  position: relative;
  padding-left: 40px;
  margin-bottom: 0;
  cursor: pointer;
}

.acoTrg .iconAco {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
}

.acoTrgInTit {
  margin-left: -40px;
  padding: 10px 10px 10px 40px;
}

.iconAco {
  height: 20px;
  width: 20px;
  display: block;
  position: relative;
  background: #004ea2 !important;
  background-image: -moz-linear-gradient(top, #004ea2, #042174) !important;
  background-image: -webkit-linear-gradient(top, #004ea2, #042174) !important;
  background-image: linear-gradient(to bottom, #004ea2, #042174) !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.iconAco:before, .iconAco:after {
  content: '';
  height: 2px;
  width: 14px;
  display: block;
  background: #fff;
  position: absolute;
  top: 9px;
  left: 3px;
}

.iconAco:after {
  height: 14px;
  width: 2px;
  top: 3px;
  left: 9px;
}

.iconAco.on:after {
  content: none !important;
}

.iconLogout {
  height: 20px;
  width: 20px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.iconLogout:before {
  content: '';
  height: 3px;
  width: 4px;
  border: 3px solid #cccccc;
  border-bottom: none;
  border-radius: 50px 50px 0 0;
  -webkit-border-radius: 50px 50px 0 0;
  -moz-border-radius: 50px 50px 0 0;
  position: absolute;
  top: 2px;
  left: 1px;
}

.iconLogout:after {
  content: '';
  width: 12px;
  height: 8px;
  background: #cccccc;
  position: absolute;
  top: 8px;
  left: 0px;
}

.iconClose {
  height: 18px;
  width: 18px;
  display: block;
  position: relative;
  cursor: pointer;
}

.iconClose:before, .iconClose:after {
  content: '';
  height: 2px;
  width: 18px;
  display: block;
  background: #cccccc;
  position: absolute;
  top: 8px;
  left: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.iconClose:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

/*--------------------------------------
	5. 見出し
---------------------------------------*/
h1 {
  font-weight: bold;
  background-color: #fff;
  font-size: 108%;
  border: 1px solid #cccccc;
  padding: 10px 10px 10px 20px;
  position: relative;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: #cccccc 2px 2px 2px;
  -webkit-box-shadow: #cccccc 2px 2px 2px;
  box-shadow: #cccccc 2px 2px 2px;
  margin: 0 0 20px 0;
  z-index: 0;
}

h1:before {
  content: '';
  width: 5px;
  height: 80%;
  background-color: #004ea2;
  position: absolute;
  top: 5px;
  left: 5px;
}

h2, h3, h4 {
  font-weight: bold;
  font-size: 108%;
  margin: 20px 0;
}

h2, h3 {
  background-color: #eeeeee;
  border-bottom: 2px solid #004ea2;
  padding: 5px 10px;
}

h3 {
  border-bottom: 1px solid #cccccc;
}

.titArea {
  position: relative;
}
.titArea h3 {
  padding: 8px 5px;
}

.titAreaBtn {
  color: #fff;
  position: absolute;
  top: 0.3em;
  right: 0.3em;
}
.titAreaBtn li, .titAreaBtn input {
  display: inline-block;
}
.titAreaBtn span, .titAreaBtn input, .titAreaBtn label, .titAreaBtn a {
  margin-left: 5px;
}

/*--------------------------------------
	4. 枠設計
---------------------------------------*/
body>form,body>#wrap {
  width: 100%;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

#headerInner, #footerInner, #main, #breadcrumb ul, #gmenuInner > ul, #breadcrumbF ul, .affix-container2, #accountSwitchingMenu2 {
  margin: 0 auto;
  width: 90%;
  min-width: 980px;
}


#main {
  margin: 40px auto 0 auto;
  padding-bottom: 85px;
  padding-top: 130px;
}

/*---- ポップアップ用 ----*/
#mainPopup, #footerInnerPopup, #headerInnerPopup, #mainPopup .affix-container2{
  margin: 0 auto;
  width: 98%;
  min-width: 600px;
}

#mainPopup {
  margin: 20px auto 0 auto;
  padding-bottom: 85px;
  padding-top: 70px;
}

/*--------------------------------------
	7．header
---------------------------------------*/
#header {
  border-top: 5px solid #004ea2;
  background-color: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  box-sizing: border-box;
}
#header .headerLogo {
  float: left;
  padding: 5px 20px 5px 0;
}
#header .headerLogo img {
  vertical-align: middle;
}
#header .headerR {
  font-size: 85%;
  float: right;
}
#header .headerR ul {
  margin-top: 15px;
}
#header .headerR li {
  display: inline-block;
}
#header .headerR li + li::before {
  content: "/";
  margin: 0 5px;
}

#gmenu {
  background: #eeeeee;
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
}

#gmenuInner {
  border-top: 1px solid #e0e0e0;
  width: 100%;
  background-image: -moz-linear-gradient(top, #004ea2, #042174) !important;
  background-image: -webkit-linear-gradient(top, #004ea2, #042174) !important;
  background-image: linear-gradient(to bottom, #004ea2, #042174) !important;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF004EA2', endColorstr='#FF042174');
}
#gmenuInner > ul {
  border-right: 1px solid #042174;
  display: table;
  table-layout: fixed;
  overflow: visible;
}
#gmenuInner > ul > li {
  color: #fff;
  border-right: 1px solid #004ea2;
  border-left: 1px solid #042174;
  display: table-cell;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: visible;
  padding: 5px 0;
  width:160px;
  float: left;
}
#gmenuInner > ul > li > a {
  color: #fff;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
}
#gmenuInner > ul > li > a:hover ul.submenu {
  display: block;
}
#gmenuInner > ul > li > ul.submenu {
  font-size: 93%;
  display: none;
  text-align: left;
  background-color: #005abc;
  position: absolute;
  letter-spacing: 0;
  top: 100%;
  left: 0;
  z-index: 100000;
  width: 100%;
  -moz-box-shadow: #cccccc 2px 2px 2px;
  -webkit-box-shadow: #cccccc 2px 2px 2px;
  box-shadow: #cccccc 2px 2px 2px;
}
#gmenuInner > ul > li > ul.submenu li {
  margin: 1px;
}
#gmenuInner > ul > li > ul.submenu li:hover {
  color: #004ea2;
  background-color: #f4f9ff;
}
#gmenuInner > ul > li > ul.submenu li:hover a {
  color: #004ea2;
}
#gmenuInner > ul > li > ul.submenu a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  display: block;
  padding: 8px !important;
  box-sizing: border-box;
}
#gmenuInner > ul > li > ul.submenu li + li a {
  border-top: 1px solid #004ea2;
}
#gmenuInner > ul > li:hover, #gmenuInner > ul > li.on {
  color: #f8e7c6;
  background-color: #005abc;
  cursor: pointer;
}
#gmenuInner > ul > li:hover > ul.submenu, #gmenuInner > ul > li.on > ul.submenu {
  display: block;
}
#gmenuInner > ul > li:hover > a, #gmenuInner > ul > li.on > a {
  color: #f8e7c6;
  font-weight: bold;
}
#gmenuInner > ul > li:hover::before, #gmenuInner > ul > li.on::before {
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}
#gmenuInner > ul > li:hover, #gmenuInner > ul > li.on, #gmenuInner > ul > li.on > a {
  color: #f8e7c6;
  font-weight: bold;
}
#gmenuInner > ul > li li a:hover {
  font-weight: bold;
}
#gmenuInner > ul li li, #gmenuInner > ul li li a {
  font-weight: normal;
}

#gmenuInner > ul li:hover, #gmenuInner > ul li.on:hover {
  color: #004ea2 !important;
  background-color: #f4f9ff !important;
}
#gmenuInner > ul li:hover a, #gmenuInner > ul li.on:hover a {
  color: #004ea2 !important;
}
#gmenuInner > ul li:hover::before, #gmenuInner > ul > li.on::before {
  border-color: #004ea2 transparent transparent transparent !important;
  top: 0 !important;
}
#gmenuInner > ul ul.submenu {
  background-color: #f4f9ff !important;
}
#gmenuInner > ul ul.submenu li:hover {
  color: #004ea2 !important;
  background-color: #005abc !important;
}
#gmenuInner > ul ul.submenu li:hover a {
  color: #fff !important;
}
#gmenuInner > ul ul.submenu a {
  color: #004ea2 !important;
}
#gmenuInner > ul ul.submenu li a {
  border-top: 1px solid #cccccc !important;
}

#breadcrumb {
  font-size: 85%;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;
  background-color: #dddddd;
  padding-top: 5px;
}
#breadcrumb ul {
  padding-bottom: 5px;
}
#breadcrumb ul li {
  display: inline;
}
#breadcrumb ul li:before {
  content: " > ";
  color: #cccccc;
}
#breadcrumb ul li:first-child:before {
  content: "";
}

#breadcrumbF {
  font-size: 85%;
  -moz-box-shadow: #eeeeee 2px 2px 2px;
  -webkit-box-shadow: #eeeeee 2px 2px 2px;
  box-shadow: #eeeeee 2px 2px 2px;
  padding: 10px 0;
}
#breadcrumbF li {
  float: left;
  margin: 0 .5em 0 1em;
  background: #eeeeee;
  padding: 2.5px 5px;
  float: left;
  text-decoration: none;
  position: relative;
}
#breadcrumbF li::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #eeeeee #eeeeee #eeeeee transparent;
  left: -0.9em;
}
#breadcrumbF li::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #eeeeee;
  right: -1em;
}
#breadcrumbF li.current {
  background: #cccccc;
  font-weight: bold;
}
#breadcrumbF li.current::before {
  border-color: #cccccc #cccccc #cccccc transparent;
}
#breadcrumbF li.current::after {
  border-left: 1em solid #cccccc;
}

/*--------------------------------------
	7．main
---------------------------------------*/
/* top */
#topMenuBox {
  margin-right: auto;
  margin-left: auto;
  width:870px;
  text-align: center;
}
#topMenuBox li {
  text-align: center;
  display: inline-block;
  width: 130px;
  height: 130px;
  box-sizing: border-box;
  margin: 10px 20px 10px 20px;
  padding: 0 !important;
  position: relative;
}

#topMenuBox li span.tit {
    display: table-cell;
    font-size: 115%;
    font-weight: bold;
    height: 48px;
    margin: 0 auto;
    vertical-align: middle;
    width: 100px;
}
#topMenuBox li a {
  color: #333333;
  text-decoration: none;
  display: block;
  padding: 18px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#topMenuBox li a::before, #topMenuBox li a::after {
  content: '';
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#topMenuBox li a::before {
  height: 10px;
  width: 10px;
  display: block;
  border: 5px solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  bottom: 10px;
  right: 57px;
  z-index: -10;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
#topMenuBox li a::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #ffffff transparent transparent transparent;
  top: 0;
  left: 0;
}
#topMenuBox li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#topMenuBox li.col01 {
  background-color: #e6ae3f;
}
#topMenuBox li.col02 {
  background-color: #92ca8b;
}
#topMenuBox li.col03 {
  background-color: #7cc9cf;
}
#topMenuBox li.col04 {
  background-color: #9093c0;
}
#topMenuBox li.col05 {
  background-color: #dc5d7a;
}
#topMenuBox li.col06 {
  background-color: #e7633d;
}
#topMenuBox li.col07 {
  background-color: #ff88ac;
}

#topLinkBnr {
  margin: 20px 0;
}
#topLinkBnr li {
  border: 1px solid #cccccc;
  display: inline-block;
  margin: 5px;
}

#topLinkBnr img {
	width: 175px;
	height: 58px;
}
/* pageer */
.srcResLng {
  margin-bottom: 10px;
  padding-top: 10px;
}
.srcResLng dl.lng, .srcResLng dl.lngG, .srcResLng dl.disNu {
  float: left;
}
.srcResLng dl.lng dt, .srcResLng dl.lngG dt, .srcResLng dl.disNu dt {
  font-weight: bold;
}
.srcResLng dl.lng dt, .srcResLng dl.lng dd, .srcResLng dl.lngG dt, .srcResLng dl.lngG dd, .srcResLng dl.disNu dt, .srcResLng dl.disNu dd {
  display: inline-block;
}
.srcResLng dl.lng span.no, .srcResLng dl.lngG span.no, .srcResLng dl.disNu span.no {
  margin: 0 5px;
}
.srcResLng dl.lngG {
  float: none;
  margin-right: 0;
}
.srcResLng ul {
  float: right;
}
.srcResLng .disNu {
  margin-left: 20px;
}
.srcResLng .disNu ul {
  float: none;
}
.srcResLng .disNu li {
  display: inline-block;
}
.srcResLng .disNu li:after {
  content: '/';
  margin: 0 5px;
}
.srcResLng .disNu select {
  margin-top: -7px;
}

/* ----- ページャー ----- */
.pager_wrapper {
  float: right;
}

.grid3 .pager_wrapper {
  width: 35%;
  margin-right: -5%;
}

ul.pager {
  float: none !important;
  display: inline-block;
}

ul.pager li {
  float: left;
  margin-right: 5px;
  border: 1px #cccccc solid;
  padding: 0 5px;
}

ul.pager li.prev,
ul.pager li.next {
  border: none;
}

ul.pager li a {
  position: relative;
  display: block;
}

ul.pager li a:link,
ul.pager li a:visited {
  text-decoration: none;
}

ul.pager li a:hover,
ul.pager li a:active {
  text-decoration: none;
}

ul.pager li em {
  display: block;
  background: #eeeeee;
}

.settingItemDlArea dl {
  display: table;
  padding: 2.5px 5px !important;
  margin-bottom: 5px !important;
}
.settingItemDlArea dl dt, .settingItemDlArea dl dd {
  display: table-cell;
}
.settingItemDlArea dl dt {
  width: 8em;
  font-weight: bold;
}
.settingItemDlArea dl dd {
  padding-left: 10px;
}

#sortList dl {
  border: 1px solid #cccccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #eff0f1;
  background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
  background-image: linear-gradient(to bottom, #ffffff, #dddddd);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD');
}

.settingItemDlArea.dt10em dl dt {
  width: 10em;
}

.settingItemDlArea.search01 dl {
  width: 100%;
  padding: 5px 0;
}
.settingItemDlArea.search01 dl dt {
  border-right: 2px solid #004ea2;
}
.settingItemDlArea.search01 dl dd li {
  float: left;
}
.settingItemDlArea.search01 dl dd li:after {
  content: '/';
  margin: 0 5px;
}

#sortList {
  width: 31em;
  margin: 0 auto;
}
#sortList dl {
  background-color: #fff;
  display: block;
  cursor: move;
  margin: 0;
  padding: 0;
}
#sortList .ui-state-highlight {
  height: 2.5em;
  border: 1px solid #cccccc;
}

.font-highlight{
  font-size: 1.2em;
  line-height: 1.2;
}

/*--------------------------------------
	7．footer
---------------------------------------*/
#footer {
  font-size: 77%;
  border-top: 1px solid #cccccc;
  background-color: #eff0f1;
  position: absolute;
  width: 100%;
  height: 45px;
  bottom: 0;
  padding: 0 !important;
}

#footerInner, #footerInnerPopup {
  text-align: center;
  padding: 10px;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
}
#footerInner .gotoTop, #footerInnerPopup .gotoTop{
  font-size: 93%;
  border: 1px solid #cccccc;
  border-bottom: none;
  background-color: #eff0f1;
  position: absolute;
  top: -20px;
  right: 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px;
  border-radius: 2px 2px 0 0;
  padding: 2.5px 10px 1px 10px;
  display: inline-block;
}
#footerInner .gotoTop:hover, #footerInnerPopup .gotoTop:hover{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  cursor: pointer;
}

/*--------------------------------------
	8．modal
---------------------------------------*/
.modal {
  display: none;
}

.modalBody {
  background-color: #fff;
  position: fixed;
  z-index: 10002;
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  left: 50%;
  top: 50%;
  width: 90%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.modalBody h2 {
  margin-top: 0;
}

.modalBody.scl {
  height: 80%;
}
.modalBody.scl .modalCon {
  height: 80%;
  overflow-y: scroll;
}

.modalBody.mdlAlt {
  width: 360px;
}

.modalBody.mdlCmt {
  width: 642px;
}

.modalBK {
  position: fixed;
  z-index: 10001;
  height: 150% !important;
  width: 100%;
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  top: 0px;
  left: 0px;
}

.menuBk {
  top: 100px;
  display: none;
}

.modalCon {
  padding: 10px;
}

.mdlFlBox {
  margin: 0 auto;
  text-align: center !important;
}
.mdlFlBox h4 {
  text-align: left;
}

/*--------------------------------------
	レスポンシブ
---------------------------------------*/
/* ----- レスポンシブ時にフロート解除 ----- */
/* @media only screen and (min-width:481px) and  (max-width:768px) {
	.fl,.fr,.grid3>div,td dl.titList dt{float: none; width: 100% !important;}
	#topMenuBox li{width: 45%;}
}
@media only screen and (max-width:480px) {
	.fl,.fr,.grid3>div,td dl.titList dt{float: none; width: 100% !important;}
	#gmenuInner .headerLogo{float: none;}
	#gmenuInner > ul{float: none; display: block; border: none;}
	#gmenuInner > ul > li{display: block; z-index: 0; border: none;}
	#gmenuInner > ul > li > ul.submenu{width: 100%;box-sizing: border-box;box-shadow: none; position: static;}
	#topMenuBox li{width: 98%;}
	.topBox01 h2,.topBox01 div.topBox01Inner,.topBox01 dl dt{
		float: none;
		width: 100%;
		display: block;
	}
} */
#gmenu, #gmenuInner {
  overflow: visible !important;
  position: relative;
}



/*--------------------------------------
	ボタンスタイルラジオボタン
---------------------------------------*/
.btnRadioArea input[type="radio"] {
  display:none;
}

.btnRadioArea input[type="radio"] + label {
  border: 1px solid #cccccc;
  background: #cccccc;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC');
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
}

.btnRadioArea input[type="radio"]:checked + label {
  color: #fff;
  border: 1px solid #004ea2 !important;
  background: #004ea2 !important;
  background-image: -moz-linear-gradient(top, #004ea2, #042174) !important;
  background-image: -webkit-linear-gradient(top, #004ea2, #042174) !important;
  background-image: linear-gradient(to bottom, #004ea2, #042174) !important;
  filter: none !important;
  display: inline-block;
}

.btnRadioArea input[type="radio"] + label:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

/*--------------------------------------
	印刷対応
---------------------------------------*/
@media print{
body {
	/zoom: 0.7;
	margin: 0;
}

#header{position: static;}
#main, #mainPopup {padding-top: 0;}

html>/**/body #headerInner, html>/**/body #headerInnerPopup {display: table;}

html>/**/body .headerLogo,
html>/**/body .headerR{
	display: table-cell;
	float: none;
	width: 50%;
	vertical-align: top;
	/zoom: 1;
	box-sizing: border-box;
}
html>/**/body .headerR{text-align: right;}
}


/*--------------------------------------
	その他
---------------------------------------*/

.alert-dialog-content {
	background-image: url("images/alert01-002-48.png");
	background-repeat: no-repeat;
	background-position: left;
	min-height: 60px;
	padding: 0 65px;
	margin: 0 1em;
}

.question-dialog-content {
	background-image: url("images/question01-002-48.png");
	background-repeat: no-repeat;
	background-position: left;
	min-height: 60px;
	padding: 0 65px;
	margin: 0 1em;
}

.no-alert-dialog-content {
	background-image: none;
	min-height: 60px;
	padding: 10px 0 0;
}

.add-dialog-content {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left;
	min-height: 60px;
	padding: 0 65px;
	margin: 0 1em;
}

.dialog-detail-box {
	border: solid 2px;
	border-radius: 5px;
	border-color: #8f8f8f;
	padding: 1em 1.5em;
	margin: 1em;
	overflow: hidden;
	line-height: 1.2em;
}

.dialog-ja-confirm-box {
	height: 26em;
	overflow: scroll;
	overflow-x: hidden;
	border:0px;
	padding:0;
	margin: 1em;
	line-height: 1.2em;
}

textarea.cbCmt {
	resize: vertical;
	width: 99%;
	font-size: 98%;
	overflow: auto;
}

tr.checked-highlight > td {
	background-color: #FFFFA0 !important;
}


table.resultTbl th {
	height:28px;
	line-height: 1.4em;
}

table.resultTbl td {
    height:17px;
}

table.resizable th, table.resizable td {
	overflow: hidden;
}

.stickyChkBox {
	position: absolute;
	top: 0;
	width: 24px;
	z-index: 6;
}

.stickyChkBox table th { text-align:center;}

.affix-container1 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.stickyHeaderContainer {
	visibility: hidden;
}

.stickyHeaderContainer.affix {
	visibility: visible;
	position: fixed;
}

.stickyHeaderChkContainer {
	z-index: 7;
}

.stickyHeaderContainer .tblOvArea {
	overflow: hidden;
}

#stickyHeaderBox, #stickyHeaderTbl td, #stickyHeaderTbl th {
	overflow: hidden;
}

.column_box{overflow:hidden;width:100%;margin:0 20px 20px;}

dl.dl_books{margin-bottom:10px;}
dl.dl_books dt{font-size:120%;font-weight:bold;line-height:1.6;}
dl.dl_books dt:before{color:#71b269;content:"●";font-size:140%;padding-right:0.2em;position:relative;top:1px;}
dl.dl_books dd{padding-left:1.35em;line-height:1.6;}
dl.dl_books dd:before{content:"→";}

/* For scrolling tables */

thead.scrolling{display:block;}
tbody.scrolling{display:block;height:250px; overflow-y:scroll;}

thead.scrolling tr{}

.scrolling td,.scrolling th{table-layout:fixed;}

.h_100{height:100px;}
.h_110{height:110px;}
.h_120{height:120px;}
.h_125{height:125px;}
.h_130{height:130px;}
.h_140{height:140px;}
.h_150{height:150px;}
.h_160{height:160px;}
.h_170{height:170px;}
.h_175{height:175px;}
.h_180{height:180px;}
.h_190{height:190px;}
.h_200{height:200px;}
.h_210{height:210px;}
.h_220{height:220px;}
.h_225{height:225px;}
.h_230{height:230px;}
.h_240{height:240px;}
.h_250{height:250px;}
.h_260{height:260px;}
.h_270{height:270px;}
.h_280{height:280px;}
.h_290{height:290px;}
.h_300{height:300px;}
.h_310{height:310px;}
.h_320{height:320px;}
.h_330{height:330px;}
.h_340{height:350px;}
.h_360{height:360px;}
.h_370{height:370px;}
.h_380{height:380px;}
.h_390{height:390px;}
.h_400{height:400px;}
.h_410{height:410px;}
.h_420{height:420px;}
.h_430{height:430px;}
.h_440{height:440px;}
.h_450{height:450px;}
.h_460{height:460px;}
.h_470{height:470px;}
.h_480{height:480px;}
.h_490{height:490px;}
.h_500{height:500px;}
.h_510{height:510px;}
.h_520{height:520px;}
.h_530{height:530px;}
.h_540{height:540px;}
.h_550{height:550px;}
.h_560{height:560px;}
.h_570{height:570px;}
.h_580{height:580px;}
.h_590{height:590px;}
.h_600{height:600px;}


.scroll_y{overflow-y: scroll;}
.scroll_x{overflow-x: scroll;}
.scroll_both{overflow:scroll;}

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

.upper_table{overflow-y:scroll;scrollbar-base-color:#fff;scrollbar-face-color:#fff;scrollbar-track-color:#fff;scrollbar-arrow-color:#fff;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;}
.lower_table{ position:relative; top:-1px;}

/* Convenient classes */

.ofh{ overflow:hidden;}
.top_p1{ position:relative; top:1px;}
.top_p2{ position:relative; top:2px;}
.top_p3{ position:relative; top:3px;}
.top_p4{ position:relative; top:4px;}
.top_p5{ position:relative; top:5px;}
.top_p6{ position:relative; top:6px;}
.top_n1{ position:relative; top:-1px;}
.top_n2{ position:relative; top:-2px;}
.top_n3{ position:relative; top:-3px;}
.top_n4{ position:relative; top:-4px;}
.top_n5{ position:relative; top:-5px;}
.top_n6{ position:relative; top:-6px;}

.w5px{width:5px !important;}
.w10px{width:10px !important;}
.w15px{width:15px !important;}
.w20px{width:20px !important;}
.w25px{width:25px !important;}
.w30px{width:30px !important;}
.w35px{width:35px !important;}
.w40px{width:40px !important;}
.w45px{width:45px !important;}
.w50px{width:50px !important;}
.w55px{width:55px !important;}
.w60px{width:60px !important;}
.w65px{width:65px !important;}
.w70px{width:70px !important;}
.w75px{width:75px !important;}
.w80px{width:80px !important;}
.w85px{width:85px !important;}
.w90px{width:90px !important;}
.w95px{width:95px !important;}
.w100px{width:100px !important;}
.w105px{width:105px !important;}
.w110px{width:110px !important;}
.w115px{width:115px !important;}
.w120px{width:120px !important;}
.w125px{width:125px !important;}
.w130px{width:130px !important;}
.w135px{width:135px !important;}
.w140px{width:140px !important;}
.w145px{width:145px !important;}
.w150px{width:150px !important;}
.w155px{width:155px !important;}
.w160px{width:160px !important;}
.w165px{width:165px !important;}
.w170px{width:170px !important;}
.w175px{width:175px !important;}
.w180px{width:180px !important;}
.w185px{width:185px !important;}
.w190px{width:190px !important;}
.w195px{width:195px !important;}
.w200px{width:200px !important;}
.w205px{width:205px !important;}
.w210px{width:210px !important;}
.w220px{width:220px !important;}
.w225px{width:225px !important;}
.w230px{width:230px !important;}
.w235px{width:235px !important;}
.w240px{width:240px !important;}
.w245px{width:245px !important;}
.w250px{width:250px !important;}
.w255px{width:255px !important;}
.w260px{width:260px !important;}
.w265px{width:265px !important;}
.w270px{width:270px !important;}
.w275px{width:275px !important;}
.w280px{width:280px !important;}
.w285px{width:285px !important;}
.w290px{width:290px !important;}
.w295px{width:295px !important;}
.w300px{width:300px !important;}
.w310px{width:310px !important;}
.w320px{width:320px !important;}
.w330px{width:330px !important;}
.w340px{width:340px !important;}
.w350px{width:350px !important;}
.w360px{width:360px !important;}
.w370px{width:370px !important;}
.w380px{width:380px !important;}
.w390px{width:390px !important;}
.w400px{width:400px !important;}
.w500px{width:500px !important;}
.w600px{width:600px !important;}
.w610px{width:610px !important;}
.w620px{width:620px !important;}
.w630px{width:630px !important;}
.w640px{width:640px !important;}
.w650px{width:650px !important;}
.w700px{width:700px !important;}
.w800px{width:800px !important;}

.bg-edited {
	background-color: #FFFFA0 !important;
}

ul.sts-breadcrumb {
	display: inline-block;
}
ul.sts-breadcrumb li {
	display: inline;
}
ul.sts-breadcrumb li:before {
	content: " → ";
	color: #cccccc;
	font-weight: normal;
}
ul.sts-breadcrumb li:first-child:before {
	content: "";
}

.bg_changed{ background-color:#f6e6b5 !important;}

.sp_poz{ position:relative; height:44px; }

#topMenuBox li.sp_size{height:170px; width:170px;}

#topMenuBox li.sp_size span.tit {font-size: 140%;line-height:1.2;margin-bottom:4px;position:relative;top:-3px;}

#topMenuBox li.sp_size a::before { right: 75px; bottom:14px;}

.posrela{ position:relative;}

.bg_changed{ background-color:#f6e6b5 !important;}

table.borderboxed th,table.borderboxed td{ box-sizing:border-box;}

table.tbl_basic span.fcR{margin: 0;}

.no_borders{ border:none !important;}

.bcT{ background-color:transparent !important;}


.no-scroll{ overflow: hidden !important;}

.w20Error{
    border: 1px solid #cc0000 !important;
    background-color: #ffe5e5;
}

.notActive > td {
	background-color: #A9BCF5 !important;
}
.deleted > td {
	background-color: #BDBDBD !important;
}
.cBtnArea, .cBtnAreaL {
  line-height: 0;
  text-align: center;
  margin: 5px 0 10px 0;
}
.cBtnArea button, .cBtnArea input, .cBtnArea a, .cBtnAreaL button, .cBtnAreaL input, .cBtnAreaL a {
  margin: 0 10px;
}

.cBtnAreaL {
  text-align: left;
}

.checkBoxItemBr Label {
  display: block;
}

#qrMenuBox {
  margin-right: auto;
  margin-left: auto;
  /** width:870px; 表示がずれるため */
  text-align: center;
}
#qrMenuBox li {
  text-align: center;
  display: inline-block;
  width: 240px;
  height: 130px;
  box-sizing: border-box;
  margin: 10px 20px 10px 20px;
  padding: 0 !important;
  position: relative;
}

#qrMenuBox li span.tit {
    display: table-cell;
    font-size: 115%;
    font-weight: bold;
    height: 48px;
    margin: 0 auto;
    vertical-align: middle;
    width: 100px;
}
#qrMenuBox li a {
  color: #333333;
  text-decoration: none;
  display: block;
  padding: 18px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#qrMenuBox li a::before, #qrMenuBox li a::after {
  content: '';
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#qrMenuBox li a::before {
  height: 10px;
  width: 10px;
  display: block;
  border: 5px solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  bottom: 10px;
  right: 57px;
  z-index: -10;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
#qrMenuBox li a::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #ffffff transparent transparent transparent;
  top: 0;
  left: 0;
}
#qrMenuBox li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#qrMenuBox li.col01 {
  background-color: #e6ae3f;
}
#qrMenuBox li.col02 {
  background-color: #92ca8b;
}
#qrMenuBox li.col03 {
  background-color: #7cc9cf;
}
#qrMenuBox li.col04 {
  background-color: #9093c0;
}
#qrMenuBox li.col05 {
  background-color: #dc5d7a;
}
#qrMenuBox li.col06 {
  background-color: #e7633d;
}

.onepayTransStatusImg {
	height: 150px;
}

.qrIcom{
	width: 240px;
	height: 130px;
}

.qrImg{
	border-style: none;
	padding: 35px 0px 35px 0px
}

#qrImg{
	border-style: none;
	padding: 0px 35px 0px 35px
}

#reCreateQr{
	border-style:none;
	white-space: nowrap;
	padding: 10px
}


.underLine {
    list-style: none;
}

.underLine li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
}

.noRightLine {
	border-right-color: #fff !important;
}

.noBgImg {
	background-color: #fff !important;
}

.reCompleteNotice{
	margin: 0 20px 0 20px;
}
.loginInfo{
	color: white;
    padding: 5px 20px 5px 0;
    float: left;
    margin-top: 5px !important;
}

.restoreLogin{
	float: right;
}

#accountSwitchingMenu{
	background-color: #047421;
}

.accountSwitching{
	padding-top: 167px !important;
}

#accountSwitchingMenu::after {
    content:'';
    display: block;
    clear:both;
}

.deleteUser{
	color:#000000;
}