* { margin: 0; padding: 0; font-size: 100%; }

body { 
  margin-top: 0.5em;
  margin-left: 1em; 
  padding: 0; 
  background-color: white; 
  color: black;
  font-family:"arial",sans-serif;
}

a:link { color: blue; }
a:visited { color: purple; }

.notify { color: red; }

table {
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
  border-collapse: separate;
  border-spacing: 1px;
}

th {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #E1E2E6;
}
td {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #EFF2F3;
}

p { margin-bottom: 1em; }
div.footer p { margin-left: 2em; }

h1 { margin-top: 1em; margin-bottom: 1em; font-size: 150%; }
h1.withdata {
  display: inline;
  font-size: 120%;
  margin-right: 2em;
}
h2 { margin-top: 1em; }

ul { margin-left: 3em; }
div.input { margin-bottom: 1em; }
table.calendar a:link { color: inherit; }
table.calendar a:visited { color: inherit; }
table.calendar a:hover { color: inherit; }

th.chdrl { border: none; background-color: white; text-align: left; }
th.chdrc { border: none; background-color: white; }
th.chdrr { border: none; background-color: white; text-align: right; }
th.resulthdr { border: none; background-color: white; }
td.resultftr { background-color: white; }
span.monanc a:link { color: blue; }
span.monanc a:visited { color: blue; }
span.monanc a:hover { color: blue; }
span.monanc { font-size: 80%; display: block; }

th.ch {
  width: 4.5em;
}

td.cdlink:hover{
  background: #FFA0A0;
  cursor: pointer;
}

.cdn {
  color: black;
  font-style: italic;
  display: block;
  text-align: left;
}

.vg {
  color: blue;
  cursor: pointer;
}

.g {
  color: #000044;
  cursor: pointer;
}

.b {
  color: #880000;
  cursor: pointer;
}	

.vb {
  color: red;
  cursor: pointer;
}

.cdr {
  display: block;
  height: 1em; 
  text-align: center;
}

td.v {
  text-align: right;
}

td.c {
  text-align: center;
}

div.side {
  float: right;
  width: 18em;
}

div.main {
  width: auto;
}

.win {
  background: #C0E0FF;
}

.lose {
  background: #FFA0A0;
}

.cdt {
  background-color: #C0C0FF;
}

.footer {
  margin-top: 2em;
  clear: both
}

a {
  text-decoration: none;
}

p.notice {
  color: red;
  font-weight: bold;
  font-size: 120%;
}

hr {
  margin-top: 2em;
  margin-bottom: 2em;
}

hr.msg {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

ul {
  margin-bottom: 2em;
}

img {
  border: none;
  margin-right: 1em;
}

.validator {
  text-align: right;
  width: 99%;
}

select.year {
  width: 4.5em;
}

select.month {
  width: 3.5em;
}

.setting {
  margin-right: 1em;
}

.desc {
  margin-right: 5em;
}

table.mnavi td { padding:0; font-size: 80%; height: 1em; line-height: 1em; text-align: center; }
table.mnavi td a { display: block; width: 2em; }
table.mnavi th { font-size: 80%; height: 1em; line-height: 1em; }
table.mnavi td:hover { background: #FFA0A0; cursor: pointer;}
td.mnavi { background: white; }

span.msg {
  color: red;
}

img {
  display: inline;
  line-height: 2em;
}

li {
  line-height: 2em;
}

.myid {
  font-weight: bold;
}