@charset "utf-8";

/* CSS Information ==============================
(C) AQUA WORLD - Ibaraki Prefectual Oarai Aquarium
-------------------------------------------------
Table of Contents:
 +reset
 +base
 +siteHeader
 +globalNav
 +container
  ++main
  ++sub
 +siteFooter
 +clearfix
 +display none
 +print
============================================== */

/*========================================
 +Reset
========================================*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul,ol{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}img{vertical-align:top;}

/*========================================
 +base
========================================*/
body {
	background: #002e6f;
	font-family: sans-serif;
	font-size: 13px;
	line-height: 1.5;
}
table { line-height: 1.3; }

#aquaworldOaraiCom .dense {
	margin: 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
a,
a span {
	color: #069;
	text-decoration: underline;
}
a:visited,
a:visited span {
	color: #4c3f99;
}
a:hover,
a:focus,
a:hover span,
a:focus span {
	color: #f60;
}
a:active,
a:active span {
	color: #f00;
}

a.arrow,
a.arrow span,
a.arrow:visited,
a.arrow:visited span {
	color: #000;
	text-decoration: underline;
}
a.arrow:hover,
a.arrow:hover span,
a.arrow:focus,
a.arrow:focus span {
	color: #f60;
	text-decoration: underline;
}
a.arrow:active,
a.arrow:active span {
	color: #f00;
	text-decoration: none;
}

.structure {
	width: 960px;
	margin: 0 auto;
}

/*========================================
 +siteHeader
========================================*/
#siteHeader .structure {
	position: relative;
}
.home #siteHeader {
	background: #002e6f url(../img/header/bg2.jpg) center top no-repeat;
	color: #fff;
}
.home #siteHeader .structure {
	height: 406px;
}
.home #siteHeader h1 {
	position: absolute;
	top: 0;
	left: -5px;
	margin: 0;
	padding: 0;
}
.home #siteHeader .lead {
	position: absolute;
	top: 187px;
	left: 320px;
}
#siteHeader {
	background: #002e6f url(../img/header/bg2.jpg) center -100px no-repeat;
	color: #fff;
}
#siteHeader h1 {
	padding: 0px;
	margin-left: -45px;
}
#siteHeader .structure {
	height: 150px;
}

#siteHeader .langNav {
	position: absolute;
	top: 0;
	right: -5px;
}
#siteHeader .langNav li,
#siteHeader .langNav a { float: left; }
#siteHeader .langNav a {
	display: block;
	height: 32px;
	background-image: url(../img/header/lang_nav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
/* [langNav] 75x32 | 69x32 |  69x32 | 73x32 */
#siteHeader .langNav .ja a { width: 75px; background-position: 0 0; }
#siteHeader .langNav .en a { width: 69px; background-position: -75px 0; }
#siteHeader .langNav .zh a { width: 69px; background-position: -144px 0; }
#siteHeader .langNav .ko a { width: 73px; background-position: -213px 0; }
#siteHeader .langNav .ja a:hover,
#siteHeader .langNav .ja a:focus,
#siteHeader .langNav .ja a:active { background-position: 0 -32px; }
#siteHeader .langNav .en a:hover,
#siteHeader .langNav .en a:focus,
#siteHeader .langNav .en a:active { background-position: -75px -32px; }
#siteHeader .langNav .zh a:hover,
#siteHeader .langNav .zh a:focus,
#siteHeader .langNav .zh a:active { background-position: -144px -32px; }
#siteHeader .langNav .ko a:hover,
#siteHeader .langNav .ko a:focus,
#siteHeader .langNav .ko a:active { background-position: -213px -32px; }
#siteHeader .langNav .ja a.selected { background-position: 0 -64px; }
#siteHeader .langNav .en a.selected { background-position: -75px -64px; }
#siteHeader .langNav .zh a.selected { background-position: -144px -64px; }
#siteHeader .langNav .ko a.selected { background-position: -213px -64px; }

/*========================================
 +globalNav
========================================*/
#globalNav {
	height: 75px;
	background: url(../img/global_nav/bg_global.jpg) left top repeat-x;
}
#globalNav li {
	float: left;
}
#globalNav li a {
	display: block;
	height: 75px;
	background-image: url(../img/global_nav/nav.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
/* [globalNav] 150x75 | 149x75 |  148x75 | 171x75 | 171x75 | 171x75 */
#globalNav .nav1 a { width: 150px; background-position: 0 0; }
#globalNav .nav2 a { width: 149px; background-position: -150px 0; }
#globalNav .nav3 a { width: 148px; background-position: -299px 0; }
#globalNav .nav4 a { width: 171px; background-position: -447px 0; }
#globalNav .nav5 a { width: 171px; background-position: -618px 0; }
#globalNav .nav6 a { width: 171px; background-position: -789px 0; }
#globalNav .nav1 a:hover,
#globalNav .nav1 a:focus,
#globalNav .nav1 a:active { width: 150px; background-position: 0 -75px; }
#globalNav .nav2 a:hover,
#globalNav .nav2 a:focus,
#globalNav .nav2 a:active { width: 149px; background-position: -150px -75px; }
#globalNav .nav3 a:hover,
#globalNav .nav3 a:focus,
#globalNav .nav3 a:active { width: 148px; background-position: -299px -75px; }
#globalNav .nav4 a:hover,
#globalNav .nav4 a:focus,
#globalNav .nav4 a:active { width: 171px; background-position: -447px -75px; }
#globalNav .nav5 a:hover,
#globalNav .nav5 a:focus,
#globalNav .nav5 a:active { width: 171px; background-position: -618px -75px; }
#globalNav .nav6 a:hover,
#globalNav .nav6 a:focus,
#globalNav .nav6 a:active { width: 171px; background-position: -789px -75px; }

body.home #globalNav .nav1 a { width: 150px; background-position: 0 -150px; }
body #globalNav .nav2.current a { width: 149px; background-position: -150px -150px; }
body #globalNav .nav3.current a { width: 148px; background-position: -299px -150px; }
body #globalNav .nav4.current a { width: 171px; background-position: -447px -150px; }
body #globalNav .nav5.current a { width: 171px; background-position: -618px -150px; }
body #globalNav .nav6.current a,
body.staffblog #globalNav .nav6 a { width: 171px; background-position: -789px -150px; }


/*========================================
 +container
========================================*/
#container {
	padding: 5px 0;
	background: url(../img/container/bg.jpg) left top repeat-x;
}
#containerInner {
	padding-top: 4px;
	background: url(../img/container/bg_top.gif) left top no-repeat;
}
#containerInner2 {
	padding-bottom: 6px;
	background: url(../img/container/bg_bottom.gif) left bottom no-repeat;
}
#containerInner3 {
	position: relative;
	padding: 11px 15px 10px;
	background: #cde2f1;
}
#containerInner3 .edit {
	clear: both;
	font-size: 16px;
	font-weight: bold;
}
#containerInner3 .edit2 {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	margin-top: -20px;
}
#containerInner3 .edit a,
#containerInner3 .edit2 a {
	display: inline-block;
	padding: 5px 10px;
	background: #002c6c;
	color: #fff;
}
#containerInner3 .edit a:hover,
#containerInner3 .edit a:focus,
#containerInner3 .edit2 a:hover,
#containerInner3 .edit2 a:focus {
	background: #6c0000;
}
#containerInner3 .pagetop {
	position: absolute;
	right: 15px;
	bottom: -6px;
	_bottom: -7px;
}

/*
  ++main
----------------------------------------*/
#main {
	float: left;
	width: 705px;
	overflow: hidden;
}
.topicPath, .breadcrumbs {
	margin-bottom: 5px;
}
.topicPath li,.breadcrumb li {
	display: inline;
}
.topicPath li a , .breadcrumb li a{
	margin-right: 2px;
	padding-right: 10px;
	background: url(../img/icon_topic_path.png) right center no-repeat;
	color: #000;
	text-decoration: underline;
}
.topicPath a:visited, .breadcrumb a:visited {
	color: #000;
	text-decoration: underline;
}
.topicPath a:hover,
.topicPath a:focus ,.breadcrumb a:hover,.breadcrumb a:focus {
	color: #f60;
	text-decoration: none;
}
.topicPath a:active, .breadcrumb a:active {
	color: #f00;
	text-decoration: none;
}
.mainBody {
	padding-top: 4px;
	background: url(../img/container/bg_top.png) left top no-repeat;
	_zoom: 1;
}
.mainBody2 {
	padding: 16px 30px 20px;
	background: #fff url(../img/container/bg_bottom.png) left bottom no-repeat;
	*zoom: 1;
}
.mainBody2:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

/*
  ++sub
----------------------------------------*/
#sub {
	float: right;
	width: 210px;
	padding-bottom: 90px;
	font-size: 14px;
	overflow: hidden;
}
#sub a {
	color: #000;
	text-decoration: none;
}
#sub a:visited {
	color: #000;
}
#sub a:hover,
#sub a:focus {
	color: #f60;
}
#sub a:active {
	color: #f00;
}

#sub #social a {
	color: #069;
	text-decoration: underline;
}
#sub #social a:visited {
	color: #4c3f99;
	text-decoration: underline;
}
#sub #social a:hover,
#sub #social a:focus {
	color: #f60;
	text-decoration: none;
}
#sub #social a:active {
	color: #f00;
	text-decoration: none;
}

#sub .section h2 {
	height: 25px;
	margin-bottom: 2px;
	padding: 5px 0 0 7px;
	background: url(../img/sub/bg_h2.gif) left top no-repeat;
}
#sub #relatedLink h2 {
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}
#sub #relatedLink {
	padding-top: 17px;
	background: url(../img/line_bw_h.png) left top repeat-x;
}

#sub .section h3 {
	margin-bottom: 6px;
}
#sub .section .body {
	margin-bottom: 10px;
	padding-top: 4px;
	background: url(../img/sub/bg_body_top.gif) left top no-repeat;
	_zoom: 1;
}
.home #sub .section .body {
	margin-bottom: 15px;
}
#sub .section .body .inner {
	padding: 0 5px 10px;
	background: #fff url(../img/sub/bg_body_bottom.gif) left bottom no-repeat;
	*zoom: 1;
}
#sub .section .body .inner2 {
	padding: 0 5px 4px;
	background: #fff url(../img/sub/bg_body_bottom.gif) left bottom no-repeat;
}
#sub .section .body .inner2 h3 {
	margin: 0;
}
#sub .section .body p {
	line-height: 1.3;
}
#sub .bnrLink p {
	margin-bottom: 15px;
}
#sub .section .box {
	padding: 4px 9px 0;
}
#sub .section .box select {
	margin: 8px 0 7px;
}
#sub .section .links {
	padding-bottom: 4px;
	font-size: 15px;
	line-height: 1.1;
}
#sub .section .links.small {
	font-size: 14px;
}
#sub .section .links a {
	display: block;
	padding-left: 22px;
	background: url(../img/arrow_bb.gif) left 0 no-repeat;
	_zoom: 1;
}
#sub .section .links li {
	padding-top: 8px;
}
#sub .section .banners li {
	padding-top: 10px;
	text-align: center;
}
#sub .section .faq,
#sub .section .cat,
#sub .section .arc {
	position: relative;
	padding-top: 30px;
}
#sub .section .faq .view {
	position: absolute;
	top: 30px;
	right: 9px;
}
#sub .section .faq h3,
#sub .section .cat h3,
#sub .section .arc h3 {
	margin: 0 9px;
	padding-bottom: 6px;
	border-bottom: 2px solid #003f97;
}
#search form {
	padding: 7px 9px;
}
#search p {
	float: left;
}
#search .text {
	width: 130px;
	height: 17px;
	padding: 4px 6px;
	border: none;
	background: url(../img/sub/bg_search.png) left top no-repeat;
	_margin: -1px 0 0;
}

/*====================
 +siteFooter
====================*/
#footerNav {
	padding: 10px 0 30px;
	background: #7eb1d8 url(../img/footer/bg.jpg) left top repeat-x;
	font-size: 12px;
}
#footerNav h2 {
	padding-bottom: 7px;
	border-bottom: 1px solid #8abbdc;
}
#footerNav a {
	display: block;
	padding-left: 17px;
	background: url(../img/arrow_wb_02.png) left 2px no-repeat;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	*zoom: 1;
}
#footerNav a:visited {
	color: #000;
}
#footerNav a:hover,
#footerNav a:focus {
	color: #f60;
}
#footerNav a:active {
	color: #f00;
}
#footerNav li {
	margin-top: 8px;
}
#footerNav li li {
	margin-top: 2px;
}
#footerNav .firstChild {
	margin: 0;
}
#footerNav li ul { color: #fff; }
#footerNav li ul a {
	padding-left: 17px;
	background: url(../img/bg_list_style.gif) 6px 5px no-repeat;
	*background: url(../img/bg_list_style.gif) 6px 7px no-repeat;
	_background: url(../img/bg_list_style.gif) 6px 6px no-repeat;
	font-weight: normal;
}
#footerNav .columns {
	padding-top: 8px;
	border-top: 1px solid #fff;
}
#footerNav .column {
	float: left;
	width: 164px;
	margin-right: 35px;
}
#footerNav .lastColumn {
	float: right;
	margin-right: 0;
}
#authorBox {
	padding: 10px 0 30px;
	color: #fff;
}
#authorBox a {
	color: #fff;
}
#authorBox .logo img {
	float: left;
	border: 1px solid #005dac;
}
#authorBox p {
	margin-left: 224px;
}
#authorBox p em {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

/*====================
 +clearfix
====================*/
.group:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
.group { *zoom: 1; }

/*====================
 +display none
====================*/
.topicPath dt {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/*====================
 +print
====================*/
@media print {
	body {
		font-size: 10pt;
	}
	#siteHeader .langNav,
	#globalNav,
	#containerInner3 .pagetop,
	#main .topicPath,
	#sub,
	#footerNav {
		display: none;
	}
	.structure {
		width: auto;
	}
	.home #siteHeader .structure,
	#siteHeader .structure {
		height: auto;
	}
	.home #siteHeader h1,
	.home #siteHeader .lead {
		position: static;
	}
	.home #siteHeader .lead {
		margin: -57px 0 0;
		text-align: right;
	}
	.#authorBox {
		color: #000;
	}
}