@charset "UTF-8";
@import url(utility.css);
/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #3399ff;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #3399ff;
  color: #fff;
  text-shadow: none;
}

a {
  color: #00e;
}

a:visited {
  color: #551a8b;
}

a:hover {
  color: #06e;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

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

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled], label.submitEntry.disabled, label.submitAmendment.disabled {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

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

td {
  vertical-align: top;
}

.red{
  color: #c00;
}

.bold{
  font-weight: bold;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

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

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}
body {
  font-family: 'メイリオ', 'meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Verdana', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', sans-serif;
  font-size: 90%;
}

input,
select {
  font-family: 'メイリオ', 'meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Verdana', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', sans-serif;
}

a {
  text-decoration: none;
  color: #3355bb;
}

a:visited {
  text-decoration: none;
  color: #3355bb;
}

a:hover {
  text-decoration: underline;
}

.link {
  background: no-repeat 0 center;
  background-image: url(../../images/ja/bg-button-arrow-rb.png);
  padding-left: 12px;
}
@media screen and (max-width: 640px) {
  .link {
    background-image: url(../../images/ja/bg-button-arrow-rb_x2.png);
    background-size: 10px 10px;
  }
	.w100p{
		width: 100%;
	}

}

.outside {
  background: no-repeat 0 center;
  background-image: url(../../images/ja/mark_blank_arrow.png);
  padding-left: 16px;
}
.outside.right{
	display: inline-block;
  background: no-repeat right bottom;
  background-image: url(../../images/ja/mark_blank_arrow.png);
  padding-right: 16px;
	margin-right: 5px;
}
@media screen and (max-width: 640px) {
  .outside {
    background-image: url(../../images/ja/mark_blank_arrow_x2.png);
		background-size: 12px 12px;

  }
	.outside.right{
		background: no-repeat right bottom;
		background-image: url(../../images/ja/mark_blank_arrow.png);
		background-size: 14px 14px;
	}
}

.mustItem {
  background: #c96666;
  color: #ffffff;
  font-size: 72%;
  float: right;
  margin-left: 1em;
  text-align: center;
  width: 2.5em;
}
@media screen and (max-width: 640px) {
  .mustItem {
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
}

.agreementElem{
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  margin-top: 1em;
}
.agreementElem label{
  font-weight: bold;
  border: 1px solid #ccc;
  padding: 1em;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-indent: -3.25em;
  padding-left: 3.5em;
}
.agreementElem label:hover{
  text-decoration: underline;
}
.agreementElem label input[type=checkbox]{
  width: 18px;
  height: 18px;
  margin: 0 0.5em;
}

.button.outer,
label.submitEntry,
label.submitAmendment {
  background-color: #ffaf07;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGY1NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYWYwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fedf56), color-stop(100%, #ffaf07));
  background: -webkit-linear-gradient(#fedf56, #ffaf07);
  background: -moz-linear-gradient(#fedf56, #ffaf07);
  background: -o-linear-gradient(#fedf56, #ffaf07);
  background: linear-gradient(#fedf56, #ffaf07);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEDF56', endColorstr='#FFFFAF07');
  border: 1px solid #c2c2c2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #222;
  cursor: pointer;
  display: block;
  padding: 0;
  text-decoration: none;
}
.button.outer:hover,
label.submitEntry:hover,
label.submitAmendment:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjljMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWIxMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff9c1), color-stop(100%, #ffeb12));
  background: -webkit-linear-gradient(#fff9c1, #ffeb12);
  background: -moz-linear-gradient(#fff9c1, #ffeb12);
  background: -o-linear-gradient(#fff9c1, #ffeb12);
  background: linear-gradient(#fff9c1, #ffeb12);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFF9C1', endColorstr='#FFFFEB12');
  border-color: #000;
}
.button.outer.disabled:hover,
label.submitEntry.disabled:hover,
label.submitAmendment.disabled:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGY1NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYWYwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fedf56), color-stop(100%, #ffaf07));
  background: -webkit-linear-gradient(#fedf56, #ffaf07);
  background: -moz-linear-gradient(#fedf56, #ffaf07);
  background: -o-linear-gradient(#fedf56, #ffaf07);
  background: linear-gradient(#fedf56, #ffaf07);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEDF56', endColorstr='#FFFFAF07');
  border: 1px solid #c2c2c2;
}
.button.outer .inner,
label.submitEntry .inner,
label.submitAmendment .inner {
  background: no-repeat 10px center;
  background-image: url(../../images/ja/bg-button-arrow-rb.png);
  border: none;
  display: block;
  font-weight: bold;
  height: 100%;
  padding: 10px 20px 10px 22px;
  width: auto;
}
@media screen and (max-width: 640px) {
  .button.outer .inner,
  label.submitEntry .inner,
  label.submitAmendment .inner {
    background-image: url(../../images/ja/bg-button-arrow-rb_x2.png);
    background-size: 10px 10px;
  }
}

label.submitEntry,
label.submitAmendment {
  margin: 0 auto;
  min-width: 200px;
  width: 200px;
}
@media screen and (max-width: 640px) {
  label.submitEntry,
  label.submitAmendment {
    box-sizing: border-box;
    width: 100% !important;
  }
}
label.submitEntry.regular,
label.submitAmendment.regular {
  width: 200px;
}
label.submitEntry .inner,
label.submitAmendment .inner {
  width: 100%;
}

label.submitAmendment {
  background-color: #fafafb;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafb));
  background: -webkit-linear-gradient(#ffffff, #fafafb);
  background: -moz-linear-gradient(#ffffff, #fafafb);
  background: -o-linear-gradient(#ffffff, #fafafb);
  background: linear-gradient(#ffffff, #fafafb);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFAFAFB');
}
label.submitAmendment .inner {
  background-image: url(../../images/ja/bg-button-arrow-lb.png);
}
@media screen and (max-width: 640px) {
  label.submitAmendment .inner {
    background-image: url(../../images/ja/bg-button-arrow-lb_x2.png);
  }
}

.allCR {
  display: block;
}
.allCR.mB {
  margin-bottom: 10px;
}

.pcCR {
  display: block;
}
@media screen and (max-width: 640px) {
  .pcCR {
    display: inline;
  }
}
@media screen and (max-width: 640px) {
  .pcCR.mL {
    margin-left: 10px;
  }
}
@media screen and (max-width: 640px) {
  .pcCR.mR {
    margin-right: 10px;
  }
}
@media screen and (max-width: 640px) {
  .pcCR.mH {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.spCR {
  display: inline;
}
.spCR.mL {
  margin-left: 10px;
}
.spCR.mR {
  margin-right: 10px;
}
.spCR.mH {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 640px) {
  .spCR {
    display: block;
    margin-bottom: 5px;
    margin-left: 0;
  }
}

.noCR.mL {
  margin-left: 10px;
}
.noCR.mR {
  margin-right: 10px;
}
.noCR.mH {
  margin-left: 10px;
  margin-right: 10px;
}

.wrapper {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .wrapper {
    margin: 0 10px;
    width: auto;
  }
}

.contents {
  margin: 50px auto;
  width: 700px;
}
@media screen and (max-width: 640px) {
  .contents {
    margin: 15px auto 50px;
    width: 100%;
  }
}

.headLinkElem,
.addLinkElem {
  clear: both;
  margin: 10px 0;
  overflow: hidden;
}

.readText {
  margin: 30px 0;
}

.errorTextArea {
  color: #f00;
}
.errorTextArea ul {
  padding-left: 20px;
}

.print,
.logout,
.password {
  text-align: right;
}

.print{
  float: right;
  margin: 0;
  *zoom: 1;
  margin-right: 10px;
}
.logout {
  float: right;
  margin: 0;
  *zoom: 1;
}
.print .button.outer,
.logout .button.outer {
  background-color: #fafafb;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafb));
  background: -webkit-linear-gradient(#ffffff, #fafafb);
  background: -moz-linear-gradient(#ffffff, #fafafb);
  background: -o-linear-gradient(#ffffff, #fafafb);
  background: linear-gradient(#ffffff, #fafafb);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFAFAFB');
  border: 1px solid #c2c2c2;
  color: #4a4c4d;
}
.print .button.outer:hover,
.logout .button.outer:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWVmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZGVlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebeef0), color-stop(100%, #d8dee0));
  background: -webkit-linear-gradient(#ebeef0, #d8dee0);
  background: -moz-linear-gradient(#ebeef0, #d8dee0);
  background: -o-linear-gradient(#ebeef0, #d8dee0);
  background: linear-gradient(#ebeef0, #d8dee0);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEBEEF0', endColorstr='#FFD8DEE0');
  border-color: #000;
}
.print .button.outer .inner,
.logout .button.outer .inner {
  font-weight: normal;
  height: 100%;
  padding: 5px 20px 5px 22px;
}
@media screen and (max-width: 640px) {
  .print{
    margin-right: 0;
    margin-top: 10px;
  }
}

.entryElem {
  margin: 50px 0 0;
  position: relative;
  overflow: hidden;
}
.entryElem .entry {
  margin: 0 auto;
  text-align: center;
  width: 200px;
}
@media screen and (max-width: 640px) {
  .entryElem .entry {
    width: auto;
  }
}
.entryElem .return {
  left: 15px;
  position: absolute;
  top: 2px;
}
@media screen and (max-width: 640px) {
  .entryElem .return {
    float: left;
    left: 0;
    margin-top: 20px;
    position: relative;
    top: 0;
  }
}
.entryElem .return .button.outer {
  background-color: #fafafb;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafb));
  background: -webkit-linear-gradient(#ffffff, #fafafb);
  background: -moz-linear-gradient(#ffffff, #fafafb);
  background: -o-linear-gradient(#ffffff, #fafafb);
  background: linear-gradient(#ffffff, #fafafb);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFAFAFB');
  border: 1px solid #c2c2c2;
  color: #4a4c4d;
}
.entryElem .return .button.outer:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjljMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWUzYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff9c1), color-stop(100%, #ffee3c));
  background: -webkit-linear-gradient(#fff9c1, #ffee3c);
  background: -moz-linear-gradient(#fff9c1, #ffee3c);
  background: -o-linear-gradient(#fff9c1, #ffee3c);
  background: linear-gradient(#fff9c1, #ffee3c);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFF9C1', endColorstr='#FFFFEE3C');
  border-color: #000;
}
.entryElem .return .button.outer .inner {
  background-image: url(../../images/ja/bg-button-arrow-lb.png);
  font-weight: normal;
  height: 100%;
  padding: 8px 25px 8px 28px;
}
@media screen and (max-width: 640px) {
  .entryElem .return .button.outer .inner {
    background-image: url(../../images/ja/bg-button-arrow-lb_x2.png);
  }
}
.entryElem .skip {
  position: absolute;
  right: 15px;
  top: 0;
  width: 202px;
}
@media screen and (max-width: 640px) {
  .entryElem .skip {
    margin-top: 20px;
    position: relative;
    right: 0;
  }
}
.entryElem.activationConfirm {
  text-align: center;
}
.entryElem.activationConfirm .submitEntry,
.entryElem.activationConfirm .submitAmendment {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 20px;
}
@media screen and (max-width: 640px) {
  .entryElem.activationConfirm .submitEntry,
  .entryElem.activationConfirm .submitAmendment {
    margin: 0;
  }
  .entryElem.activationConfirm .submitEntry {
    margin-top: 15px;
  }
}
.entryElem.noEntry {
  height: 50px;
}
@media screen and (max-width: 640px) {
  .entryElem.noEntry {
    height: auto;
  }
}

.pageTitle {
  background-color: #eee;
  font-weight: bold;
  padding: 10px;
}

.main {
  clear: both;
  margin: 50px 0 0;
}
@media screen and (max-width: 640px) {
  .main {
    margin-top: 30px;
  }
}
.main .firstAdvice {
  border-left: 3px solid #222;
  margin: 15px 0 5px;
  padding: 2px 0 2px 10px;
}
@media screen and (max-width: 640px) {
  .main .firstAdvice {
    margin-bottom: 1em;
  }
}
.main .firstAdvice p {
  margin: 0;
}

.mainMenu {
  margin-left: -13px;
  padding: 0;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .mainMenu {
    margin-left: 0;
  }
}
.mainMenu .block {
  list-style: none;
  float: left;
  padding: 0 0 15px 15px;
  width: 222px;
}
@media screen and (max-width: 640px) {
  .mainMenu .block {
    float: none;
    margin: 0 auto 15px;
    padding: 0;
    width: 222px;
  }
}
.mainMenu .block .outer {
  display: block;
  overflow: hidden;
}
.cpn #cpnbtn,
.mainMenu .block .inner {
  background-image: url(../../images/ja/user_mainMenu.png);
  background-repeat: no-repeat;
  border: 0;
  display: block;
  height: 72px;
  padding: 0;
  text-indent: -9999em;
  width: 100%;
}
.mainMenu .block .inner#mainMenuAccount {
  background-position: 0 0;
}
.mainMenu .block .inner#mainMenuAccount:hover {
  background-position: 0 -72px;
}
.mainMenu .block .inner#menuUseCondition {
  background-position: -222px 0;
}
.mainMenu .block .inner#menuUseCondition:hover {
  background-position: -222px -72px;
}
.mainMenu .block .inner#menuCredit {
  background-position: -444px 0;
}
.mainMenu .block .inner#menuCredit:hover {
  background-position: -444px -72px;
}
.mainMenu .block .inner#menuCharge {
  background-position: -666px 0;
}
.mainMenu .block .inner#menuCharge:hover {
  background-position: -666px -72px;
}
.mainMenu .block .inner#menuPlanchange {
  background-position: -1554px 0;
}
.mainMenu .block .inner#menuPlanchange:hover {
  background-position: -1554px -72px;
}
.mainMenu .block .inner#menuPlanchangeCancel {
  background-position: -1554px 0;
}
.mainMenu .block .inner#menuPlanchangeCancel:hover {
  background-position: -1554px -72px;;
}
.mainMenu .block .inner#menuVoiceService {
  background-position: -1776px 0;
}
.mainMenu .block .inner#menuVoiceService:hover {
  background-position: -1776px -72px;
}
.mainMenu .block .inner#menuPassword {
  background-position: -888px 0;
}
.mainMenu .block .inner#menuPassword:hover {
  background-position: -888px -72px;
}
.mainMenu .block .inner#menuDatails {
  background-position: -1998px 0;
}
.mainMenu .block .inner#menuDatails:hover {
  background-position: -1998px -72px;
}
.mainMenu .block .inner#menuRouter {
  background-position: -1110px 0;
}
.mainMenu .block .inner#menuRouter:hover {
  background-position: -1110px -72px;
}
.mainMenu .block .inner#menuQuit {
  background-position: -1332px 0;
}
.mainMenu .block .inner#menuQuit:hover {
  background-position: -1332px -72px;
}
.mainMenu .block .inner#menuMNPMore {
  background-position: -2220px 0;
}
.mainMenu .block .inner#menuMNPMore:hover {
  background-position: -2220px -72px;
}
.mainMenu .block .inner#menuUserImages {
  background-position: -2442px 0;
}
.mainMenu .block .inner#menuUserImages:hover {
  background-position: -2442px -72px;
}
.mainMenu .block .inner#menuCampaign {
  background-position: -2664px 0;
}
.mainMenu .block .inner#menuCampaign:hover {
  background-position: -2664px -72px;
}
.mainMenu .block .inner#userAnaMileageRefer {
  background-position: -2886px 0;
}
.mainMenu .block .inner#userAnaMileageRefer:hover {
  background-position: -2886px -72px;
}
.mainMenu .block .inner#userAnaMileage {
  background-position: -3108px 0;
}
.mainMenu .block .inner#userAnaMileage:hover {
  background-position: -3108px -72px;
}
.mainMenu .block .inner#menuTelOptionChange {
  background-position: -3330px 0;
}
.mainMenu .block .inner#menuTelOptionChange:hover {
  background-position: -3330px -72px;
}
.mainMenu .block .inner#mail {
  background-position: -3552px 0;
}
.mainMenu .block .inner#mail:hover {
  background-position: -3552px -72px;
}
#menuRefundDatails {
  background-image: url(../../images/ja/user_mainMenu_refund.png);
  background-repeat: no-repeat;
  border: 0;
  display: block;
  height: 72px;
  padding: 0;
  text-indent: -9999em;
  width: 100%;
  background-position: 0px 0;
}
#menuRefundDatails:hover {
  background-image: url(../../images/ja/user_mainMenu_refund.png);
  background-repeat: no-repeat;
  border: 0;
  display: block;
  height: 72px;
  padding: 0;
  text-indent: -9999em;
  width: 100%;
  background-position: 0px -72px;
}
.cpn img{
  max-width: 100%;
}
.cpn #cpnbtn{
  background-image: url(../../images/ja/btn.png)!important;
  width: 222px;
  margin-left: auto;
  margin-right: auto;
}
.cpn #cpnbtn:hover{
  background-position: left bottom;
}
.buttonMenu {
  margin-left: -13px;
  padding: 0;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .buttonMenu {
    margin-left: 0;
  }
}
.buttonMenu .block {
  list-style: none;
  float: left;
  padding: 0 0 7px 7px;
  width: 230px;
}
@media screen and (max-width: 640px) {
  .buttonMenu .block {
    float: none;
    margin: 0 auto 12px;
    padding: 0;
    width: 250px;
  }
}
.buttonMenu .block .outer {
  display: block;
  overflow: hidden;
}
.buttonMenu .block .inner {
  background-repeat: no-repeat;
  border: 0;
  display: block;
  height: 72px;
  padding: 0;
  width: 100%;
}

.buttonMenu .block label.submitEntry.disabled:hover {
  border: #c2c2c2;
}

.infoElem {
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 15px;
}

.infoTextBox {
  border: 1px solid #c3c3c3;
  padding: 15px;
}

.outputDataElem,
.inputDataElem,
.chargePlanElem,
.tableFixed{
  border-collapse: collapse;
  empty-cells: hide;
  width: 100%;
}
.outputDataElem .errorText,
.inputDataElem .errorText,
.chargePlanElem .errorText,
.tableFixed .errorText{
  color: #f00;
  display: block;
}
.outputDataElem th, .outputDataElem td,
.inputDataElem th,
.inputDataElem td,
.chargePlanElem th,
.chargePlanElem td,
.tableFixed th,
.tableFixed td{
  border: 1px solid #c3c3c3;
  font-weight: normal;
  line-height: 1.4;
  padding: 6px 9px;
  text-align: left;
  vertical-align: middle;
}
.outputDataElem th,
.inputDataElem th,
.chargePlanElem th,
.tableFixed th{
  background-color: #eee;
}
.outputDataElem th.combination,
.inputDataElem th.combination,
.chargePlanElem th.combination,
.tableFixed th.combination{
  border-bottom-color: #eee;
}
.outputDataElem th.combEnd,
.inputDataElem th.combEnd,
.chargePlanElem th.combEnd,
.tableFixed th.combEnd{
  border-bottom-color: #c3c3c3;
}
.outputDataElem th label,
.inputDataElem th label,
.chargePlanElem th label,
.tableFixed th label{
  float: left;
}
@media screen and (max-width: 640px) {
  .outputDataElem th label,
  .inputDataElem th label,
  .chargePlanElem th label {
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
}
.outputDataElem td.combination,
.inputDataElem td.combination,
.chargePlanElem td.combination {
  border-bottom-color: #fff;
}
.outputDataElem td.combEnd,
.inputDataElem td.combEnd,
.chargePlanElem td.combEnd {
  border-bottom-color: #c3c3c3;
}
.outputDataElem .empty,
.inputDataElem .empty,
.chargePlanElem .empty {
  background-color: #fff;
  border-top: none;
  border-left: none;
}

@media screen and (max-width: 640px) {
  .outputDataElem tr,
  .inputDataElem tr {
   display: block;
  }
  .outputDataElem tr:first-child th,
  .inputDataElem tr:first-child th {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
  }
  .outputDataElem tr:last-child td,
  .inputDataElem tr:last-child td {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #c3c3c3;
  }
  .outputDataElem th, .outputDataElem td,
  .inputDataElem th,
  .inputDataElem td {
    display: block;
  }
  .outputDataElem th,
  .inputDataElem th {
    border-bottom: none;
  }
  .outputDataElem th.combination,
  .inputDataElem th.combination {
    border-top: none;
  }
  .outputDataElem th.combStart,
  .inputDataElem th.combStart {
    border-top: 1px solid #c3c3c3;
  }
  .outputDataElem td,
  .inputDataElem td {
    border-top: none;
    border-bottom: none;
  }
  .tableFixed{
    table-layout:fixed;
  }
  .tableFixed th,
	.tableFixed tr,
  .tableFixed td{
    word-wrap: break-word;
  }
}
.outputDataElem.chargePlan,
.inputDataElem.chargePlan {
  margin: 0 auto;
  width: 60%;
}
.outputDataElem.chargePlan th,
.inputDataElem.chargePlan th {
  width: 40%;
}
@media screen and (max-width: 640px) {
  .outputDataElem.chargePlan,
  .inputDataElem.chargePlan {
    width: 100%;
  }
  .outputDataElem.chargePlan th,
  .inputDataElem.chargePlan th {
    width: auto;
  }
}
.outputDataElem.chargePlan.accountRegister,
.inputDataElem.chargePlan.accountRegister {
  margin-bottom: 50px;
  width: 100%;
}

.chargePlanElem .planMatter {
  width: 100%;
}
.chargePlanElem .planMatter .chargePlanElem th {
  background-color: #f7f7f7;
}
.chargePlanElem .inputHead,
.chargePlanElem .input {
  width: 130px;
}
.chargePlanElem .input {
  background-color: #fff;
  text-align: center;
}
.chargePlanElem .input label {
  display: block;
  float: none;
  padding: 10px;
}
.chargePlanElem .tHead {
  white-space: nowrap;
  width: 0;
}
@media screen and (max-width: 640px) {
  .chargePlanElem .tHead {
    white-space: normal;
    width: auto;
  }
}
.chargePlanElem.chargePlan {
  margin: 0 auto;
  width: 60%;
}
@media screen and (max-width: 640px) {
  .chargePlanElem.chargePlan {
    width: 100%;
  }
}
.chargePlanElem.userChargePlan {
  margin: 0 auto;
  width: 75%;
}
@media screen and (max-width: 640px) {
  .chargePlanElem.userChargePlan {
    width: 100%;
  }
}

.dataArea input[type="text"],
.dataArea input[type="password"],
.dataArea input[type="tel"],
.dataArea select {
  box-sizing: border-box;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 2px 3px;
}
.dataArea input[type="text"].error,
.dataArea input[type="password"].error,
.dataArea input[type="tel"].error,
.dataArea select.error {
  background-color: #FFD7D7;
}
.dataArea input[type="radio"],
.dataArea input[type="checkbox"] {
  margin-left: 3px;
  margin-right: 3px;
}
@media screen and (max-width: 640px) {
  .dataArea input[type="radio"],
  .dataArea input[type="checkbox"] {
    font-size: 200%;
    height: 20px;
    width: 20px;
    margin: 6px;
  }
}
.dataArea .inputTextS3 {
  width: 30px;
}
.dataArea .inputTextS2 {
  width: 40px;
}
.dataArea .inputTextS {
  width: 50px;
}
.dataArea .inputTextR {
  width: 100px;
}
.dataArea .inputText {
  width: 150px;
}
.dataArea .inputTextM {
  width: 200px;
}
@media screen and (max-width: 640px) {
  .dataArea .inputTextM {
    width: 100%;
  }
}
.dataArea .inputTextL {
  width: 250px;
}
@media screen and (max-width: 640px) {
  .dataArea .inputTextL {
    width: 100%;
  }
}
.dataArea .inputTextL2 {
  width: 300px;
}
@media screen and (max-width: 640px) {
  .dataArea .inputTextL2 {
    width: 100%;
  }
}
.dataArea .inputTextarea {
  height: 100px;
  overflow: auto;
  width: 388px;
}
@media screen and (max-width: 640px) {
  .dataArea .inputTextarea {
    width: auto;
  }
}

.planDisplay,
.useConditionDisplay,
.planDisplay.menu {
  overflow: hidden;
}
.planDisplay dt, .planDisplay dd,
.useConditionDisplay dt,
.planDisplay.menu dt,
.useConditionDisplay dd,
.planDisplay.menu dd {
  margin: 0;
}
.planDisplay dt,
.useConditionDisplay dt,
.planDisplay.menu dt {
  clear: left;
  float: left;
}

.planDisplay dt {
  width: 7em;
}
.planDisplay dd {
  padding-left: 8em;
}

.useConditionDisplay, .planDisplay.menu {
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 120%;
  padding: 2px 10px;
}
.useConditionDisplay dt, .planDisplay.menu dt, .useConditionDisplay dd, .planDisplay.menu dd {
  padding: 8px 0;
}
.useConditionDisplay dt, .planDisplay.menu dt {
  width: 15em;
}
@media screen and (max-width: 640px) {
  .useConditionDisplay dt, .planDisplay.menu dt {
    float: none;
    display: block;
    width: auto;
  }
}
.useConditionDisplay dd, .planDisplay.menu dd {
  border-bottom: 1px dotted #c3c3c3;
  padding-left: 16em;
}
@media screen and (max-width: 640px) {
  .useConditionDisplay dd, .planDisplay.menu dd {
    padding-top: 0;
    padding-left: 1em !important;
    width: auto;
  }
}
.useConditionDisplay dd.end, .planDisplay.menu dd.end {
  border-bottom: none;
}

.planDisplay.menu {
  border-width: 2px;
}
.planDisplay.menu dt {
  width: 20em;
}
.planDisplay.menu dd {
  border-width: 2px;
  padding-left: 9em;
}

.chargePlanCheck,
.accountRegisterCheck {
  margin-top: 15px;
}
.chargePlanCheck table,
.accountRegisterCheck table {
  border: 2px solid #c3c3c3;
  border-collapse: collapse;
  margin-top: 15px;
  padding: 10px 15px;
}
.chargePlanCheck td,
.accountRegisterCheck td {
  padding: 10px;
  vertical-align: middle;
}
.chargePlanCheck td.input,
.accountRegisterCheck td.input {
  padding: 0;
}
.chargePlanCheck label,
.accountRegisterCheck label {
  padding: 10px;
  display: block;
}

.accountRegisterCheck {
  margin-top: 50px;
}

/* start userCancell */
.userCancellCheck {
  margin-top: 15px;
}
.userCancellCheck table {
  border: 2px solid #c3c3c3;
  border-collapse: collapse;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 15px;
}
.userCancellCheck td {
  padding: 10px;
  vertical-align: middle;
}
.userCancellCheck td.input {
  padding: 0;
}
.userCancellCheck label {
  padding: 10px;
  display: block;
}
/* end userCancell */

.stacktable {
  display: none;
}
@media screen and (max-width: 640px) {
  .stacktable {
    display: table;
  }
}

.useConditionTable {
  border-collapse: collapse;
  font-size: 80%;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .useConditionTable {
    display: none;
  }
}
.useConditionTable th, .useConditionTable td {
  border: 1px solid #c3c3c3;
  font-weight: normal;
  line-height: 1.4;
  padding: 4px;
  text-align: left;
  vertical-align: middle;
}
.useConditionTable th {
  background-color: #eee;
}

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

.pager {
  margin: 10px 0;
  text-align: center;
}
.pager a {
  background-color: #F7F7F7;
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #222;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 10px;
  padding: 2px 10px;
  text-decoration: none;
}
.pager a:hover {
  background-color: #d8dee0;
  border-color: #8d8d8d;
}
.pager .current {
  background-color: #fff;
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #222;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 10px;
  padding: 2px 10px;
}

.creditNumber {
  margin-left: 30px;
}

.creditSecurity {
  font-size: 90%;
}

.footer {
  border-top: 1px solid #c0c0c0;
  clear: both;
  margin: 0 auto 50px;
  padding-top: 15px;
  text-align: center;
  width: 700px;
}
@media screen and (max-width: 640px) {
  .footer {
    width: auto;
  }
}

.registFlow {
  padding: 0;
}
.registFlow li {
  background: url(../../images/ja/bg-actvFlow.png) no-repeat center bottom;
  list-style: none;
  margin: 0 auto 11px;
  padding-bottom: 20px;
  width: 350px;
}
@media screen and (max-width: 640px) {
  .registFlow li {
    background-image: url(../../images/ja/bg-actvFlow_x2.png);
    background-size: 32px 10px;
  }
}
@media screen and (max-width: 640px) {
  .registFlow li {
    width: auto;
  }
}
.registFlow li span {
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: block;
  padding: 10px 5px;
  text-align: center;
}
.registFlow li.end {
  background-image: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/*stacktable*/
.stacktable {
  width: 100%;
}

.st-head-row {
  padding-top: 1em;
  text-align: left;
}

.st-head-row.st-head-row-main {
  background-color: #eee;
  padding: 0.5em 0.2em;
  text-align: left;
}

.st-key {
  padding-right: 1%;
}

.st-val {
  padding-left: 1%;
}

.stacktable.large-only {
  display: table;
}

.small-only {
  display: none;
}

@media (max-width: 800px) {
  .large-only {
    display: none;
  }

  .stacktable.small-only {
    display: table;
  }
}
@media screen and (max-width: 640px) {
  .pcHeader {
    display: none;
  }
}

.spHeader {
  display: none;
}
@media screen and (max-width: 640px) {
  .spHeader {
    display: block;
  }
}

html, body {
  margin: 0;
  padding: 0;
}

.gHd2010 {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  text-align: left !important;
  font-size: 12px !important;
  line-height: 1.2em !important;
  font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif !important;
  *font-size: small !important;
  *font: x-small !important;
  color: #000000 !important;
}

.gHd2010 div, .gHd2010 h1, .gHd2010 form, .gHd2010 p, .gHd2010 input, .gHd2010 select {
  margin: 0px;
  padding: 0px;
}

.gHd2010 input, .gHd2010 select {
  vertical-align: middle;
  font-size: 12px !important;
  font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif !important;
}

.gHd2010 img {
  border: none;
}

.gHd2010 a {
  text-decoration: none;
  font-size: 100% !important;
  color: #0a54a7;
}

.gHd2010 a:visited {
  text-decoration: none;
  color: #0a54a7;
}

.gHd2010 a:hover {
  text-decoration: underline;
  color: #ff0000;
}

.gHd2010 a:active {
  color: #ff0000;
}

.gHd2010 .gHd2010_searchArea {
  border-bottom: 1px #bfbfbf solid;
  background: #e9e9e9;
}

.gHd2010 .gHd2010_searchArea .gHd2010_innerBox {
  overflow: hidden;
  margin: 0 auto;
  width: 950px;
}

.gHd2010 .gHd2010_pr {
  float: left;
  margin-top: 6px;
  padding-left: 5px;
  width: 550px;
  font-size: 13px !important;
}

.gHd2010 .gHd2010_pr a {
  border: 1px #dadada solid;
  background: #fff;
}

.gHd2010 .gHd2010_search {
  float: right;
  position: relative;
  margin-right: 10px;
  width: 380px;
  height: 25px;
}

.gHd2010 .gHd2010_search form {
  position: absolute;
  top: 3px;
  right: 0;
}

.gHd2010 .gHd2010_keyword {
  float: left;
  margin-right: 2px;
  width: 200px;
  height: 1.4em;
  border: 1px #cccccc solid;
}

.gHd2010 .gHd2010_category {
  float: left;

  margin-right: 2px;
  width: 80px;
  height: 1.7em;
  border: 1px #cccccc solid;
}

.gHd2010 .gHd2010_btn {
  float: left;
}

.gHd2010 .gHd2010_mainArea {
  clear: both;
  background: url(../../images/ja/gHd2010_mainArea_bg.png) repeat-x;
}

.gHd2010 .gHd2010_mainArea .gHd2010_innerBox {
  margin: 0 auto;
  width: 950px;
  min-height: 54px;
  zoom: 100%;
  _height: 54px;
  background: url(../../images/ja/gHd2010_so-net_logo.png) no-repeat;
}

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

.gHd2010 .gHd2010_mainArea .gHd2010_logo {
  position: relative;
  float: left;
  width: 146px;
  height: 47px;
}

.gHd2010 .gHd2010_mainArea .gHd2010_logo a {
  display: block;
  position: absolute;
  top: 5px;
  left: 15px;
  width: 102px;
  height: 36px;
  text-indent: -9999px;
  font-size: 0;
}

.gHd2010 .gHd2010_mainArea h1,
.gHd2010 .gHd2010_mainArea .gHd2010_title {
  float: left;
  padding-top: 11px;
  border: none;
  text-align: left;
  text-indent: 0;
}

.gHd2010 .gHd2010_mainArea h1 img,
.gHd2010 .gHd2010_mainArea .gHd2010_title img {
  border: 7px solid #fff;
}

.gHd2010 .gHd2010_mainArea .gHd2010_copy {
  float: left;
  padding: 18px 0 0 15px;
  width: 290px;
  font-size: 13px !important;
}

.gHd2010 .gHd2010_mainArea .gHd2010_status {
  float: right;
  padding-top: 17px;
  width: 200px;
  text-align: right;
}

.gHd2010 .gHd2010_mainArea .gHd2010_status .name {
  padding-right: 3px;
  font-size: 85% !important;
}

.gHd2010 .gHd2010_mainArea .gHd2010_link {
  float: right;
  padding: 17px 10px 0 15px;
}

.gHd2010 .gHd2010_simpleArea {
  border-bottom: 1px #cecece solid;
}

.gHd2010 .gHd2010_simpleArea .gHd2010_innerBox {
  margin: 0 auto;
  width: 950px;
  min-height: 27px;
  zoom: 100%;
  _height: 27px;
}

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

.gHd2010 .gHd2010_simpleArea h1 {
  float: left;
  padding-left: 10px;
}

.gHd2010 .gHd2010_simpleArea .gHd2010_link {
  float: right;
  padding: 7px 10px 0 20px;
}

.gHd2010 .gHd2010_simpleArea .gHd2010_note {
  float: right;
  padding-top: 7px;
  font-size: 10px !important;
}

html, body {
  margin: 0;
  padding: 0;
}

.mob_gHd2011 {
  position: relative;
  margin: 0;
  padding: 0 0 5px 0;
  text-align: left;
  color: #000000;
  zoom: 1 !important;
}

.mob_gHd2011 .gHd2011_innerBox {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 40px;
  border-bottom: 1px #606060 solid;
  background: #ffffff;
}

.mob_gHd2011.dark .gHd2011_innerBox {
  border-bottom: 1px #ffffff solid;
  background: #1b1b1b;
}

.mob_gHd2011 .gHd2011_innerBox h1,
.mob_gHd2011 .gHd2011_innerBox .gHd2011_logo {
  position: absolute;
  left: 5px;
  top: 0px;
  margin: 0;
  padding: 0;
  width: 99px;
  height: 40px;
  font-size: 9px;
  line-height: 1;
}

.mob_gHd2011 .gHd2011_innerBox h1 img,
.mob_gHd2011 .gHd2011_innerBox .gHd2011_logo img {
  width: 99px;
  height: 40px;
}

.mob_gHd2011 .gHd2011_innerBox .gHd2011_search {
  position: absolute;
  top: 0;
  right: 0;
}

.mob_gHd2011 .gHd2011_innerBox .gHd2010_status {
  position: relative;
  margin-left: 105px;
  padding: 14px 72px 0px 0px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}

.mob_gHd2011 .gHd2011_innerBox .gHd2010_status .name {
  font-size: 11px;
}

.mob_gHd2011.dark .gHd2011_innerBox .gHd2010_status .name {
  color: #ffffff;
}

.mob_gHd2011 .gHd2011_innerBox .gHd2010_status #image {
  position: absolute;
  top: 13px;
  right: 10px;
}

.mob_gFt2011 {
  margin: 0;
  padding: 0;
  text-align: left;
  zoom: 1 !important;
  font-size: 18px;
}

.mob_gFt2011 .gFt2011_copyright {
  margin-top: 10px;
  padding: 8px 0;
  width: 100%;
  border-top: 1px #606060 solid;
  background: #ffffff;
  text-align: center;
  color: #000000;
}

.mob_gFt2011.dark .gFt2011_copyright {
  border-top: 1px #ffffff solid;
  background: #1b1b1b;
  color: #ffffff;
}
.harf{
width: 80%;
margin: 50px auto 0;
}

.swich, .swich th, .swich td{
	border-top: none;
}
.entrySwich{
	background-color: #ffaf07;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fedf56), color-stop(100%, #ffaf07));
	background: -webkit-linear-gradient(#fedf56, #ffaf07);
	background: -moz-linear-gradient(#fedf56, #ffaf07);
	background: -o-linear-gradient(#fedf56, #ffaf07);
	background: linear-gradient(#fedf56, #ffaf07);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEDF56', endColorstr='#FFFFAF07');
	border: 1px solid #c2c2c2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #222;
	cursor: pointer;
	display: block;
	padding: 5px;
	text-decoration: none;
	width: 100%;
}
.entrySwich.entry{
	background-color: #fafafb;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafb));
	background: -webkit-linear-gradient(#ffffff, #fafafb);
	background: -moz-linear-gradient(#ffffff, #fafafb);
	background: -o-linear-gradient(#ffffff, #fafafb);
	background: linear-gradient(#ffffff, #fafafb);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFAFAFB');
	border: 1px solid #c2c2c2;
	color: #4a4c4d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	padding: 5px;
	text-decoration: none;
	width: 100%;
}

.w500{
	width: 500px !important;
}

.smallButton input{
  background-color: #ffaf07;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fedf56), color-stop(100%, #ffaf07));
  background: -webkit-linear-gradient(#fedf56, #ffaf07);
  background: -moz-linear-gradient(#fedf56, #ffaf07);
  background: -o-linear-gradient(#fedf56, #ffaf07);
  background: linear-gradient(#fedf56, #ffaf07);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEDF56', endColorstr='#FFFFAF07');
  border: 1px solid #c2c2c2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #222;
  cursor: pointer;
  text-decoration: none;
}

@media screen and (max-width: 640px) {
	.w500{
		width: 100% !important;
	}
	.w500 .inner{
	  white-space: inherit !important;
	  text-align: left !important;
	}
}

.quit_prbnr {
  margin-bottom: 2rem;
}

.quit_prbnr a:hover{
  opacity: 0.6;
}

.quit_prbnr img{
  width: 100%;
  border: 1px solid #aaa;
  box-sizing: border-box;
}


.close-icon {
  background: no-repeat center;
  background-image: url(../../images/ja/icon_close.svg);
  padding: 1em;
  margin: 1em;
}

.commonModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.commonModal__in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  padding: 20px;
}

.commonModal__in4 {
  text-align: center;
}

.commonModal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.m-modal__closeButton {
  grid-area: button;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 640px) {
  .m-modal__closeButton {
    top: 4px;
  }
}

.modal-window {
  display: table;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  padding: 0;
}

.modal-window .modal-background {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 125%;
  top: 0;
  left: 0;
  z-index: -1;
}

.modal-window .modal-container {
  display: table-cell;
  vertical-align: middle;
}

.modal-window .modal-container .modal-content {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  margin: auto;
}

.modal-window .modal-container .modal-content>* {
  padding: 0 1em;
}

.modal-window .modal-container .modal-content>*:first-child {
  padding-top: 1.5em;
}

.modal-window .modal-container .modal-content>*:last-child {
  padding-bottom: 1.5em;
}

.modal-window .modal-container .modal-content.confirm {
  width: 95%;
  width: -webkit-calc(100% - 1.6em);
  width: calc(100% - 1.6em);
  max-width: 600px;
  background: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
}

.modal-window .modal-container .modal-content.confirm .modal-content-title {
  border-bottom: 1px solid #ccc;
}

.modal-window .modal-container .modal-content.confirm .modal-content-description {
  text-align: justify;
}

.modal-window .modal-container .modal-content.confirm .modal-content-description p {
  margin: 0.5em auto;
}

.modal-window .modal-container .modal-content.confirm .modal-content-description p:last-child {
  margin-bottom: 0;
}

.modal-window .modal-container .modal-content.confirm .modal-content-header-buttons {
  position: relative;
}

.modal-window .modal-container .modal-content.confirm .modal-content-buttons button {
  margin: 1em 0.5em 0;
}

.modal-window .modal-container .modal-content.confirm .modal-content-buttons button:before {
  display: none;
}

.modal-window .modal-container .modal-content.confirm .modal-content-buttons button.registry {
  font-size: 95%;
  float: right;
}

@media screen and (max-width: 640px) {
  .modal-window .modal-container .modal-content.confirm .modal-content-buttons button {
    float: none !important;
    display: block;
    margin: 1em auto;
  }
}