body,div,table { font-size: 12px; font-family:MS PGothic, Osaka; color: #333333; line-height: 150%}

body { background-image: url(img/back.gif); margin: 10px}
img {  border-style: none; border-width: 0px}
table {  table-layout: fixed}
.layout td {  vertical-align: top}
noscript {  font-weight: bold; color: red}

#helpmenu a {  color: #999999; text-decoration: none; padding: 2px}
#helpmenu a:hover {  color: #FFFFFF; background-color: #66CCFF; padding: 2px}
#helpmenu a.active {  color: #FFFFFF; background-color: #66CCFF; padding: 2px}

#submenu a {  color: #003399; text-decoration: none}
#submenu a:hover {  background-color: #FFFFFF}
#submenu a.active {  background-color: #FFFFFF}

.submenu_h a {  color: #003399; text-decoration: none}
.submenu_h a:hover {  background-color: #FFFFFF}

#location a {  color: #999999; text-decoration: none}
#location a:hover {  color: black; text-decoration: underline}

#content_main a:hover {  color: #0099FF; text-decoration: none}

#helpmenu {  color: #999999; text-align: right; height: 30px; width: 645px; background-image: url(img/h_com.gif)}

#on_license {  visibility: hidden; height: 25px; width: 101px; left: 115px; top: 40px; position: absolute}
#on_fundive {  visibility: hidden; height: 25px; width: 72px; left: 216px; top: 40px; position: absolute}
#on_intro {  visibility: hidden; height: 25px; width: 88px; left: 288px; top: 40px; position: absolute}
#on_tour {  visibility: hidden; height: 25px; width: 45px; left: 376px; top: 40px; position: absolute}
#on_bbs {  visibility: hidden; height: 25px; width: 48px; left: 421px; top: 40px; position: absolute}
#on_news {  visibility: hidden; height: 25px; width: 77px; left: 469px; top: 40px; position: absolute}
#on_point {  visibility: hidden; height: 25px; width: 75px; left: 546px; top: 40px; position: absolute}
#on_gear {  visibility: hidden; height: 25px; width: 60px; left: 621px; top: 40px; position: absolute}

#submenu {  color: #003399; padding: 3px 0px 0px 15px; height: 26px; width: 645px; background-image: url(img/h_submenu.gif); z-index: 1; clip:  rect(   )}
.submenu_h {  color: #003399; padding: 3px 0px 0px 15px; visibility: hidden; height: 26px; width: 645px; left: 115px; top: 65px; position: absolute; background-image: url(img/h_submenu.gif)}
.submenu_h select {  color: #003399; background-color: #66CCFF; vertical-align: middle}
#submenu select {  color: #003399; background-color: #66CCFF; vertical-align: middle}
#submenu select.active {  background-color: #FFFFFF}

#location {  color: #999999; text-align: right; padding: 0px 15px 0px 0px; height: 19px; width: 645px; background-image: url(img/h_location.gif)}

#title {  padding: 2px 0px 0px 15px; height: 30px; width: 645px; background-image: url(img/h_title.gif)}
h1 {  font-size: 16px; color: #003399; font-weight: bold}

#content_sub {  padding: 5px 0px 5px 15px}
#content_sub dt {  text-align: center; border-style: dotted; border-width: 2px 0px 2px 0px; border-color: #66CCFF}
#content_sub dd {  margin: 0px}
#content_sub dl a {  color: #999999; text-decoration: none; padding: 2px}
#content_sub dl a:hover {  color: #FFFFFF; background-color: #66CCFF; padding: 2px}
#content_sub dl a.active {  color: #FFFFFF; background-color: #66CCFF; padding: 2px}

#content_main {  padding: 5px 15px 5px 15px}

.index {  color: #999999; margin-top: 0px; list-style-type: square}
.index a {  color: #999999; text-decoration: none}

.info {  list-style-type: none}

h2 {  font-size: 14px; font-weight: bold; color: #003399; padding:2px 2px 2px 10px; width: 100%; border-style: dotted; border-width: 0px 0px 2px 2px; border-color: #66CCFF}
h2 span.sub {  font-size: 12px; font-weight: normal; padding: 0px 0px 0px 15px}

.top {  text-align: right}
.top a {  text-decoration: none; background-color: #66CCFF; color: #003399; border-style: dotted; border-width: 2px; border-color: #003399}

em {  font-weight: bold; font-style: normal}
.red {  color: red}
.blue {  color: blue}
.navy {  color: navy}
.cart {  color: #FF9933}

.center {  text-align: center}

.topmenu {  border-style: dotted; border-width: 5px 0px 5px 0px; border-color: #CCCCCC}
.topmenu th {  text-align: left; padding: 5px 0px 0px 0px}
.topmenu td {  padding: 0px 0px 5px 10px}
.topmenu a {  color: #666666; text-decoration: none}

.toptopic th {  color: #999999; text-align: left; border-style: solid; border-width: 0px 0px 5px 10px; border-color: #66CCFF}

.list {  border-color: #0033CC}
.list th {  color: #003399; font-weight: normal; text-align: center; background-color: #66CCFF; border-color: #0033CC}
.list th a {  color: #003399}
.list td {  text-align: center; background-color: #FFFFFF; border-color: #0033CC; vertical-align: middle}
.list td.sp {  background-color: #FFFF99}
.list td.exp {  text-align: left}

.table {  border-color: #0033CC}
.table th {  color: #003399; font-weight: normal; text-align: center; background-color: #66CCFF; border-color: #0033CC}
.table td {  background-color: #FFFFFF; border-color: #0033CC; vertical-align: middle}

dt {  margin: 1em 0em 0em 0em}
dd {  margin: 0em 0em 0em 2em}
dd br {  clear:both}

.m0 {  margin: 0px}
.m0 dt {  margin: 0px}

.boat dt {  font-weight: bold; color: #0066CC}
.goods dt {
	font-weight: bold;
	color: #0066CC;
}
.goods dt img {
	vertical-align: top;
}

.tourinfo dt {  font-weight: bold; color: #0066CC}

#address {  text-align: center; line-height: 120%; width: 750px; background-image: url(img/cb_home.gif)}
#address hr {  color: #CCCCCC; width: 95%; border-style: dotted}
#copyright {  color: #FFFFFF; text-align: center; height: 35px; width: 750px; padding: 9px 0px 0px 0px}
#contact {  color: #999999; text-align: center}


.nextmonth {  margin: 5px}
.nextmonth a {  font-weight: bold; padding: 1px; text-decoration: none; background-color: #EFEFEF; color: #003399; border-style: solid; border-width: 2px; border-color: #CCCCCC}
form {
	margin: 0px;
}