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

a:active, a:hover {
  outline: 0;
  color: #ffcc00; }

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

@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
* {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

html, body {
  background-color: #000000; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 1.6rem;
  text-align: center;
  min-height: 100%; }

#header, #footer {
  background-color: #000000;
  padding: 1%;
  width: 100%;
  margin: auto; }

#header h1 {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.4rem; }

#container {
  max-width: 800px;
  margin: auto;
  background: #A8D3FF; }
  #container .inner {
    width: 90%;
    margin: auto;
    padding: 2em 0; }

section#Alert h2, section#Alert h3 {
  font-weight: bold;
  color: #ffffff; }
section#Alert h2 {
  color: #ff0000;
  font-size: 2.4rem;
  margin-bottom: 2em; }
section#Alert h3 {
  color: #ff0000;
  margin-bottom: .5em;
  text-align: left; }
section#Alert p {
  color: #000066;
  margin-bottom: 1.5em;
  text-align: left; }
section#Alert dl {
  background-color: #000000;
  padding: 1.5em;
  color: #ffffff;
  text-align: left;
  margin-bottom: 1.5em; }
section#Alert table {
  width: 100%;
  border-collapse: collapse;
  background: #000000;
  text-align: left;
  margin-bottom: 1.5em; }
  section#Alert table th, section#Alert table td {
    border: #A8D3FF 1px solid;
    padding: 1em;
    color: #ffffff; }
  section#Alert table th {
    font-weight: bold;
    background: rgba(168, 211, 255, 0.3); }

.copy {
  color: #ffffff;
  font-size: 1.4rem; }

.hide {
  display: none; }