body {
 margin: 0px;
 padding: 0px;
 background-color: #f0f8ff;
 text-align: center;
}

div.main {
 margin: 0px auto;
 padding: 0px 8px;
 width: 820px;
 background-color: white;
 text-align: left;
}

div.boxes {
 width: 300px;
 float: left;
}

div.tools {
 width: 185px;
 float: left;
}

div.tool {
 text-align: center;
 font-weight: bolder;
 font-size: 90%;
 margin: 0px 0px 6px 0px;
 border-bottom: 3px solid #3080c0;
 border-right: 3px solid #3080c0;
 padding: 6px;
 background-color: #60c0ff;
}

div.tool2 {
 text-align: center;
 font-weight: bolder;
 font-size: 90%;
 margin: 0px 0px 6px 0px;
 border-bottom: 3px solid #c03060;
 border-right: 3px solid #c03060;
 padding: 6px;
 background-color: #ff6080;
}

div.subcategory {
 background-color: orange;
 color: black;
 font-weight: bolder;
 margin: 0px 8px 4px 2px;
 padding: 2px;
}

div.back {
 border-top: 1px solid gray;
 margin: 4px 4px 8px 4px;
 padding: 8px 0px 0px 0px;
 font-size: 90%;
}

div.foot {
 margin: 0px 0px 1em 0px;
 padding: 1px 4px 1px 1px;
 font-size: 80%;
 text-align: right;
 color: white;
 background-color: navy;
 border-right: 4px orange solid;
}

h1 span.subtitle {
 font-size: 60%;
 font-weight: normal;
 color: yellow;
}

div.description {
 margin: 16px 8px;
 font-size: 90%;
 line-height: 130%;
}

h1 {
 margin: 8px 0px;
 padding: 12px 8px 8px 0px;
 border-left: orange 16px solid;
 background-color: navy;
 color: white;
 text-align: center;
 font-size: 150%;
}

div.summary {
 margin: 16px 0px 8px 0px;
 padding: 16px;
 border: 1px dotted gray;
 line-height: 140%;
 font-size: 90%;
 text-indent: 1em;
}

h2 {
 font-size: 100%;
 border-bottom: 1px solid black;
}

table {
 margin: 8px;
 border: 1px solid #dddddd;
}

th,td {
 font-size: 90%;
}

td {
 vertical-align: top;
 padding: 6px;
}

th {
 padding: 4px;
}

th.col_head {
 background-color: #ffc830;
}

td.kado {
 background-color: #ffe890;
}

tr.even th {
 background-color: #60c0ff;
}

tr.odd th {
 background-color: #f8f8ff;
}

tr.even {
 background-color: #e0f0ff;
}

dt {
 font-size: 90%;
 font-weight: bolder;
 margin: 12px 0px 4px 8px;
}
dd {
 font-size: 90%;
}

dl.box {
 margin: 0px 8px 20px 8px;
 padding: 0px 0px 4px 0px;
 background-color: #e0f0ff;
 line-height: 110%;
}

dl.box dt {
 font-weight: normal;
 font-size: 95%;
 background-color: navy;
 padding: 2px;
 margin: 0px 0px 4px 0px;
}

dl.box dt a {
 color: white;
 text-decoration: none;
}

dl.box dt a:hover {
 color: red;
 background-color: white;
}

dl.box dd {
 font-size: 80%;
 margin: 0px 0px 0px 1.2em;
}

dl.box2 {
 margin: 0px 8px 20px 8px;
 padding: 0px 0px 4px 0px;
 background-color: #ffe0f0;
 line-height: 110%;
}

dl.box2 dd {
 margin: 0px 0px 0px 1em;
}

div.text {
 margin: 3em 6em;
 font-size: 90%;
 text-indent: 1em;
}

pre.beta {
 text-indent: 0px;
}

pre.beta img {
 vertical-align: middle;
}

div.migi { 
 margin: 2em 0 0 0;
 text-align: right;
 font-size: 90%;
}

div.hidari {
 text-indent: 0px;
 float: right;
 text-align: left;
}

div.banner {
 margin: 1em 0px;
 text-align: center;
 width: 185px;
 border: 1px solid #99ccff;
 padding: 0.5em 0px 0.3em 0px;
}