body {
  background-color: white;
  color: black;
  text-align: center;
}
caption {
  color: maroon;
  text-decoration:underline
}
tr {
  color: black;
  text-align: center;
  padding: 0px 2px;
}
H1 {
  background-color: yellow;
  font: normal bold;
}
th {
  text-align: center;
  color: black;
  background-color: silver;
  padding: 0px 2px;
  border:1px solid gray;
}
td {
  text-align: left;
  color: black;
  padding: 0px 2px;
}
td#body {
  text-align: center;
}
td#menu {
  text-align: center;
  padding: 0px 2px;
  border:1px solid gray;
}
td#history {
  vertical-align: top;
}
td#ekiden {
  text-align: center;
}
div {
  text-align: left;
}
a { text-decoration: none; }
a:link { color: blue; }
a:visited { color: blue; }
a:active { color: red; }
a:hover { color: red; }

@media screen and (min-width: 100px) {
  .button {
    font-size: 24pt;
  }
  body {
    font-size: 24pt;
  }
  caption {
    font-size: 24pt;
  }
  tr {
    font-size: 24pt;
  }
  td {
    font-size: 24pt;
  }
  td#menu {
    width:150px;
  }
  td#topic {
    width:600px;
  }
  td#organization {
    width:600px;
  }
  td#document {
    width:600px;
  }
  td#event {
    width:600px;
  }
  td#facility {
    width:600px;
  }
  td#map {
    width:600px;
  }
  td#bbs {
    width:600px;
  }
  td#link {
    width:600px;
  }
}

@media screen and (min-width: 1000px) {
  .button {
    font-size: 12pt;
  }
  body {
    font-size: 12pt;
  }
  caption {
    font-size: 12pt;
  }
  tr {
    font-size: 12pt;
  }
  td {
    font-size: 12pt;
  }
  td#menu {
    width:100px;
  }
  td#topic {
    width:400px;
  }
  td#organization {
    width:400px;
  }
  td#document {
    width:400px;
  }
  td#event {
    width:400px;
  }
  td#facility {
    width:400px;
  }
  td#map {
    width:400px;
  }
  td#bbs {
    width:400px;
  }
  td#link {
    width:400px;
  }
}