table.gaiyou {
  width: 45em;
  border-collapse: collapse;
  overflow-x: scroll;
  white-space: nowrap;
}

th.gaiyou.t_top {
      border-top: #3498db 4px solid;
}

th.gaiyou {
  border: #e3e3e3 1px solid;
  text-align: left;
  background: #f7f7f7;
  padding: 10px;
  width: 12em;
}

td.gaiyou.t_top {
  border-top: #b3b3b3 4px solid;
}

td.gaiyou {
  border: #e3e3e3 1px solid;
  text-align: left;
  padding: 10px;
}

td.gaiyou2 {
  border: #e3e3e3 1px solid;
  text-align: left;
  padding: 10px 10px 10px 2em;
  width: 26em;
}

ul.gaiyou {
  display:table;
  table-layout:fixed;
  padding-left:1em;
  margin:0;
}

ul.gaiyou2 {
  display:table;
  table-layout:fixed;
  padding-left:1em;
  margin:0;
}

li.gaiyou {
  display:table-cell;
  vertical-align:middle;
  line-height:1.8;
}

li.yakuin {
  display:table-cell;
  vertical-align:middle;
  line-height:1.8;
  width: 10em;
}

li.yakuinname {
  display: table-cell;
  vertical-align: middle;
}

.soshikizu {
    width: 70%;
    display: block;
    margin-left: 1em;
}

.gaiyomap {
  margin-left: 10em;
  padding: 0.3em 1.2em;
  background-color: #b3b3b3;
    border: 2px solid #b3b3b3;
    color: #fff;
    line-height: 1em;
    font-size: 0.8em;
}
.gaiyomap:hover {
    background-color: #fff;
    border-color: #3498db;
    color: #3498db;
}

.spscroll {
  overflow: auto;
}

@media screen and (max-width: 480px) {
  .soshikizu {
      width: 90%;
      display: block;
      margin-left: 1em;
  }
}