@charset "utf-8";


.gray-dsp{
color:#CCCCCC;
}

	#areaMenu dt#opArea a{width: 170px;margin-top: 30px;padding-top: 88px;background-position: -340px -110px;}
	#areaMenu dt#opArea a:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;	}
	
	
#cl{clear:both;}

/*

		CONTENTS Caption CSS

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#pavi11{
	position: absolute;
	top: -73px;
	left: 0;
	width: 700px;
	padding-top: 63px;
	filter: alpha(opacity=90) !important;
	-moz-opacity:0.9;
	opacity:0.9;
	border-top: 10px solid #d5e8f8;
	background:url("../images/contents/hl_2.png") 0 -693px no-repeat;
	z-index: 2;
}
#pavi11{
	top: 240px;
	left: 50%;
	margin-left: -470px;
	width: 940px;
}
#pavi11{background-position: 0 -2076px;}




#pavi12{
	position: absolute;
	top: -73px;
	left: 0;
	width: 700px;
	padding-top: 63px;
	filter: alpha(opacity=90) !important;
	-moz-opacity:0.9;
	opacity:0.9;
	border-top: 10px solid #d5e8f8;
	background:url("../images/contents/hl_2.png") 0 -693px no-repeat;
	z-index: 2;
}
#pavi12{
	top: 240px;
	left: 50%;
	margin-left: -470px;
	width: 940px;
}
#pavi12{background-position: 0 -2135px;}


/*---------------------------------------------------*/

#container.diary #mainContents ul.futatsu li img,
#container.diary #mainContents p.imgC img{padding: 2px;border: 3px solid #dcdcdc;clear: both;}
#container.diary #mainContents ul.futatsu{margin: 0;overflow: hidden;clear: both;}
#container.diary #mainContents ul.futatsu li{list-style: none; float:left; text-align:left; display:inline;}
	p.clear{
	clear: both;
	}
#special{width: 230px;margin-left: 20px;margin-bottom: 20px;float: left;}

#flclear object, #flclear embed{
margin: 0;
	}
	
/*年パスのページ画像差し替え*/

div#pass04{margin-top:40px;padding: 0 18px 20px 18px;background-color: #f1f8fc;border: 2px solid #008cd6;border-top: none;}
	#container div#pass04 h3{background: url("../images/contents/passport.png") 0 -40px no-repeat;width: 640px;margin: -20px 0 20px -20px;padding: 40px 0 0 0;border: none;}
		#container div#pass04 p strong{color: #103050;font-size: 161.6%;font-weight: bold;}
	    div#pass04 ul{margin: 0 0 20px -10px;overflow: hidden;}
		div#pass04 ul li{margin-left: 10px;float: left;}
		div#pass04 ul li.amenity05{width: 340px;padding-top: 160px;}
		div#pass04 ul li.amenity06{width: 250px;padding-top: 160px;}

div#pass04 ul li.amenity05{background: url("../images/contents/passport.jpg") 0 0 no-repeat;}
div#pass04 ul li.amenity06{background: url("../images/contents/passport.jpg") -340px 0 no-repeat;}

/* * * * * * * * * * * * * F-mailform PDA  * * * * * * * * * * * * * * * * * * * * * */
dl#policy{margin: 20px;}
	dl#policy dt{margin-bottom: 5px;color: #005A8B;font-size: 116%;font-weight: bold;border-bottom: 1px solid #005A8B;}
	dl#policy dd{margin-bottom: 20px;}
#mailBox-pda{width: 600px;margin-right:15px;display: inline;}
	#mailBox-pda #ptrack1,
	#mailBox-pda #ptrack2,
	#mailBox-pda #ptrack3{width: 520px;margin-bottom: 20px;padding-top: 30px;}
	#mailBox-pda #searchSubmit4{margin: 8px	130px 20px 130px;clear: both;}
	#mailBox-pda #searchSubmit5,
	#mailBox-pda #searchSubmit6{margin: 20px;}
	#mailBox-pda #transmission{margin: 0 auto 15px auto;padding: 8px 30px;background-color: #005A8B;}
	#mailBox-pda #transmission span{margin-left:30%;display: inline;float: left;}
	#mailBox-pda #transmission label{padding-top: 3px;color: #fff;}
	#container #mailBox-pda #ssl{text-align: center;}
	#container #mailBox-pda #ssl span{padding: 0.3em 0 0.3em 20px;font-size: 100%;color: #fe3501;background: url("../images/contents/lock.png") 0 center no-repeat;}
#telBox{width: 330px;float: left;}
	#telBox div.address{padding: 15px;margin-bottom: 15px;border: 1px solid #dcdcdc;}
	#container #telBox div.address h3{width: auto;margin: 0 0 10px 0;padding: 0;color: #1b1b1b;font-size: 100%;background:none;border: none;}
	#container #telBox div.address p{margin: 0;}
		#container #telBox div.address strong{font-size: 161.6%;color: #008cd6;}
#prizeBox li{width: 160px;float: left;}

#tabNav.pda{margin: 0;clear: both;}
#tabNav.pda li{width: 50%;float: left;}
#container .break,
#container .break h3,
#container .break thead th,
#container .break dd{color: #999;}
#container .break h3{border-left: 8px solid #999;}
#container .break p{padding: 3px;color: #ff3900;border: 3px solid #ff3900;}
	#tabNav.pda li{float: left;margin: 0;list-style: none;overflow: hidden;}
		#tabNav.pda li a{padding: 0.3em 0;color: #999;text-align: center;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;background-color: #eee;display: block;}
		#tabNav.pda li a:hover{color: #008cd6;}
		#tabNav.pda li a.active{color: #008cd6;border-bottom: 1px solid #fafafa;background-color: #fefefe;}
#pda01,
#pda02{padding:5px;border: 1px solid #ccc;border-top: none;}
#mainContents #pda01 table#restrant,
#mainContents #pda02 table#restrant{width:560px;}


table#pdaform{width: 600px;margin: 1.5em 20px 20px 20px;border: 1px solid #ddd;border-collapse:collapse;}

table#pdaform{width: 520px;margin: 10px 0;clear: both;}

table#pdaform th{padding: 1em 10px;color: #005a8b;font-weight: normal;text-align: center;white-space: nowrap;border: 1px solid #ddd;background-color: #eee;}

table#pdaform th{width: 130px;text-align: left;}
table#pdaform td{padding: 0.5em 10px;border: 1px solid #ddd;}
table#pdaform td table td{padding: 0;border: none;}
	
#pdaform #name,
#pdaform #furigana,
#pdaform #phone,
#pdaform #email,
#pdaform #confirmemail,
#pdaform textarea,
#pdaform #sentakukoumoku,
option{width: 300px;}

#mailBox #ptrack1{background: url("../images/contents/ptrack.png") 0 0 no-repeat;}
#mailBox #ptrack2{background: url("../images/contents/ptrack.png") 0 -40px no-repeat;}
#mailBox #ptrack3{background: url("../images/contents/ptrack.png") 0 -80px no-repeat;}
#container #telBox div strong{font-family: Century Gothic, Helvetica, "Hiragino Kaku Gothic Pro W3","ヒラギノ Pro W3","Osaka", "ＭＳ Ｐゴシック";}






#container #areaguide2 li a{background: url("../images/contents/areaguide2.jpg") no-repeat;}
#container #areaguide2{margin: 0 0 30px -8px;overflow: hidden;}
	#container #areaguide2 li{width: 316px;margin: 5px 0 5px 8px;list-style: none;float: left;display: inline;}
		#container #areaguide2 li a{width: 310px;padding-top: 134px;display: block;border: 3px solid #ccc;float: left;height: 0;overflow: hidden;}
		#container #areaguide2 li a:hover{border: 3px solid #005A8B;}
#container #areaguide2 li#shinkaimap a{background-position: 0px -401px;}
#container #areaguide2 li#shindan a{background-position: -310px -400px;}
#container #areaguide2 li#shindan2 a{background-position: -622px -401px;}

		#container #areaguide2 li#coralsea a{background-position: -310px 0;}
		#container #areaguide2 li#tropical a{background-position: -620px 0;}
		#container #areaguide2 li#coralroom a{background-position: -930px 0;}
		#container #areaguide2 li#piece-water-tank a{background-position: -1240px 0;}
		#container #areaguide2 li#freshwater a{background-position: -1550px 0;}
		#container #areaguide2 li#theater a{ background-position: 0 -134px;}
		#container #areaguide2 li#shark a{ background-position: -310px -134px;}
		#container #areaguide2 li#kuroshio a{background-position: -620px -134px;}
		#container #areaguide2 li#exploration a{background-position: -930px -134px;}
		#container #areaguide2 li#aquaroom a{background-position: -1240px -134px;}
		#container #areaguide2 li#ocean-blue a{background-position: -1550px -134px;}
		#container #areaguide2 li#deepaquarium a{background-position: 0 -268px;}
		#container #areaguide2 li#smallcreature a{background-position: -620px -268px;}
		#container #areaguide2 li#deeplayer a{background-position: -310px -268px;}
		#container #areaguide2 li#planetarium a{background-position: -930px -268px;}
		#container #areaguide2 li#labo a{background-position: -1240px -268px;}
		
		
		
		
		
		
		
		
#shinshin{
	position: absolute;
	top: -78px;
	left: 0px;
	width: 700px;
	padding-top: 63px;
	filter: alpha(opacity=90) !important;
	-moz-opacity:0.9;
	opacity:0.9;
	border-top: 10px solid #d5e8f8;
	background:url("../images/contents/hl_2-1.png") 0 -693px no-repeat;
	z-index: 2;
}

#shinshin{
	top: 240px;
	left: 50%;
	margin-left: -470px;
	width: 940px;
}
#shinshin{background-position: 0 -2195px;}


#ar{
	position: absolute;
	top: -78px;
	left: 0px;
	width: 700px;
	padding-top: 63px;
	filter: alpha(opacity=90) !important;
	-moz-opacity:0.9;
	opacity:0.9;
	border-top: 10px solid #d5e8f8;
	background:url("../images/contents/hl_2_n.png") 0 -693px no-repeat;
	z-index: 2;
}



#byc{
	position: absolute;
	top: -78px;
	left: 0px;
	width: 700px;
	padding-top: 63px;
	filter: alpha(opacity=90) !important;
	-moz-opacity:0.9;
	opacity:0.9;
	border-top: 10px solid #d5e8f8;
	background:url("../images/contents/hl_2_n.png") 0 -693px no-repeat;
	z-index: 2;
}

#byc{
	top: 240px;
	left: 50%;
	margin-left: -470px;
	width: 940px;
}
#byc{background-position: 0 -2260px;}



#ar{
	top: 240px;
	left: 50%;
	margin-left: -470px;
	width: 940px;
}
#ar{background-position: 0 -2195px;}




/* footer 書き換え */

#footer #fNavi {
    left: 577px;
    margin-left: -470px;
    position: absolute;
    top: 19px;
    width: 680px;
}

#footer address {
    background: url("../images/common/copyright.png") no-repeat scroll 0 0 transparent;
    left: 586px;
    margin-left: 307px;/* --> 270px */
    padding-top: 60px;
    position: absolute;
    top: 9px;
    width: 199px;
}

/* ---------------------------------------------------------------------------------*/

#footer {position: relative;bottom: 0;width: 100%;padding: 8px 0 80px 0;background-color: #008cd6;border-top : 1px solid #fff;clear: both;}
	#footer #fNavi{
	position: absolute;
	left: 577px;
	width: 680px;
	margin-left: -470px;
	top: 19px;
	height: 24px;
}
		#footer #fNavi li{margin-left: 15px;font-size: 85%;float: left;}
			#footer #fNavi li a{padding: 5px 0 5px 12px;background: url("../images/contents/path.gif") 0 center no-repeat;}
	#footer address{
	position: absolute;
	left: 691px;
	width: 199px;
	padding-top: 60px;
	margin-left: 270px;
	background: url("../images/common/copyright.png") 0 0 no-repeat;
	top: 28px;
}