body {
   line-height: 160%; font-family:"san-serif"; background-color: #D9D9D9;
   }

p {
   color: #555555;
   margin-left: 1em; margin-right: 1em;
   }

p.h2 {
   color: #555555;
   margin-left: 2em; margin-right: 1em;
   }

p.h3 {
   color: #555555;
   margin-left: 3em; margin-right: 1em;
   }

p.h4 {
   color: #555555;
   margin-left: 4em; margin-right: 1em;
   }

h1 {
   font-size: 1.2em; font-weight: bold;
   margin-top: 1em;
   border-bottom: 3px solid #cc0000;
   padding-left: 0.5em; padding-right: 1em;
   }

h2 {
   font-size: 1.2em; font-weight: bold;
   margin-left: 1em;
   border-left: 0.7em solid #cc0000; border-bottom: 1px solid #999999;
   padding-left: 0.5em; padding-top: 0.3em; padding-right: 1em;
   }

h3 {
   font-size: 1em; font-weight: bold;
   margin-left: 2em;
   border-left: 0.3em solid #cc0000;border-bottom: 1px solid #cccccc;
   padding-left: 0.5em; padding-top: 0.3em; padding-right: 1em;
   }

h4 {
   font-size: 1em; font-weight: bold;
   margin-left: 3em;
   padding-left: 0.5em;
   border-left: 1px solid #cc0000; border-top: 1px solid #cc0000;
   border-right: 1px solid #cc0000; border-bottom: 1px solid #cc0000;
   }

h4.s {
   width: 100px;
   }

h4.m {
   width: 200px;
   }

h5 {
   font-size: 1em; font-weight: bold; color: white;
   background-color: #cc0000;
   margin-left: 3em;
   padding-left: 0.5em;
   border-left: 1px solid #cc0000; border-top: 1px solid #cc0000;
   border-right: 1px solid #cc0000; border-bottom: 1px solid #cc0000;
   }

h5.s {
   width: 100px;
   }

h5.m {
   width: 200px;
   }

h6 {
   font-size: 1em; font-weight: bold; color:#cc0000;
   margin-left: 3em;
   padding-left: 0.5em;
   border-left: 1px solid #cc0000; border-top: 1px solid #cc0000;
   border-right: 1px solid #cc0000; border-bottom: 1px solid #cc0000;
   }

h6.s {
   width: 100px;
   }

h6.m {
   width: 200px;
   }

strong {
   color: #000000; font-weight: bold;
   }
strong.red {
   color: #cc0000; font-weight: bold;
   }

img {
   border-color: white;
}

li.h2 {
   margin-left: 2em; margin-right: 1em;
   }

li.h3 {
   margin-left: 3em; margin-right: 1em;
   }

#main{
   width: 780px;
   background-color: #ffffff;
   margin-left: 10%; margin-right: 10%;
   border-left: 1px solid #888888; border-top: 1px solid #888888;
   border-right: 1px solid #888888; border-bottom: 1px solid #888888;
   }

#box_ti01 {
   color: white; font-weight: bold;
   background-color: #cc0000;
   padding-left: 1em;
   }

#box_ti02 {
   height: 80px;
   font-size: 28px; line-height: 32px; font-weight: bold; vertical-align: middle; color: black;
   background-image: url(../img/logo_bar03.gif); background-position: top; background-repeat: no-repeat;
   border-bottom: 5px solid #cc0000;
   padding-left: 1em; padding-top: 0.2em; padding-bottom: 0.2em;
   }

#box_mi01 {
   clear:both;
   font-size: 1.2em; font-weight: bold; text-align: center;
   background-image: url(../img/logo_test03.gif); background-repeat: no-repeat; background-position: bottom;
   border-bottom: 1px solid #cc0000;
   padding-left: 1em; padding-top: 50px; padding-right: 1em;
   }

#bar_link {
   font-size: 14px; font-weight: bold; color: #555555;
   background-image: url(../img/logo_bar03.gif); background-position: top; background-repeat: no-repeat;
   border-top: 1px solid #cc0000; border-bottom: 1px solid #cc0000;
   }

#bar_link ul {
   display:inline; list-style:none;
   }

#bar_link li{
   display:inline;
   margin-left: 2px;
   border-right: 1px solid #cc0000;
   }

#bar_link a {
   font-weight: bold; color: #0000cc;
   }

#bar_link a:hover{
   color:#000000;
   background-color:#bbbbbb;
   border-top: 5px solid #bbbbbb; border-bottom: 5px solid #bbbbbb;
   }

#content {
   background-color: white;
   }

#content a {
   color: #0000cc;
}

#content a:hover {
   color:#cc0000;
   }

#menu{
   float:left;
   width:150px;
   font-size: 80%;
   padding-top: 1.6em;
   }

#menu ul {
   list-style:none;
   }

#menu li{
   font-size: 1em; font-weight: bold; color: #555555;
   margin-bottom: 0.2em;
   border-left: 0.3em solid #cc0000; border-bottom: 1px solid #cc0000;
   padding-left: 0.4em;
   }

#menu a {
   font-weight: bold;
   }

#menu li a:hover{
   color:#000000;
   background-color:#bbbbbb;
   border-top: 5px solid #bbbbbb; border-bottom: 5px solid #bbbbbb;
   }

#focus {
   float:left;
   width:370px;
   background-color: white;
   padding-left: 20px; padding-top: 1.6em; padding-bottom: 5px;
   }

#focus ul{
   list-style-image: url(../img/square.gif);
   }

#focus li{
   list-style-image: url(../img/round.gif);
   background-color: #FFFFFF;
   }

#sidebar {
   float:left;
   width:180px;
   background-color:white;
   margin-left: 1.5em;
   padding-top: 1.6em; padding-right:20px;
   }

#sidebar ul {
   font-size: 85%; color: #000000; line-height: 140%;
   background-color: #FFFFFF;
   }

#sidebar li {
   list-style-image: url(../img/round.gif);
   background-color: #FFFFFF;
   }

#floor {
   float:left;
   width:570px;
   background-color: white;
   padding-left: 20px; padding-top: 1.6em; padding-bottom: 5px;
   }

#floor ul{
   list-style-image: url(../img/square.gif);
   }

#floor li{
   list-style-image: url(../img/round.gif);
   }

#floor dl {
   line-height: 140%;
   padding-left: 2em;
   }

#floor dt {
   background-image:url(../img/square.gif); background-repeat:no-repeat; background-position: 0% 50%;
   padding-left: 1.5em; padding-top: 0.2em;
   }

#floor dd {
   background-image:url(../img/round.gif); background-repeat:no-repeat; background-position: 0% 50%;
   padding-left: 1.5em;
   }

#undercurrent {
   clear:both;
   }

#undercurrent a {
   color: #0000cc;
}

#undercurrent a:hover {
   color:#cc0000;
   }

#undercurrent ul{
   list-style-image: url(../img/square.gif);
   }

#undercurrent li{
   list-style-image: url(../img/round.gif);
   }

#undercurrent dl {
   font-size: 90%; line-height: 140%;
   padding-left: 2em;
   }

#undercurrent dt {
   background-image:url(../img/square.gif); background-repeat:no-repeat; background-position: 0% 50%;
   padding-left: 1.5em; padding-top: 0.2em;
   }

#undercurrent dd {
   background-image:url(../img/round.gif); background-repeat:no-repeat; background-position: 0% 50%;
   padding-left: 1.5em;
   }

#ci {
   clear:both;
   height: 64px;
   font-size: 85%; line-height: 120%; color: #555555;
   background-image: url(../img/logo_bar03.gif); background-position: top; background-repeat: no-repeat;
   margin-bottom: 5px;
   border-top: 1px solid #cc0000;
   padding-left: 20px; padding-top: 10px;
   }

#ci a {
   color: #0000cc;
}

#ci a:hover {
   color:#cc0000;
   }

#ci img {
   float: left;
   margin-left: 30px; margin-right: 50px;
   }

#foot {
   clear:both;
   color: white; font-size: 0.8em; font-weight: bold; text-align: right;
   background-color: #cc0000;
   padding-right: 1em;
   }

.update {
   font-size: 12px; color: #555555; text-align: right;
   }

.route {
   font-size: 0.8em; color: #555555;
   padding-left: 1em;
   margin-bottom: 1em;
   border-bottom: 1px solid #555555;
}

.news_ti01 {
   font-weight: bold;
   margin-left: 0.5em; margin-top: 1.5em; margin-bottom: 0.3em;
   border-left: 0.3em solid #cc0000;
   padding-left: 0.5em; padding-top: 0.2em; padding-right: 1em;
   }

.news_link {
   font-size: 85%; color: #000000; text-align: right;
   list-style-image: url(../img/square.gif);
   margin-top: -1em;
   }

.news {
   height: 160px; overflow: auto;
   font-size: 85%; color: #000000; line-height: 140%;
   background-color: #FFFFFF;
   border-left: 1px solid #888888; border-top: 1px solid #888888;
   border-right: 1px solid #888888; border-bottom: 1px solid #888888;
   }

.news_free {
   font-size: 85%; color: #000000; line-height: 140%;
   background-color: #FFFFFF;
   border-left: 1px solid #888888; border-top: 1px solid #888888;
   border-right: 1px solid #888888; border-bottom: 1px solid #888888;
   }

.box_g {
   border-left: 1px solid #888888; border-top: 1px solid #888888;
   border-right: 1px solid #888888; border-bottom: 1px solid #888888;
   padding-left: 0.5em;
   }

.box_r {
   border-left: 1px solid #cc0000; border-top: 1px solid #cc0000;
   border-right: 1px solid #cc0000; border-bottom: 1px solid #cc0000;
   padding-left: 0.5em;
   }

.left_float{
   float: left;
   width: 360px;
   }

.right_float{
   float: right;
   width: 360px;
   }

.profile {
   font-size: 0.8em; color: #555555;
   line-height: 100%;
   padding-left: 1em;
   margin-bottom: 1em;
}