@charset "UTF-8";
/* Scss Document */
h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, section, figure {
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  letter-spacing: 0.0em; }

p, ul, dl {
  line-height: 152%; }

img {
  border: none;
  vertical-align: bottom;
  height: auto; }

body {
  margin: 0px;
  padding: 0px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  text-align: center; }

.clear {
  clear: both; }

a {
  color: #0066cc;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

img.left {
  float: left; }

header {
  background-color: midnightblue;
  color: #fff; }
  header .sid {
    padding: 0px 0px 10px 0px;
    font-size: 16px; }

h1 {
  background-color: midnightblue;
  color: #fff;
  font-size: 18px;
  padding: 10px; }

h2 {
  padding: 10px 0px 10px 0px;
  border-color: midnightblue;
  border-style: solid;
  border-width: 2px 0px 2px 0px;
  font-size: 18px;
  line-height: 120%; }
  h2 br {
    display: none; }
  h2 span {
    padding: 0px 0px 0px 20px;
    font-size: 14px; }
  @media screen and (max-width: 499px) {
    h2 {
      padding: 5px 0px 2px 0px; }
      h2 br {
        display: inherit; }
      h2 span {
        padding: 0px; } }

ul.nav li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  font-size: 16px;
  font-weight: bold; }
  ul.nav li a {
    display: block;
    padding: 10px; }

.wrap {
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 1000px; }
  @media screen and (max-width: 1023px) {
    .wrap {
      width: inherit;
      padding: 0px 20px 0px 20px; } }
  @media screen and (max-width: 599px) {
    .wrap {
      padding: 0px 10px; } }

.intro {
  padding: 40px 0px;
  text-align: left; }

.system {
  display: inline-block;
  vertical-align: top;
  padding: 0px 0px 20px 0px; }
  .system dl {
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 0px 0px 1px 0px; }
    .system dl dt, .system dl dd {
      display: table-cell;
      vertical-align: top; }
    .system dl dt {
      padding: 10px 0px 10px 10px;
      width: 80px;
      background-color: rgba(142, 193, 227, 0.3); }
    .system dl dd {
      padding: 10px 10px 10px 10px; }
      .system dl dd ol {
        padding: 0px 0px 0px 1em; }
      .system dl dd li {
        padding: 0px 0px 10px 0px; }
      .system dl dd h3 {
        font-size: 14px;
        width: 5em;
        color: midnightblue;
        border-color: midnightblue;
        border-style: solid;
        border-width: 0px;
        text-align: center;
        background-color: #0066cc;
        color: #fff;
        font-weight: normal; }
    @media screen and (max-width: 799px) {
      .system dl dt, .system dl dd {
        display: inherit; }
      .system dl dt {
        padding: 5px;
        width: inherit; }
      .system dl dd {
        padding: 5px; } }

dl {
  border-color: #bbb;
  border-style: solid;
  border-width: 0px 0px 1px 0px; }
  dl dt, dl dd {
    display: table-cell;
    vertical-align: top; }
  dl dt {
    padding: 10px 0px 10px 10px;
    width: 160px;
    background-color: #eee; }
  dl dd {
    padding: 10px 10px 10px 10px; }
  @media screen and (max-width: 799px) {
    dl dt, dl dd {
      display: inherit; }
    dl dt {
      padding: 5px;
      width: inherit; }
    dl dd {
      padding: 5px; } }

dl.information {
  border-width: 1px 0px 1px 0px; }
  dl.information li {
    list-style: none; }
    dl.information li .date {
      padding: 0px 10px 0px 0px;
      color: rgba(25, 25, 112, 0.7);
      font-size: 12px; }

.system-info {
  padding: 0px 0px 10px 0px; }

/* .system-name,.system-data {
	display: table-cell;
	vertical-align: top;
} */
.system-name {
  width: 12em;
  padding: 0px 10px 0px 0px; }
  .system-name h3 {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    background-color: midnightblue;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center; }

.system-data dl {
  padding: 0px;
  border-color: #bbbbbb;
  border-style: dotted;
  border-width: 0px 0px 1px 0px; }
  .system-data dl dt, .system-data dl dd {
    display: table-cell;
    vertical-align: top; }
  .system-data dl dt {
    padding: 0px;
    background-color: inherit;
    width: auto;
    min-width: 3em; }
  .system-data dl dt:after {
    content: "："; }
  .system-data dl dd {
    padding: 0px; }

p.f-att {
  padding: 20px 0px 0px 0px;
  text-align: center; }

p.copy {
  padding: 20px;
  text-align: center; }

.pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px; }
  .pagetop a {
    display: block;
    width: 36px;
    height: 36px;
    color: #fff;
    line-height: 36px;
    font-size: 12px;
    background-color: midnightblue; }
  .pagetop a:hover {
    text-decoration: none;
    background-color: rgba(25, 25, 112, 0.8); }

/* DATA ---------------------------------- */
.nav {
  background-color: rgba(0, 102, 204, 0.8); }
  .nav a {
    color: #fff; }

.data-cont {
  padding: 30px 0px; }
  .data-cont h2 {
    margin: 0px 0px 20px 0px;
    padding: 10px 0px 10px 10px;
    border-width: 0px;
    background-color: midnightblue;
    color: #fff;
    font-size: 18px;
    line-height: 120%; }
    @media screen and (max-width: 499px) {
      .data-cont h2 {
        padding: 5px 0px 5px 10px; } }
  .data-cont .text {
    padding: 0px 0px 10px 0px; }
    .data-cont .text p {
      padding: 0px 0px 10px 0px; }

dl.dl-top {
  border-width: 1px 0px 1px 0px; }
  dl.dl-top li {
    list-style: none; }
    dl.dl-top li .date {
      padding: 0px 10px 0px 0px;
      color: rgba(25, 25, 112, 0.7);
      font-size: 12px; }

.recdata {
  padding: 0px 0px 0px 0px; }
  .recdata li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    width: 110px; }

.license-att {
  font-size: 12px;
  padding: 0px 0px 0px 0px; }

ul.app {
  padding: 0px 0px 0px 2em; }
  ul.app li:first-child {
    margin: 0px 0px 1em 0px; }

/* 利用規約 Agreement ---------------------------------- */
.agreement {
  padding: 0px 10px 30px 10px; }
  .agreement h4 {
    font-size: 16px;
    padding: 0px 0px 20px 0px; }
  .agreement h5 {
    font-size: 14px;
    padding: 0px 0px 10px 0px; }
  .agreement ol, .agreement ul {
    padding: 0px 0px 1em 2em; }
    .agreement ol li, .agreement ul li {
      padding: 0px 0px 1em 0px; }
  .agreement strong {
    color: red;
    font-weight: normal; }
  .agreement em {
    font-size: 16px;
    font-style: normal; }
  .agreement .upper-roman {
    padding: 0px 0px 0px 2em; }
    .agreement .upper-roman li {
      padding: 0px;
      list-style: upper-roman; }
  .agreement .alpha {
    padding: 0px 0px 0px 2em; }
    .agreement .alpha li {
      padding: 0px;
      list-style: lower-alpha; }
  .agreement .descripted {
    text-align: right; }