.xxs { font-size: xx-small !important}
.xs  { font-size: x-small !important}
.s   { font-size: small}
.m   { font-size: medium !important}
.l   { font-size: large !important}
.xl  { font-size: x-large}
.xxl { font-size: xx-large !important}
body {
  background-color: #ffffff;
  width: 600px;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
  margin-top: 0;
  margin-bottom: 0; 
}
pre {
  margin-top: 0;
  margin-bottom: 0; 
  font-size: small;
  font-family: monospace;
}
#header {
  /* border: 1px solid #000000; */
}
#nav {
  margin: 0;
  padding: 0;
  float: left;
  width: 140px;
  height: 450px;
}
#footer {
  clear: both;
  width: 100%;
  border-top: 1px solid #000000;
  padding-top: 10px;
  margin-bottom: 0px;
}
#topics {
  clear: both;
  color: #ff0000;
  float: left;
  width: 410px;
  margin-bottom: 0px;
}
#topics h1 {
  margin-bottom: 20px;
  font-size: small;
  background-color: #cccccc;
  border-top: 1px solid #000000; 
  border-bottom: 1px solid #000000; 
}
#topics p {
  margin-bottom: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 98%;
  border: 1px dotted #000000;
}
#topics p.right{
  border: none;
  text-align: right;
}
#topics a:link {
  color: blue;
}
#topics a:visited {
  color: purple;
}
#topics a:hover {
  color: red;
}
#topics a:active {
  color: red;
}
#games{
  display: block;
  float: left;
  width: 190px;
  margin-bottom: 0px;
}
#games h1 {
  font-size: small;
  background-color: #cccccc;
  border-top: 1px solid #000000;
}
#games table{
  width: 100%;
  margin-bottom: 20px;
}
#taikai {
  clear: both;
  color: #000000;
  float: left;
  width: 100%;
  margin-bottom: 0px;
}
#taikai h1 {
  margin-bottom: 20px;
  font-size: small;
  background-color: #cccccc;
  border-top: 1px solid #000000; 
  border-bottom: 1px solid #000000; 
}
#taikai p {
  text-indent: 0em;
  margin-bottom: 20px;
  margin-left: 1%;
  margin-right: 1%;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 98%;
  border: 1px dotted #000000;
}
#taikai span {
  margin-left: 1em;
}
#taikai a:link {
  color: blue;
}
#taikai a:visited {
  color: blue;
}
#taikai a:hover {
  color: red;
}
#taikai a:active {
  color: red;
}
.tools {
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.tools form {
  margin-top: 0px;
  margin-bottom: 0px;
}
.tools a:link {
  color: black;
  text-decoration: none;
}
.tools a:visited {
  color: black;
  text-decoration: none;
}
.tools a:hover {
  color: black;
  text-decoration: none;
}
.tools a:active {
  color: black;
  text-decoration: none;
}
#main {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#main h1 {
  margin-bottom: 20px;
  font-size: small;
  background-color: #cccccc;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000; 
}
#main ul {
  padding-top: 2px;
  padding-bottom: 2px;
}
#main ol {
  padding-top: 2px;
  padding-bottom: 2px;
}
#main li {
  padding-top: 1px;
  padding-bottom: 1px;
}
#main dl {
  padding-top: 2px;
  padding-bottom: 2px;
}
#main dt {
  padding-top: 1px;
  padding-bottom: 1px;
}
#main dd {
  padding-top: 1px;
  padding-bottom: 1px;
}
#main a:link {
  color: blue;
}
#main a:visited {
  color: purple;
}
#main a:hover {
  color: red;
}
#main a:active {
  color: red;
}
#league {
  background-color: #c0ffc0
}
#tokai {
  background-color: #c0c0ff
}
#taikou {
  background-color: #ffc0ff
}
#aichi {
  background-color: #ffe0c0
}
#mie {
  background-color: #d0ffff
}
#gifu {
  background-color: #ffffd0
}
#sizuoka {
  background-color: #ffd0ff
}
#misc {
  background-color: #c0c0c0
}
.league {
  background-color: #c0ffc0
}
.tokai {
  background-color: #c0c0ff
}
.taikou {
  background-color: #ffc0ff
}
.aichi {
  background-color: #ffe0c0
}
.mie {
  background-color: #d0ffff
}
.gifu {
  background-color: #ffffd0
}
.sizuoka {
  background-color: #ffd0ff
}
.misc {
  background-color: #c0c0c0
}
address {
  margin-top: 10px;
  font-style: italic
}
.clear {
  clear: both;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.red {
  color: #ff0000;  
}
.green {
  color: #00ff00;  
}
.white {
  color: #ffffff;  
}
.blue {
  color: #0000ff;  
}
p {
  text-indent: 1em
}
h1 {
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
a.button {
  float: left;
  display: block;
  width: 120px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
  text-align: center;
  color: #000000;
  background-color: #cccccc;
  border: 4px outset #999999;
  font-size: x-large !important;
}
a.button:hover, a.button:active {
  background-color: #ffffff;
  border: 4px outset #cccccc;
}
#header img {
  float: left;
}
table,tr,th,td {
  margin-top: 0;
  margin-bottom: 0; 
}
table {
  border-collapse: collapse;
  border: none;
  border-top: 1px solid #000000; /* */
  border-bottom: 1px solid #000000; /* */
  /* border-top: 1px solid #000000; */
}
th,td {
  border-right: none;
  border-top: 1px dotted #000000;
  border-left: none;
  border-bottom: 1px dotted #000000;
  text-align: left;
}
td.bottom {
  border-right: none;
  border-top: 1px dotted #000000;
  border-left: none;
  border-bottom: 1px solid #000000;
  text-align: left;
}

.noline {
  border-right: none;
  border-top: none;
  border-left: none;
  border-bottom: none;
  text-align: left;
}

.box {
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: left;
}
body.menu {
  background-color: #ffffff;
  width: 123px;
}