@charset "utf-8";

body {
  margin: 0;
  background: url("images/bg.png");
  color: rgb(23, 13, 12);
}

a {
  color: rgb(50, 50, 50);
  text-decoration: none;
}

h1 {
  font-size: 1.7em;
  margin: 0;
}

h1 .yoshi { color: rgb(252,  14, 128); }
h1 .moto  { color: rgb(  0,  36,  73); }
h1 .ko    { color: rgb(255, 115,   0); }
h1 .gyo   { color: rgb(  0,  85,  48); }

h2 {
  font-size: 90%;
  margin: 0;
  padding: 5px 0;
  color: rgb(61, 61, 61);
}

h3 {
  font-size: 100%;
  color: white;
  background-color: rgb(23, 13, 12);
  text-align: center;
  border-radius: 15px;
  padding: 7px 15px;
}

section {
  margin: 0 15px 15px;
  padding: 10px;
  background-color: white;
  border-radius: 15px;
}

section header {
  display: -webkit-box;
}

section header hgroup {
  -webkit-box-flex: 3.0;
}

hgroup {
  margin-left: 15px;
}

footer p {
  text-align: center;
}

p,
table {
  font-size: 80%;
}

table {
  margin: auto;
  background-color: black;
  /* background-color: rgb(255, 214, 244); */
  /* color: white; */
  border-radius: 10px;
  /* border: 1px solid black; */
  /* border: 1px solid rgb(255, 214, 244); */
}

tr,
td {
  margin: 0;
  padding: 0;
}

td {
  background-color: white;
  /* background-color: rgb(51, 51, 51); */
  /* background-color: rgb(250, 176, 255); */
  /* border: 1px solid black; */
  /* border: 1px solid rgb(255, 214, 244); */
  width: 135px;
  padding: 5px;
}

tr:first-child > td:first-child {
  border-radius: 8px 0 0 0;
}

tr:first-child > td:last-child {
  border-radius: 0 8px 0 0;
}

tr:last-child > td:last-child {
  border-radius: 0 0 8px 0;
}

tr:last-child > td:first-child {
  border-radius: 0 0 0 8px;
}

h3 + p,
.download + p {
  margin-left: 5px;
}

#gguide {
  height: 50px;
  background-color: white;
  position: relative;
}

#gguide img {
  position: absolute;
  top: 5px;
  right: 5px;
}

#himg {
  width: 100%;
}

#logo {
  -webkit-box-flex: 1.0;
  max-width:  124px;
  max-height: 124px;
}

#go-to-top {
  text-align: center;
  margin-bottom: 0;
  padding-top: 5px;
}

.free {
  color: rgb(233, 0, 0);
}

.icon img{
  vertical-align: middle;
  height: 1em;
}

.screenshot {
  width: 100%;
}

.open {
  text-align: center;
}

#ketai-header {
  display: block;
  margin: auto;
  width: 80%;
}

.go-to-ketai {
  text-align: center;
  margin: 0;
  border-radius: 15px;
  border: black 2px solid;
  /* background: -webkit-gradient(linear, left top, left bottom, from(rgb(235, 250, 250)), to(rgb(92, 210, 239))); */
}

.go-to-ketai .ketai {
  vertical-align: bottom;
}

.ketai {
  /* border: 1px dotted gray; */
  height: 2em;
  margin-top: 5px;
}

.download {
  display: block;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow:  1px -1px 3px rgb(36, 116, 3),
               -1px  1px 3px rgb(36, 116, 3),
                1px  1px 3px rgb(36, 116, 3),
               -1px -1px 3px rgb(36, 116, 3);
  margin-top: 5px;
  padding: 1em 0em;
  border: rgb(36, 116, 3) 2px solid;
  border-radius: 10px;
  background: -webkit-gradient(
                linear,
                left top, left bottom,
                from(rgb(154, 218, 33)), to(rgb(21, 102, 0))
              );
}