@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. ベンダー対応
---------------------------------------*/
/*--------------------------------------
	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;
}

body>form, body{
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

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;
}

/*--------------------------------------
	3. 補足設定
---------------------------------------*/
/* ----- clearfix ----- */
.cf, header {
  overflow: hidden;
  *zoom: 1;
}
.cf:after, header:after {
  display: block;
  visibility: hidden;
  clear: both;
  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;
}

/* ----- 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;
}

.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;
}

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

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

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

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

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

/* ----- margin-left ----- */
.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;
}

.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 ----- */
.pa5 {
  padding: 5px !important;
}

.pa10 {
  padding: 10px !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;
}

.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, .w10em, .w11em, .w12em, .w13em, .w14em, .w16em, .w20em {
  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;
}

.w10em {
  width: 10em;
}

.w11em {
  width: 11em;
}

.w12em {
  width: 12em;
}

.w13em {
  width: 13em;
}

.w14em {
  width: 14em;
}

.w16em {
  width: 16em;
}

.w20em {
  width: 20em;
}

.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;
}

.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;
}

/* ----- 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;
}

/* ----- 汎用リスト ----- */
.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;
}

dl.titList 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 {
  width: 1em;
}

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

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

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

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

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

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

dl.titList.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 {
  width: 6em;
}

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

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

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

/* ----- ボックスパーツ ----- */
.box01 {
  border: 2px solid #cc0000;
  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 {
  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;
}

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

.grid3tb {
  display: table;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.grid3tb li {
  text-align: center;
  display: table-cell;
}
.grid3tb li + li div, .grid3tb li + li h3 {
  border-left: none !important;
}

/* ----- フォームパーツ ----- */
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 {
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  padding: 10px;
  margin: 2px;
}

select {
  border: 1px solid #cccccc;
  padding: 10px;
  margin: 2px;
}

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

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

.btnArea {
  text-align: center;
  margin: 20px 0;
}
.btnArea input[type="submit"] + input[type="submit"] {
  margin-top: 10px;
}
.btnArea form + form {
  margin-top: 10px;
}

.btn_areaL {
  text-align: left;
}

a.btnLink {
  margin: 0 0.5px;
}

input[type="submit"], button, input[type="button"] {
  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( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
}

/*
.btnCol01 {
  color: #fff;
  border: 1px solid #cc0000 !important;
  background: #cc0000 !important;
  background-image: -moz-linear-gradient(top, #cc0000, #990000) !important;
  background-image: -webkit-linear-gradient(top, #cc0000, #990000) !important;
  background-image: linear-gradient(to bottom, #cc0000, #990000) !important;
  *zoom: 1;
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990000',GradientType=0 ) !important; */
}

.btnCol02 {
  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;
  *zoom: 1;
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990000',GradientType=0 ) !important; */
}

.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 0 !important;
  width: 100%;
}

.btnSL2 {
  font-weight: bold;
  font-size: 112%;
  padding: 10px 0 !important;
  width: 100%;
}

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

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;
}

.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;
}

.privacyBox{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 280px;
}

/* ----- table ----- */
table {
  table-layout: fixed;
}

table span, table label {
  margin: 0 2.5px;
}

table.tbl_basic {
  border-collapse: collapse;
}
table.tbl_basic th {
  border: 1px solid #cccccc;
  background-color: #eeeeee;
  padding: 2.5px;
  table-layout: fixed;
  vertical-align: top;
}
table.tbl_basic td {
  border: 1px solid #cccccc;
  background-color: #fff;
  padding: 2.5px;
  table-layout: fixed;
}

.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;
}

.tbltDTG {
  color: #cccccc;
}

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

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

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

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

.trgSort {
  cursor: pointer;
}

/*--------------------------------------
	5. アイコン
---------------------------------------*/
.icon_arrwT01, .iconArrowU, .iconArrowT {
  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 #cc0000;
  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 {
  height: 15px;
  width: 15px;
  margin: 0 0 0 2.5px !important;
  cursor: pointer;
}

.iconArrowU:before, .iconArrowT: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;
}

/*--------------------------------------
	5. 見出し
---------------------------------------*/
h1 {
  font-weight: bold;
  font-size: 124%;
  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-bottom: 20px;
  z-index: 0;
}

/* 色設定は /template/cust/sp/head.xhtml に移動

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

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

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

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

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

*/

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

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

/*--------------------------------------
	4. 枠設計
---------------------------------------*/
/*--------------------------------------
	7．header
---------------------------------------*/

/* 色設定は /template/cust/sp/head.xhtml に移動
header {
  border-top: 5px solid #cc0000;
  -moz-box-shadow: #eeeeee 2px 2px 2px;
  -webkit-box-shadow: #eeeeee 2px 2px 2px;
  box-shadow: #eeeeee 2px 2px 2px;
  padding: 10px 10px 5px 10px;
  margin-bottom: 10px;
}

header.blue {
  border-top: 5px solid #004ea2;
}
*/

#headerInner {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
#headerInner p {
  vertical-align: middle;
  display: inline-block;
}
#headerInner .logoL {
  margin-right: 20px;
}

/*--------------------------------------
	7．main
---------------------------------------*/
article section {
  padding: 0 10px;
}

article.custBox{padding-bottom: 60px;}

article.custBox h3 {
  border: 1px solid #cccccc;
  margin: 10px 0 0 0;
}
article.custBox h3 + div {
  border: 1px solid #cccccc;
  margin-top: -1px;
  padding: 10px;
}
article.custBox h3 + h3 {
  margin: -1px 0 0 0;
}
article.custBox p {
  margin-bottom: 20px;
}

/*--------------------------------------
	7．footer
---------------------------------------*/
footer {
  font-size: 77%;
  line-height: 1.1em;
  background-color: #eff0f1;
  border-top: 1px solid #cccccc;
  padding: 10px;
  /* margin-top: 20px; */
  position: absolute;
  height: 40px;
  bottom: 0;
  box-sizing: border-box;
width: 100%;
}

/*--------------------------------------
	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: 310px;
}

.modalBody.mdlCmt {
  width: 642px;
  height: 80%;
  max-height: 500px;
}

.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;
  height: 80%;
}

.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;
  }
}
@media only screen and (max-width: 480px) {
  .fl, .fr, .grid3 > div, td dl.titList dt {
    float: none;
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) {
  #headerInner, article.custBox {
    width: 700px;
    margin: 0 auto;
  }

  .btnArea input {
    display: inline-block;
    width: 40%;
  }

  .btnArea input.btnSL2 {
    display: inline-block;
    width: 80%;
  }

  .btnArea input[type="submit"] + input[type="submit"] {
    margin-left: 20px;
  }

  .btnArea.btnInline form{
    display: inline;
  }
  .btnArea form + form {
    margin-top: 10px;
    margin-left: 20px;
    display: inline;
  }

  footer {
    text-align: center;
  }
/*--------------------------------------
	収納手数料同意チェックボックス用
---------------------------------------*/
}
 .adminFeeSection h3 label,
   input[type='checkbox'] {
   cursor: pointer;
 }

/*
 .adminFeeCheckBefore {
   background: #cc0000 !important;
   color: #fff;
 }

 .adminFeeCheckAfter {
   background: #eeeeee !important;
   color: #000;
 }
*/
div.scroll1 {
   width: 100%;
   height: 120px;
   margin-bottom: 1.5em;
   background-color: #ffffff;
   border: 1px #c0c0c0 solid;
   color: #000000;
   overflow: auto;
}

div.scroll2pc {
   width: 100%;
   height: 100%;
   margin-bottom: 1.5em;
   background-color: #ffffff;
   border: 1px #c0c0c0 solid;
   color: #000000;
   overflow: auto;
}

div.scroll2sp {
   width: 100%;
   height: 160px;
   margin-bottom: 1.5em;
   background-color: #ffffff;
   border: 1px #c0c0c0 solid;
   color: #000000;
   overflow: auto;
}

 .webDiv1{
    line-height: 1.8em;
 }

 .webDiv1 th, td{
    padding: 10px !important;
 }

a.btnColW:hover, a.btnCol01:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
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;
}
a.btnColW, a.btnCol01 {
  text-decoration: none;
  color: #333333;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
a.btnColW {
  color: #333333;
  display: inline-block;
}

.qrImg{
	padding: 35px 0px 35px 0px;
	max-width: 90%;
}

table.tbl_userInfo input {
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 10px 0px 10px 5px;
  margin: 0 2px 0 0;
  vertical-align: middle;
  border-radius: 3px;
}

table.tbl_userInfo td {
  width: 35% !important;
  padding: 2.5px !important;
}

table.tbl_userInfo td + td {
  width: 65% !important;
  padding: 2.5px !important;
}

table.tbl_userInfo ::placeholder {
  color: #bbb;
}