html,body {
 width:100%;
 background-color:#FFFFFF;
 color:#333333;
 font-size:x-small;
 font-family:osaka,MS PƒSƒVƒbƒN,arial,helvetica;
 }
a {
 color:#5959FF;
 font-weight:bold;
 }
a:visited {
 color:#8080C0;
 }
a:hover {
 color:#5151A2;
 }
img {
 border:none;
 vertical-align:middle;
 }
hr {
 height:1px;
 clear:both;
 }
form {
 margin-top:0;
 vertical-align:middle;
 }
input,textarea,select {
 border:1px solid #999999;
 }
h1 { font-size:10px; }
h2 {
 margin-left:5px;
 padding-left:0.5em;
 border:#999999 1px solid;
 border-left:#999999 3px solid;
 font-size:x-small;
 }
h3 {
 margin-top:2em;
 margin-left:5px;
 margin-bottom:0.5em;
 padding:1px;
 padding-left:0.5em;
 background-color:#FFCC00;
 border:#999999 1px solid;
 font-size:xx-small;
 }
p {
 margin:0.5em;
 }
dl {
 margin:1px;
 }
dt {
 font-weight:bold;
 vertical-align:bottom;
 }
dd {
 margin-left:2em;
 }
td {
 font-size:x-small;
 vertical-align:top;
 }

/* menu */
dl.menu {
 width:160px;
 padding:3px;
 border:#999999 1px solid;
 border-left:0;
 font-weight:bold;
 float:left;
 }
dl.menu dt {
 font-size:10px;
 }
dl.menu dd {
 width:150px;
 margin:3px;
 background-image:url(page_menu.png);
 background-repeat:repeat-y;
 border:#999999 1px solid;
 font-size:13px;
 text-align:center;
 white-space:nowrap;
 }
dl.menu a {
 width:100%;
 padding:1px;
 display:block;
 color:#333333;
 text-decoration:none;
 }
dl.menu a:visited {
 color:#333333;
 }
dl.menu a:hover {
 color:#333333;
 background-color:#FFCC00;
 }
span.red { color:#dd6699; }
span.blue { color:#6677ff; }
span.purple { color:#9966dd; }
span.green { color:#008080; }

/* parts */
h3 a {
 color:#333333;
 }
div.list {
 margin-left:170px;
 }
dl.site {
 padding:0 1em;
 }
dl.site dt {
 margin-top:1em;
 padding-top:1em;
 border-top:#CCCCCC 1px dotted;
 font-size:middle;
 }