@charset "Shift_JIS";

body {
	font-size: small;
	color: #333333;
	text-align: center;
	background-image: url(../images/share/bg-body.jpg);
	background-size:100% auto;
	background-repeat: repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
	background-color: #11cfff;
	font-family: "ＭＳ Ｐゴシック", Osaka;
}

blockquote, dd, div, dl, dt,h1, h2, h3, h4, p, span, td, th, ul {
margin:0;
padding:0;
}

#wrapper {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	color: #333333;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #999999;
}

/*共通ヘッダー*/
#header {
	margin-top: 0px;
	height: 80px;
	background-color: #000000;
}
#header h1 {
	width: 259px;
	height: 80px;
	float: left;
	text-indent: -999em;
	background-image: url('../images/share/logo.gif');
	background-repeat: no-repeat;
	margin: 0px;
}
#headerPadi {
	width: 343px;
	float: right;
	background-image: url('../images/share/padi_5star.gif');
	background-repeat: no-repeat;
	height: 25px;
	padding-right: 5px;
	text-indent: -999em;
	margin-top: 45px;
}

/*グローバルメニュー*/
#main-navi {
	clear: both;
	height: 30px;
}
#main-navi ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#main-navi ul li {
	float: left;
}
#main-navi a {
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	display: block;
}
#main-navi a:hover {
	background-position: left -50px;
}
#main-navi a#navi-btn1 {
	background-image: url('../images/share/navi-btn1.gif');
	width: 88px;
}
#main-navi a#navi-btn1_on {
	background-image: url('../images/share/navi-btn1.gif');
	width: 88px;
	background-position: left -50px;
}
#main-navi a#navi-btn2 {
	background-image: url('../images/share/navi-btn2.gif');
	width: 89px;
}
#main-navi a#navi-btn2_on {
	background-image: url('../images/share/navi-btn2.gif');
	width: 89px;
	background-position: left -50px;
}
#main-navi a#navi-btn3 {
	background-image: url('../images/share/navi-btn3.gif');
	width: 89px;
}
#main-navi a#navi-btn3_on {
	background-image: url('../images/share/navi-btn3.gif');
	width: 89px;
	background-position: left -50px;
}
#main-navi a#navi-btn4 {
	background-image: url('../images/share/navi-btn4.gif');
	width: 89px;
}
#main-navi a#navi-btn4_on {
	background-image: url('../images/share/navi-btn4.gif');
	width: 89px;
	background-position: left -50px;
}
#main-navi a#navi-btn5 {
	background-image: url('../images/share/navi-btn5.gif');
	width: 89px;
}
#main-navi a#navi-btn5_on {
	background-image: url('../images/share/navi-btn5.gif');
	width: 89px;
	background-position: left -50px;
}
#main-navi a#navi-btn6 {
	background-image: url('../images/share/navi-btn6.gif');
	width: 89px;
}
#main-navi a#navi-btn6_on {
	background-image: url('../images/share/navi-btn6.gif');
	width: 89px;
	background-position: left -50px;
}
#main-navi a#navi-btn7 {
	background-image: url('../images/share/navi-btn7.gif');
	width: 89px;
}
#main-navi a#navi-btn7_on {
	background-image: url('../images/share/navi-btn7.gif');
	width: 89px;
	background-position: left -50px;
}
#main-navi a#navi-btn8 {
	background-image: url('../images/share/navi-btn8.gif');
	width: 89px;
}
#main-navi a#navi-btn8_on {
	background-image: url('../images/share/navi-btn8.gif');
	width: 89px;
	background-position: left -50px;
}
#main-navi a#navi-btn9 {
	background-image: url('../images/share/navi-btn9.gif');
	width: 89px;
}
#main-navi a#navi-btn9_on {
	background-image: url('../images/share/navi-btn9.gif');
	width: 89px;
	background-position: left -50px;
}
/*トップのみにあるバナー部分*/
#top-navi {
	height: 120px;
	background-color: #e2e2e2;
	width: 800px;
	margin-bottom: 10px;
}
#top-navi div {
	width: 155px;
	padding-top: 4px;
	padding-left: 4px;
	float: left;
	font-size: 12px;
}
#top-navi div img{
	margin-bottom: 3px;
}
#top-navi a {
	color: #333333;
	text-decoration: none;
}
#top-navi a:hover {
	color: #0099FF;
	text-decoration: none;
}

#sub-navi {

	clear: both;
	height: 25px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 2px;
	margin-bottom: 0px;
}
#sub-navi a {
	display: block;
	color: #395475;
	text-decoration: none;
	vertical-align: bottom;
	padding-right: 10px;
	padding-left: 10px;
}
#sub-navi a#sub-navi_on {
	font-weight: bold;
	display: block;
	color: #395475;
	text-decoration: none;
	vertical-align: bottom;
	padding-right: 10px;
	padding-left: 10px;
}
#sub-navi ul {
	list-style-type: none;
}
#sub-navi ul li {

	margin: 6px;
	float: left;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #808080;
	padding-right: 6px;
}
#sub-navi a:hover {
	background-position: left -47px;
	text-decoration: none;
	color: #666666;
}

/*トップページコンテンツ部分*/

.contentWrapper {
	width: 800px;
	clear: both;
}
.contentWrapper p {
	line-height: 130%;
	text-align: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.contentWrapper ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.contentWrapper ul li {
	margin: 10px 10px 10px 20px;
	list-style-type: disc;
	list-style-position: inherit;
	clear: inherit;
	line-height: 80%;
}
.contentBox01 {
	width: 780px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.contentBox01 h2 {
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../images/share/titleBg_01.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	height: 30px;
}
.contentBox01 .wireBox h3 {
	font-weight: bold;
	color: #FF6600;
	margin-top: 5px;
	margin-left: 5px;
	font-size: small;
}
.contentBox02 {
	width: 380px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.contentBox02 a {
	color: #333333;
	font-size: small;
	text-decoration: none;
}
.contentBox02 a:hover {
	color: #0066FF;
	font-size: small;
	text-decoration: underline;
}
.contentBox02 h2 {
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../images/share/titleBg_02.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	height: 30px;
}
.contentBox02 .wireBox h3 {
	font-weight: bold;
	color: #FF6600;
	margin-top: 5px;
	margin-left: 5px;
	font-size: small;
}
.contentBox02 h3 {
	font-weight: bold;
	color: #0033FF;
	margin-top: 5px;
	margin-left: 5px;
	font-size: small;
	margin-bottom: 5px;
}
.contentBox03 {
	width: 100px;
	float: right;
	padding: 10px;
}
.contentBox03 img {
	margin: 5px;
}
.contentBox04 {
	width: 370px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.contentBox04 img {
	float: left;
	vertical-align: text-top;
	margin: 25px;
}
.contentBox04 h1 {
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../images/share/titleBg_04.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	height: 30px;
}

.contentBox05 {
	width: 350px;
	float: right;
	padding: 10px;
}

.wireBox {
	text-align: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #cccccc;
	padding-bottom: 10px;
	clear: both;
}
.wireBox h3 {
	font-weight: bold;
	color: #666666;
	margin-top: 5px;
	margin-left: 5px;
	font-size: small;
}
.wireBox ul li {
	list-style-type: circle;
	list-style-position: inherit;
	clear: inherit;
	line-height: 120%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.infoTable {
	width: 370px;
	font-size: small;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 140%;
}
.infoTable a {
	color: #0000FF;
	font-size: small;
	text-decoration: none;
}
.infoTable a:hover {
	color: #000080;
	font-size: small;
	text-decoration: underline;
}
#diveInfoBox {
	width: 760px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#diveInfoBox a {
	color: #333333;
	font-size: small;
	text-decoration: none;
}
#diveInfoBox a:hover {
	color: #0066FF;
	font-size: small;
	text-decoration: underline;
}
.diveInfoTable {
	width: 760px;
	font-size: small;
	margin-bottom: 10px;
	line-height: 140%;
}
.tourTable {
	width: 700px;
	font-size: small;
	line-height: 140%;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 10px;
}
.tourTable a {
	color: #0000FF;
	font-size: small;
	text-decoration: none;
}
.tourTable a:hover {
	color: #000080;
	font-size: small;
	text-decoration: underline;
}
.shimizuTable {
	margin-right: 5px;
	margin-left: 10px;
}

#specailSite ul {
	margin: 0px;
	padding-left: 30px;
}
#specailSite ul li {
	margin: 0px;
	list-style-type: none;
	padding-top: -2px;
	padding-bottom: 8px;
	list-style-image: url(../images/share/linkIcon.gif);
}
#specailSite ul li a {
	text-decoration: none;
}
#specailSite ul li a:hover {
	color: #666666;
	text-decoration: underline;
}
/*各ページTOPバナー用*/
#banner {
	background:#d3d3d3;
	padding-top:10px;
	padding-right:1%;
	padding-left:1%;
}

/*予約、書類バナー用、e-ラーニング用*/
#reserve {
	background: linear-gradient(#d3d3d3, #FFFFFF);
	float:left;
	padding-left:21%;
	padding-right:21%;
}
#reserve img{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}
#reserve2 {
	background: linear-gradient(#d3d3d3, #FFFFFF);
	float:left;
	padding-left:10%;
	padding-right:10%;
}
#reserve2 img{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}
#reserve3 {
	background: linear-gradient(#d3d3d3, #FFFFFF);
	float:left;
	padding-left:5%;
	padding-right:5%;
}
#reserve3 img{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}

#elearning {
	float:left;
	padding-left:11%;
	padding-right:11%;
}
#elearning img{
	float:left;
	padding-top:5px;
	padding-bottom:20px;
}
/*フッターメニュー*/

#footerMenu {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	clear: both;
	text-align: center;
	margin-top: 10px;
}
#footerMenu a {
	color: #333333;
	text-decoration: none;
}
#footerMenu a:hover {
	color: #0066FF;
	text-decoration: underline;
}

/*共通フッター*/

#footer {
	color: #ffffff;
	background-color: #000000;
	text-align: center;
	text-decoration: none;
	clear: both;
}
#footer p {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/*従来のソース部分用スタイル*/

#content {
	width: 780px;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}
#content p {
	line-height: 130%;
	text-align: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#content ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#content ul li {
	margin: 10px 10px 10px 20px;
	list-style-type: disc;
	list-style-position: inherit;
	clear: inherit;
	line-height: 80%;
}

#content h2 {
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../images/share/titleBg_01.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	height: 30px;
}
#content h3 {
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../images/share/titleBg_01.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	height: 30px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content h4 {
	font-size: 12px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
/*最初のh2内でh4の代わりに設定*/
.subhead {
	font-size: 12px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-weight: bold;
}
#content h5 {
	margin: 15px 15px 20px 10px;
	font-size: small;
	font-weight: normal;
	clear: both;
	color: #408080;
	text-align: right;
}

/*「トップヘ戻る」のh5の代わりに設定*/
.gotoTop {
	margin: 15px 15px 20px 10px;
	font-size: small;
	font-weight: normal;
	clear: both;
	color: #408080;
	text-align: right;
}
#content h6 {
	margin: 15px 15px 20px 10px;
	font-size: small;
	font-weight: bold;
	color: #FF0000;
}
#content h7{
	font-size: 12px;
	color: #191970;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}


#content a {
	color: #0000FF;
	font-size: small;
	text-decoration: none;
}
#content a:hover {
	color: #000080;
	font-size: small;
	text-decoration: underline;
}


#content main-navi a {
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	display: block;
}




#sub-content img {
	margin: 10px auto 5px auto;
	border-style: none;
	display: block;
}

#sub-content p {
	margin: 5px 10px 10px 10px;
	clear: both;
	padding-bottom: 10px;
}
#sub-content h4 {
	font-size: small;
	color: #3333FF;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	clear: both;
}

#I1 {
	border: 1px solid #FFFFFF;
	width: 98%;
	height: 150px;
	margin: 10px 0px 10px 0px;
	cursor: auto;
	padding-right: 10px;
	padding-left: 10px;
	border-spacing: 0px;
	border-collapse: 0;
	background-color: #FFFFFF;
	display: block;
	clip: rect(0px, 0px, 0px, 0px);
}
#I2 {
	border: 1px solid #FFFFFF;
	width: 98%;
	height: 450px;
	margin: 10px 0px 10px 0px;
	cursor: default;
	padding-right: 10px;
	padding-left: 10px;
	border-spacing: 0px;
	border-collapse: 0;
	background-color: #FFFFFF;
	display: block;
	clip: rect(0px, 0px, 0px, 0px);
	float: none;
	clear: none;
}
.table {
	border: 1px solid #3333FF;
	margin: 10px;
	padding: 10px;
	width: 90%;
	border-collapse: collapse;
}
.s_hyo2 {
	width: 60px;
	border: 1px solid #3333FF;
	padding: 10px;
}
.s_hyo3 {
	padding: 10px;
	border: 1px solid #3333FF;
}

.s_hyou2_2 {
	border: 1px solid #3333FF;
	padding: 10px;
}
.s_hyou2_3 {
	padding: 10px;
	border: 1px solid #3333FF;
}
.m_hyo1 {
	border: 1px solid #3333FF;
	padding: 10px;
}
.m_hyo3 {
	padding: 10px;
	border: 1px solid #3333FF;
}
.r_hyo2 {
	padding: 10px;
	border: 1px solid #3333FF;
	text-align: right;
}

.r_hyo1 {
	width: 360px;
	border: 1px solid #3333FF;
	padding: 10px;
}

.mainimg {
	border-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
.red {
	font-weight: bold;
	color: #FF0000;
}

/*追加分*/
.bold {
	font-weight: bold;
}
#content table {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#content img {
	border-style: none;
	display: block;
	margin-top: 10px;
}
#content td {
	vertical-align: top;
}
#content ul li {
	clear: inherit;
	line-height: 120%;
}
#navi {
	clear: both;
	height: 60px;
	position:relative;
	top:-10px;
	left:0px;
	float:right;
}
.navi {
	clear: both;
	height: 60px;
	position:relative;
	top:-10px;
	left:0px;
	float:right;
}
#navi a {
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	display: block;
}
#navi a:hover {
	background-position: left -60px;
}
#navi a#navi-btn9 {
	background-image: url('../images/share/navi-btn9.gif');
	width: 150px;
}
#navi a#navi-btn9_on {
	background-image: url('../images/share/navi-btn9.gif');
	width: 150px;
	background-position: left -60px;
}
.table1 {
	border: 1px solid #00000;

	border-collapse: collapse;
}
.table1 td {
	border: 1px solid #3333FF;
	padding: 5px;
}
/*クルーズ*/

#cruise a {
	color: #333333;
	text-decoration: none;
}
#cruise a:hover {
	color: #0099FF;
	text-decoration: none;
}
#cruise_middle {
	width: 800px;
	background-image: url('../event/images/cruise-title_middle.jpg');
	background-repeat: repeat-y;
	background-position: left;
}
#cruise_top {
	background-image: url('../event/images/cruise-title_top.jpg ');
	background-repeat: no-repeat;
	background-position: top left;
}
#cruise_bottom {
	background-image: url('../event/images/cruise-title_bottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 170px 30px 20px 30px;
	font-size: 21px;	
}
#cruise_bottom p{
	font-size:11px;
	padding-top:10px;
	padding-left:350px;
	line-height:95%;
}
#cruise_memu_middle {
	width: 800px;
	background-image: url('../event/images/cruise-memu_middle.gif');
	background-repeat: repeat-y;
	background-position: left;
}
#cruise_memu_top {
	background-image: url('../event/images/cruise-memu_top.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
#cruise_memu_bottom {
	background-image: url('../event/images/cruise-memu_bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 10px 20px 10px 30px;
	font-size: 21px;
	font-family: 'ＭＳ Ｐ明朝', 'Hiragino Mincho Pro';
}
#cruise_ship_middle {
	width: 800px;
	background-image: url('../event/images/cruise-ship_middle.gif');
	background-repeat: repeat-y;
	background-position: left;
}
#cruise_ship_top {
	background-image: url('../event/images/cruise-ship_top.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
#cruise_ship_bottom {
	background-image: url('../event/images/cruise-ship_bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 10px 20px 10px 30px;
	font-size: 21px;
}
#cruise_schedule_middle {
	width: 800px;
	background-image: url('../event/images/cruise-schedule_middle.gif');
	background-repeat: repeat-y;
	background-position: left;
}
#cruise_schedule_top {
	background-image: url('../event/images/cruise-schedule_top.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
#cruise_schedule_bottom {
	background-image: url('../event/images/cruise-schedule_bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 10px 20px 10px 30px;
	font-size: 21px;
}
#cruise_gallery_middle {
	width: 800px;
	background-image: url('../event/images/cruise-gallery_middle.gif');
	background-repeat: repeat-y;
	background-position: left;
}
#cruise_gallery_top {
	background-image: url('../event/images/cruise-gallery_top.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
#cruise_gallery_bottom {
	background-image: url('../event/images/cruise-gallery_bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 10px 20px 10px 30px;
	font-size: 21px;
}

#cruise_medical{
	background-image: url('../event/images/cruise_medical.gif');
	background-repeat: no-repeat;
	font-family: 'ＭＳ Ｐ明朝', 'Hiragino Mincho Pro';
	font-size: 18px;
	padding:30px 0px 20px 40px;	
}

.cruise_gallery{
	width:765px;
	margin-top:40px;
}
.cruise_gallery_main{
	width:250px;
	float:left;
	font-size:16pt;
}
.cruise_gallery_sub{
	width:765px;

}
.cruise_photo_top{
	width:525px;
	float:left;

}
.cruise_photo_side{
	width:215px;
	float:left;
}
.cruise_photo_bottom{
	width:765px;
}		
#r_camera table{
	border: 1px solid #3333FF;
	margin: 10px;
	padding: 10px;
	width: 90%;
	border-collapse: collapse;
}
#r_camera tr{
	text-align:center
}
#r_camera td{
	border: 1px solid #3333FF;
	padding: 10px;
	vertical-align:middle;
}
#r_camera img{
	padding: 3px;
	margin: -10px;
	text-align:center;
	width: 80px;
}