body {
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.main {
  background-color: #555555;
  border-collapse: collapse;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 100%;
}

td {
  vertical-align: top;
}

td.top {
  background-color: #800000;
  border: 1px solid #ffffff;
  border-bottom: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 12px;
  width: 100%;
  padding: 0px;
  height: 90px;
}

td.left_head {
  background-color: #555555;
  border: 1px solid #ffffff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 12px;
  width: 150px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

td.left {
  background-color: maroon;
  border: 1px solid #ffffff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 12px;
  width: 150px;
  padding: 0px;
}

td.main {
  background-color: #eaeaea;
  border: 1px solid #ffffff;
  border-bottom: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #888888;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

td.main_head {
  background-color: #bfbfbf;
  border: 1px solid #ffffff;
  border-bottom: none;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #555555;
  font-size: 12px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

img {
  border: none;
}

th {
  background-color: #555555;
  border: 1px solid #ffffff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}

td.res_li {
  background-color: #bfbfbf;
  border: 1px solid #ffffff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #444444;
  font-size: 12px;
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
}

td.res_li.detail {
  background-color: #dedede;
}

td.res_re {
  background-color: #bfbfbf;
  border: 1px solid #ffffff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #444444;
  font-size: 12px;
  text-align: right;
  padding-left: 3px;
  padding-right: 3px;
}

td.res_ce {
  background-color: #bfbfbf;
  border: 1px solid #ffffff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #444444;
  font-size: 12px;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
}

div.menu_box {
  background-color: #bfbfbf;
  border-bottom: 1px solid #ffffff;
  margin: 0px;
  padding: 5px;
  color: #444444;
  width: 160px;
}

a.menu:link,
a.menu:active,
a.menu:visited {
  font-size: 12px;
  color: #444444;
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 3px;
}

a.menu:hover,
a.menu:focus {
  font-size: 12px;
  color: #ffffff;
  background-color: #555555;
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 3px;
}

a.submenu:link,
a.submenu:active,
a.submenu:visited {
  font-size: 10px;
  color: #444444;
  text-decoration: none;
  text-align: left;
  display: block;
  padding-left: 13px;
  padding-right: 3px;
}

a.submenu:hover,
a.submenu:focus {
  font-size: 10px;
  color: #ffffff;
  background-color: #555555;
  text-decoration: none;
  text-align: left;
  display: block;
  padding-left: 13px;
  padding-right: 3px;
}

a.th:link,
a.th:active,
a.th:visited {
  background-color: #555555;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  text-decoration: none;
}

a.th:hover,
a.th:focus {
  background-color: #eaeaea;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #444444;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  text-decoration: none;
}

input.txt {
  border: 1px solid #000000;
  width: 150px;
}

input.btn {
  border: 1px solid #000000;
  width: 80px;
  height: 19px;
}

form {
  padding: 0px;
  margin: 0px;
}

a.td:link,
a.td:active,
a.td:visited {
  background-color: #bfbfbf;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #444444;
  font-size: 12px;
  padding-left: 3px;
  padding-right: 3px;
  display: block;
  text-decoration: none;
}

a.td:hover,
a.td:focus {
  background-color: #eaeaea;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #444444;
  font-size: 12px;
  padding-left: 3px;
  padding-right: 3px;
  display: block;
  text-decoration: none;
}

.selected-year {
  padding-left: 13px;
  font-size: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: bold;
}

th.detail {
  text-align: left;
  background-color: #bfbfbf;
  color: #444444;
  width: 120px;
}

.map {
  height: 600px;
  min-width: 750px;
  width: 100%;
}

.vertical-text {
  transform: rotate(90deg);
  transform-origin: left top 0;
  margin-left: 30px;
  font-size: 14px;
}