@charset "utf-8";
/* formatting styles
-------------------------------*/

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}

body{
	font-size: 80%;
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height: 1.6;
	background-image: url(images/pageback.gif);
	background-repeat: repeat;
}
hr {
	display: none;
}
/* link styles
-------------------------------*/

a img {
	border-style: none;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #999999;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}

/* basic layout
-------------------------------*/

#wrapper {
	background-color: #FFFFFF;
	width: 880px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	margin: 0px auto;
}

/* Navigation styles
-------------------------------*/

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
	background: #990000;
	padding: 0px;
	height: 74px;
	background: url(images/nav-bg.jpg);
	position: relative;
	z-index: 100;
	clear: both;
	font-size: 100%;
	line-height: normal;
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
	position:relative;
	zoom:1;
	margin: 0 auto;
	left: 100px;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{
	padding:10px 4px 10px 4px;
	margin:0px 0px 0px 0px;
	background-repeat: repeat-x;
	background-color: #FF9900;
	border-bottom: 1px solid #CA6500;
	background-image: url(images/item-secondary-container-bg.jpg);
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}

/* main style
-------------------------------*/
#main {
	clear: both;
	width: 81%;
	float: left;
	margin-left: 15px;
	border-right: 1px solid #999999;
	padding-right: 15px;
}

/* sidebar styles
-------------------------------*/


#sidebar {
	margin-left: 85%;
	border-collapse:
}
#sidebar dl {
}
#sidebar  dt  {
	list-style: none;
	margin-left: 15px;
}
#sidebar dd {
	margin-bottom: 6px;
}

#sidebar dl dd a {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
	padding-left: 15px;
}
#sidebar dl dd a:hover {
	background-image: url(images/arrow_hover.gif);
}
#sidebar img {
	margin-left: 15px;
}



#breadcrumb {
	clear: both;
	margin-left: 10px;
}


#breadcrumb li {
	display: inline;
	list-style: none;
	margin-left: 10px;
}

/* header styles
-------------------------------*/
#header {
	width: 880px;
	background-image: url(header/P8210115header.jpg);
	height: 140px;
	background-color: #999999;
}
#home #header {
	background-image: url(header/P7180038header.jpg);
}
#video #header {
	background-image: url(header/AQ001header.jpg);
}
#condition #header {
	background-image: url(header/AQ004header.jpg);
}
#winds  #header  {
	background-image: url(header/AQ008header.jpg);
}
#beachfun #header {
	background-image: url(header/DSC01277header.jpg);
}
#boatfun #header {
	background-image: url(header/barracuda_header.jpg);
}
#fun #header {
	background-image: url(header/IMG_5421-1header.jpg);
}
#joint #header {
	background-image: url(header/IMG_0155header.jpg);
}
#refreshfun #header {
	background-image: url(header/AQ036header.jpg);
}
#wholedayschedule #header {
	background-image: url(header/AQ183header.jpg);
}
#price #header {
	background-image: url(header/AQ147header.jpg);
}
#cashing #header {
	background-image: url(header/AQ063header.jpg);
}
#entryclass #header {
	background-image: url(header/hanabirakumanomiheader.jpg);
}
#firstclass #header {
	background-image: url(header/IMG_9774header.jpg);
}
#scl #header {
	background-image: url(header/CRW_2692header.jpg);
}
#otherclass #header {
	background-image: url(header/IMG_0160header.jpg);
}
#secondclass #header {
	background-image: url(header/IMG_0793header.jpg);
}
#shop #header {
	background-image: url(header/P8210115header.jpg);
}
#inquiry #header {
	background-image: url(header/IMG_1447-1header.jpg);
}
#japanesemap #header {
	background-image: url(header/P2240147-1header.jpg);
}
#sitemap #header {
	background-image: url(header/rasorfishheader.jpg);
}
#staff #header {
	background-image: url(header/AQ026header.jpg);
}
#beachtrial #header {
	background-image: url(header/AQ011header.jpg);
}
#boattrial #header {
	background-image: url(header/sarasaebi2header.jpg);
}
#trial #header {
	background-image: url(header/turtleheader.jpg);
}
#reeftrial #header {
	background-image: url(header/AQ008header.jpg);
}
#tripletrial #header {
	background-image: url(header/AQ004header.jpg);
}
#twl #header {
	background-image: url(header/P1140424header.jpg);
}
#bbstation #header {
	background-image: url(header/AQ016header.jpg);
}
#memories #header {
	background-image: url(header/IMG_0160header.jpg);
}
#memories2 #header {
	background-image: url(header/AQ182headerjpg.jpg);
}
#zealandia #header {
	background-image: url(header/AQ108header.jpg);
}
#grotto  #header {
	background-image: url(header/AQ001header.jpg);
}
#banzai  #header {
	background-image: url(header/AQ004header.jpg);
}
#wing  #header {
	background-image: url(header/AQ008header.jpg);
}
#b29  #header {
	background-image: url(header/AQ009header.jpg);
}
#shipwreck  #header {
	background-image: url(header/AQ011header.jpg);
}
#shipwreck  #header {
	background-image: url(header/AQ016header.jpg);
}
#dimple  #header {
	background-image: url(header/AQ018header.jpg);
}
#objian  #header {
	background-image: url(header/AQ026header.jpg);
}
#naftan  #header {
	background-image: url(header/AQ036header.jpg);
}
#laulau  #header {
	background-image: url(header/hermitcrabheader.jpg);
}
#dumpcove  #header {
	background-image: url(header/AQ087header.jpg);
}
#tiniangrotto  #header {
	background-image: url(header/AQ147header.jpg);
}
#twocoral  #header {
	background-image: url(header/AQ001header.jpg);
}
#eagleray  #header {
	background-image: url(header/AQ183header.jpg);
}
#bird   #header {
	background-image: url(header/AQ182headerjpg.jpg);
}
#managaha  #header {
	background-image: url(header/AQ001header.jpg);
}
#garapan  #header {
	background-image: url(header/AQ004header.jpg);
}
#airport  #header {
	background-image: url(header/AQ026header.jpg);
}
#zoo  #header {
	background-image: url(header/AQ182headerjpg.jpg);
}
#botanical  #header {
	background-image: url(header/AQ001header.jpg);
}
#divingshop  #header {
	background-image: url(header/AQ008header.jpg);
}
#conception #header {
	background-image: url(header/turtleheader.jpg);
}
#cowtown #header {
	background-image: url(header/rasorfishheader.jpg);
}
#south #header {
	background-image: url(header/IMG_5421-1header.jpg);
}
#kindan #header {
	background-image: url(header/lionfishheader.jpg);
}
#laulaubeach #header {
	background-image: url(header/CRW_2692header.jpg);
}
#matatabi #header {
	background-image: url(header/AQ036header.jpg);
}
#newspot #header {
	background-image: url(header/AQ087header.jpg);
}
#spotlight #header {
	background-image: url(header/AQ183header.jpg);
}
#sugoitokoro #header {
	background-image: url(header/AQ182headerjpg.jpg);
}
#shokutaku #header {
	background-image: url(header/AQ026header.jpg);
}
#turtlehead #header {
	background-image: url(header/AQ147header.jpg);
}
#twincave #header {
	background-image: url(header/barracuda_header.jpg);
}
#yagijima #header {
	background-image: url(header/IMAG0052header.jpg);
}
#snorkel #header {
	background-image: url(header/AQ011header.jpg);
}
#kids #header {
	background-image: url(header/AQ182headerjpg.jpg);
}
#header h1 {
	font-family: sans-serif;
	color: #FFFFFF;
	margin-left: 10px;
	float: left;
	font-size: 100%;
}
#header p {
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 5px;
}
#header h2 {
	float: left;
	clear: both;
	color: #FFFF00;
	margin-left: 10px;
	font-style: normal;
}
#header #qrcode {
	float: right;
	clear: both;
	margin-right: 5px;
	margin-top: -28px;
}
#header .address {
	color: #FFFFFF;
	clear: both;
	float: right;
	font-weight: bold;
	line-height: 1.8;
	margin-right: 5px;
}


/* footer styles
-------------------------------*/

#footer {
	height: 89px;
	width: 880px;
	background-image: url(images/cyanback.gif);
	background-repeat: repeat-x;
	clear: both;
}
#footer ul {
	margin-left: 10px;
	padding-top: 10px;
}
#footer ul li a {
	color: #333333;
}
#footer ul li a:hover {
	text-decoration: none;
	color: #FF0000;
}
#footer p a {
	color: #333333;
}
#footer p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer ul li {
	display: inline;
	list-style: none;
	margin-right: 15px;
	float: left;
}
#footer p {
	float: right;
	margin-top: 10px;
	margin-right: 5px;
}
#footer address {
	clear: both;
	margin-left: 10px;
	float: left;
}
#footer h4 {
	margin-left: 5px;
	float: left;
	clear: both;
}

/* tableの詳細設定
----------------------------*/
#main  table  {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-collapse:collapse;
	font-weight: normal;
	margin: 15px auto;
}
#main  th  {
	text-align: center;
	border-bottom: 1px solid #999999;
}
#main  td  {
	text-align: center;
	width: 100px;
}
#main   th, td  {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#healthchecklist ul {
	margin-left: 30px;
	padding-bottom: 10px;
}
#healthchecklist li {
	float: left;
	width: 130px;
}
#main h4 a {
	background-image: url(images/arrow.gif);
	background-position: left center;
	margin-left: 10px;
	padding-left: 15px;
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: normal;
}
#main p {
	clear: both;
}
.imageLeft {
	float: left;
	clear: both;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 4px;
}
.imageRight {
	clear: both;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}
/* 潮汐表リストスタイル
----------------------------*/
#condition #main ul {
	margin-left: 72px;
}
#condition  #main  li  {
	float: left;
	list-style: none;
	width: 135px;
	background-image: url(condition/tide/smallpdf.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: left center;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#main   h2 img  {
	margin-left: 150px;
}
#winds #main table {
	color: #666666;
}
#main h3 {
	clear: both;
}
#main li {
	list-style: none;
}
.h6    {
	float: right;
}
#main #memories {
	margin-right: auto;
	margin-left: auto;
	background-image: url(broadband/memories/iruka.jpg);
	background-repeat: repeat-y;
	text-align: center;
	padding-bottom: 50px;
	width: 560px;
}
#main #memories2 {
	margin-right: auto;
	margin-left: auto;
	background-image: url(broadband/memories/iruka.jpg);
	background-repeat: repeat-y;
	text-align: center;
	padding-bottom: 50px;
	width: 560px;
}
#main  h5  {
	margin-right: auto;
	margin-left: auto;
}
#main #memories img {
	margin-bottom: 50px;
}
#main #zealandia {
	width: 535px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 50px;
	background-image: url(broadband/memories/iruka.jpg);
	background-repeat: repeat-y;
}
#main #drive {
	background-image: url(broadband/drive/back.jpg);
	background-repeat: no-repeat;
	text-align: center;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	background-position: center;
	height: 420px;
	padding-top: 100px;
	color: #FFFFFF;
}
#divepoint #main img {
	margin-left: 80px;
}
/* divepointのスタイル
----------------------------*/
#main #pointlist {
	margin-right: 5px;
	margin-left: 5px;
}
#main #pointlist ul {
	margin-left: 80px;
}
#main #pointlist li {
	display: block;
	float: left;
	width: 120px;
	list-style: none;
}
#main #point_name {
	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
}
#main #point_name h2 {
	font-weight: bold;
	color: #FFFF00;
	background-color: #000099;
	background-repeat: no-repeat;
	background-image: url(images/oceanclub000099.jpg);
	background-position: right center;
	text-indent: 10px;
}
#main #point_image1 {
	float: left;
	width: 50%;
	display: block;
	padding: 4px;
	clear: left;
}
#main #point_image2 {
	padding: 4px;
	display: block;
}
#main #point_image3 {
	clear: left;
	float: left;
	width: 50%;
	padding: 4px;
	display: block;
}
#main #point_image4 {
	padding: 4px;
	display: block;
}
#main #point_image5 {
	clear: left;
	float: left;
	width: 50%;
	padding: 4px;
	display: block;
}
#main #point_image {
	padding: 4px;
	display: block;
}
#main #point_image7 {
	padding: 4px;
	display: block;
	float: right;
	margin-top: -220px;
}
#main #point_image8 {
	padding: 4px;
	display: block;
	clear: left;
	float: left;
	width: 50%;
}
#main #point_image9 {
	padding: 4px;
	display: block;
}
#main #point_image10 {
	clear: left;
	float: left;
	width: 50%;
}
#point_image00 {
	clear: both;
	height: 220px;
}
#point_image00 img {
	float: left;
	text-indent: 5px;
	padding: 5px;
}
#main #point_image_offset {
	clear: left;
}
.point_image/* ダイブポイントの写真枠
----------------------------*/
 {
	border: 1px solid #0000cc; /* 枠線 */
	background-color: #FFFFCC;  /* 背景色 */
	width: 340px;
　             /* 横幅 */
	float: left;                /* 左に配置 */
	margin: 5px;                /* 周囲の余白 */
	float: left;
}
/* 写真画像下のキャプション
----------------------------*/
p.image, p.caption {
	text-align: center; /* 中央寄せ */
	margin: 5px;        /* 余白・間隔 */
}
p.caption {
	color: darkblue;    /* 文字色 */
	font-size: 11px;
}
p.exp {
			clear: left;       /* 回り込みを解除 */
		}
.south_title/* 時の話題のバナー
----------------------------*/
 {
	border: 1px solid #0000cc;  /* 枠線 */
	background-color: #FFFFCC;  /* 背景色 */
	width: 220px; /* 横幅 */
	float: left;   /* 周囲の余白 */
	float: left;
	margin-left: 5px;
	margin-right: 8px;
}
p.articleRight {
	float: right;
}
p.articleLeftt {
	float: left;
}#main #north_button {
	clear: both;
}
#main #north_button ul {
	text-align: center;
	font-size: large;
	font-weight: bold;
	margin-left: 250px;
}
#main #north_button li {
	display: block;
	float: left;
	width: 150px;
	list-style: none;
	font-weight: bold;
	color: #000099;
}
#main #north_button a {
	text-decoration: none;
}
#main #north_button a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#home #main img {
	margin-left: 45px;
	margin-bottom: 20px;
}
#sitemap #wrapper #main ul {
	margin-top: 60px;
	margin-bottom: 60px;
}
#sitemap #main {
	background-image: url(shop/bg.jpg);
	background-repeat: no-repeat;
}
#sitemap #main li {
	margin-left: 40px;
	color: #FFFFFF;
}
#sitemap #main a {
	color: #FFFF00;
	font-weight: bold;
}
#japanesemap #main img {
	margin-left: 36px;
}
#inquiry #main dl {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
}
#inquiry #main dt {
	margin-left: 15px;
	color: #006600;
}
#inquiry #main dd {
	margin-left: 25px;
}
#goldenblue #header {
	background-image: url(header/palmtreeheader.jpg);
}
#goround #header {
	background-image: url(header/P8210115header.jpg);
}
#grottonight #header {
	background-image: url(header/P1140424header.jpg);
}
#managaha #header {
	background-image: url(header/AQ008header.jpg);
}
#zealandia #main #zealandia_title {
	margin-left: 90px;
}