/*###################################*/
/*#		include						#*/
/*###################################*/
@charset "utf-8";
/*###################################*/
/*#		reset						#*/
/*###################################*/
#submenu{
	display:none;
}
#content{
	background-image: none;
}
#main{
	float:none;
	width:100%;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/*###################################*/
/*#		customize					#*/
/*###################################*/
.SLIDESHOW > .body > .wrapper > .bg {
	background-color: transparent;
}
/*********************/
/*	Topics1			*/
/*	main topics		*/
/*********************/
#Topics1{
}
#Topics1 > .header{
	display: none;
}
#Topics1 > .body > .TOPICS{
	height: 405px;
	background: transparent url("../images/index_Topics1_topics.png") top center no-repeat;
}
/*********************/
/*	INFORMATION			*/
/*	お知らせ		*/
/*********************/
.INFORMATION {
	margin:20px 0;
}
.INFORMATION > .header {
    background-color: #002299;
    color: #fff;
    font-size: 0.9em;
}
.INFORMATION > .body {
    background-color: #fff;
    border-bottom: 4px solid #002299;
    color: #0099CC;
    font-size: 1.2em;
    padding: 6px 5%;
}
.INFORMATION > .body > li > a {
    color: #0099CC;
}
/*********************/
/*	Topics2			*/
/*	今日のイベント		*/
/*********************/
#Topics2{
	width: 480px;
}
#Topics2 > .header {
	width: 100%;
	height: 63px;
	margin-top: 30px;
	background:url("../images/index_Topics2_header.png") bottom left no-repeat;
}
#Topics2 > .header > h2{
	display: none;
}
#Topics2 > .body{
	margin-top: 5px;
	margin-left: 40px;
	margin-right: 35px;
}
#Topics2 > .body > ul{
	list-style: none outside;
	width: 255px;
	overflow: hidden;
	float: left;
}
#Topics2 > .body > ul > li{
	display: block;
	width: 100%;
}
#Topics2 > .body > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 5px;
}
#Topics2 > .body > ul > li > a:hover{
	background-position: bottom left;
}
#Topics2 > .body > ul > .btn1 > a{
	height: 82px;
	background:url("../images/index_Topics2_btn1.jpg") top left no-repeat;
}
#Topics2 > .body > ul > .btn2 > a{
	height: 82px;
	background:url("../images/index_Topics2_btn2.jpg") top left no-repeat;
}
#Topics2 > .body > ul > .btn3 > a{
	height: 40px;
	background:url("../images/index_Topics2_btn3.jpg") top left no-repeat;
}
#Topics2 > .body > .TOPICS {
	width: 125px;
	height: 220px;
	float: right;
}

/*********************/
/*	Button1			*/
/*	エンジョイサイトバナー		*/
/*********************/
#Button1{
}
#Button1 > .header{
	display: none;
}
#Button1 > .body > .btn1{
	width:448px;
	height: 124px;
	display: block;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/index_Button1_btn1.png") top left no-repeat;
	margin-left: 25px;
}
#Button1 > .body > .btn1:hover{
	background-position: bottom left;
}

/*********************/
/*	名古屋ガーデンふ頭		*/
/*********************/
#Button2{
	width: 480px;
}
#Button2 > .header{
	margin-top: 30px;
	width: 100%;
	height: 63px;
	background:url("../images/index_Button2_header.png") top left no-repeat;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#Button2 > .body{
	width: 100%;
	height:354px;
	background:url("../images/index_Button2_body.png") top left no-repeat;
}
#Button2 > .body > ul{
	list-style: none outside;
}
#Button2 > .body > ul > li{
	margin-left: 10px;
	margin-bottom: 15px;
	float:left;
}
#Button2 > .body > ul > li > a{
	display: block;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 133px;
	height: 130px;
}
#Button2 > .body > ul > li > a:hover{
	background-position:bottom left;
}
#Button2 > .body > ul > .btn1 > a{
	background:url("../images/index_Button2_btn1.png") left top no-repeat;
}
#Button2 > .body > ul > .btn2 > a{
	background:url("../images/index_Button2_btn2.png") left top no-repeat;
}
#Button2 > .body > ul > .btn3 > a{
	background:url("../images/index_Button2_btn3.png") left top no-repeat;
}
#Button2 > .body > ul > .btn4 > a{
	background:url("../images/index_Button2_btn4.png") left top no-repeat;
}
#Button2 > .body > ul > .btn5 > a{
	background:url("../images/index_Button2_btn5.png") left top no-repeat;
}
#Button2 > .body > ul > .btn6 > a{
	width: 143px;
	margin-left: -2px;
	background:url("../images/index_Button2_btn6.png") left top no-repeat;
}

/*********************/
/*	Topics4			*/
/*	TOPICS				*/
/*********************/
#Topics4 > .header {
	width: 100%;
	height: 63px;
	background:url("../images/index_Topics4_header.png") top left no-repeat;
}
#Topics4 > .body {
	height: 135px;
	background:url("../images/index_Topics4_body.png") top left no-repeat;
	color: #ffffff;
	padding-left: 40px;
	padding-right: 17px;
}
#Topics4 > .body > .img{
	float: left;
	width: 180px;
	height: 135px;
	margin-right: 10px;
}
#Topics4 > .body > .img > .TOPICS{
	width: 100%;
	height: 100%;
}
#Topics4 > .body >  .title {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#Topics4 > .body > .text {
	font-size: 12px;
	line-height: 24px;
	color:#eee;
}
#Topics4 > .body >  .detail {
}
#Topics4 > .body >  .detail > a{
	display: block;
	float: right;
	width: 107px;
	height: 38px;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/index_detail_btn.png") top left no-repeat;
}
#Topics4 > .body >  .detail > :hover {
	background-position: bottom left;
}
/*********************/
/*	Topics5			*/
/*	スタッフブログ		*/
/*********************/
#Topics5 > .header {
	width: 100%;
	height: 63px;
	background:url("../images/index_Topics5_header.png") top left no-repeat;
}
#Topics5 > .body {
	height: 135px;
	background:url("../images/index_Topics5_body.png") top left no-repeat;
	color: #ffffff;
	padding-right: 40px;
}
#Topics5 > .body > .img{
	float: left;
	width: 180px;
	height: 135px;
	margin-right: 10px;
}
#Topics5 > .body > .img > .TOPICS{
	width: 100%;
	height: 100%;
}
#Topics5 > .body >  .title {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#Topics5 > .body > .text {
	font-size: 12px;
	line-height: 24px;
	color:#eee;
}
#Topics5 > .body >  .detail {
}
#Topics5 > .body >  .detail > a{
	display: block;
	float: right;
	width: 107px;
	height: 38px;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/index_detail_btn.png") top left no-repeat;
}
#Topics5 > .body >  .detail > :hover {
	background-position: bottom left;
}
/*********************/
/*	South			*/
/*	南館		*/
/*********************/
#South{
	display: block;
	width:450px;
	height: 140px;
	background:url("../images/index_Topics4_btn1.png") top left no-repeat;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 30px;
}
#South:hover{
	background-position: bottom left;
}
/*********************/
/*	North			*/
/*	北館		*/
/*********************/
#North{
	display: block;
	width:450px;
	height: 140px;
	background:url("../images/index_Topics5_btn1.png") top left no-repeat;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#North:hover{
	background-position: bottom left;
}
/*********************/
/*	Button3			*/
/*	リンクボタンエリア		*/
/*********************/
#Button3{
	margin-top: 10px;
	margin-bottom: 10px;
}
#Button3 > .header{
	display: none;
}
#Button3 > .body {
	width: 960px;
	height: 378px;
	background: url("../images/index_Button3_body.png") top left no-repeat;
}
#Button3 > .body > ul{
	list-style: none outside;
	position: relative;
}
#Button3 > .body > ul > li > a{
	display: block;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#Button3 > .body > ul > li > a:hover{
	background-position: bottom left;
}
#Button3 > .body > .fixed{
	margin-top: 40px;
	margin-left:40px;
	float: left;
	width: 249px;
}
#Button3 > .body > .fixed > li{
	display: block;
	width: 249px;
	height: 72px;
	margin-bottom: 10px;
}
#Button3 > .body > .fixed > li > a{
	display: block;
	width: 100%;
	height: 100%;
	background: transparent top left no-repeat;
}
#Button3 > .body > .fixed > .btn1 > a{
	background-image: url("../images/index_Button3_btn1.jpg");
}
#Button3 > .body > .fixed > .btn2 > a{
	background-image: url("../images/index_Button3_btn2.jpg");
}
#Button3 > .body > .fixed > .btn3 > a{
	background-image: url("../images/index_Button3_btn3.jpg");
}
#Button3 > .body > .fixed > .btn4 > a{
	background-image: url("../images/index_Button3_btn4.jpg");
}
#Button3 > .body > .absolute{
	float: left;
	position: relative;
}
#Button3 > .body > .absolute > li{
	position: absolute;
	display: block;
	width: 148px;
	height: 145px;
}
#Button3 > .body > .absolute > li > a{
	display: block;
	width: 100%;
	height: 100%;
}
#Button3 > .body > .absolute > .btn5{
	left: 15px;
	top: 180px;
}
#Button3 > .body > .absolute > .btn5 > a{
	background-image: url("../images/index_Button3_btn5.png");
}
#Button3 > .body > .absolute > .btn6{
	left: 90px;
	top: 35px;
}
#Button3 > .body > .absolute > .btn6 > a{
	background-image: url("../images/index_Button3_btn6.png");
}
#Button3 > .body > .absolute > .btn7{
	left: 160px;
	top: 226px;
}
#Button3 > .body > .absolute > .btn7 > a{
	background-image: url("../images/index_Button3_btn7.png");
}
#Button3 > .body > .absolute > .btn8{
	left: 230px;
	top: 80px;
}
#Button3 > .body > .absolute > .btn8 > a{
	background-image: url("../images/index_Button3_btn8.png");
}
#Button3 > .body > .absolute > .btn9{
	left: 360px;
	top: 10px;
}
#Button3 > .body > .absolute > .btn9 > a{
	background-image: url("../images/index_Button3_btn9.png");
}
#Button3 > .body > .absolute > .btn10{
	left: 330px;
	top: 220px;
}
#Button3 > .body > .absolute > .btn10 > a{
	background-image: url("../images/index_Button3_btn10.png");
}
#Button3 > .body > .absolute > .btn11{
	left: 510px;
	top: 240px;
}
#Button3 > .body > .absolute > .btn11 > a{
	background-image: url("../images/index_Button3_btn11.png");
}
#Button3 > .body > .absolute > .btn12{
	left: 490px;
	top: 100px;
}
#Button3 > .body > .absolute > .btn12 > a{
	background-image: url("../images/index_Button3_btn12.png");
}

/*********************/
/*	Banner_Topics			*/
/*	バナーエリア		*/
/*********************/
#Banner_Topics{
	overflow: hidden;
    margin-bottom: 20px;
}
#Banner_Topics > .body{
	width: 970px;
}
#Banner_Topics > .body > div > .TOPICS{
    margin-top: 20px;
    float: left;
    height: 63px;
    margin-left: 10px;
    width: 300px;
}

/*********************/
/*	Button4			*/
/*	instagram		*/
/*********************/
#Button4 > .header {
	width: 240px;
	height: 60px;
	background:url("../images/index_Button4_header") top left no-repeat;
}
#Button4 > .body > .banner{
	background:url("../images/aqua_Instagra.jpg") top left no-repeat;
	width:240px;
	height:65px;
	display: block;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#Button4 > .body > .banner:hover{
	background-position:bottom left;
}
/*********************/
/*	NewsList1			*/
/*	ニュースとお知らせ		*/
/*********************/
#NewsList1 {
	margin-right:13px;
	margin-left: 12px;
	background:url("../images/index_NewsList1_body.png") top left no-repeat;
}
#NewsList1 > .header{
	height: 63px;
}
#NewsList1 > .body{
	overflow: auto;
	height: 390px;
	padding-left: 16px;
	padding-right: 16px;
	color: #ffffff;
}
#NewsList1 > .body  a{
	color: #ffffff;
}
#NewsList1 > .body > .wrapper {
	border-bottom: 1px dotted #ffffff;
	position: relative;
	overflow: hidden;
}
#NewsList1 > .body > .wrapper > .LeftBlock {
	float: left;
	width: 280px;
	height: 80px;
	overflow: hidden;
}
#NewsList1 > .body > .wrapper > .RightBlock {
	float: right;
	width: 120px;
	height: 80px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#NewsList1 > .body .date {
	float: left;
	font-size: 14px;
	line-height: 2em;
}
#NewsList1 > .body .icon {
	float: left;
	margin: 5px;
	width: 90px;
	height: 15px;
}
#NewsList1 > .body > .wrapper > .LeftBlock > .title {
	float: left;
	clear: both;
	overflow: hidden;
	font-size: 16px;
	line-height: 26px;
}
#NewsList1 > .body > .wrapper > .RightBlock > .img {
	width: 100%;
	height: 100%;
}
#NewsList1 > .body > .wrapper > .RightBlock > .img > a{
	display: block;
	width: 100%;
	height: 100%;
}
#NewsList1 > .body > .wrapper > .RightBlock > .img > a > img{
	max-width: 100%;
	max-height: 100%;
}
#NewsList1 > .body > .wrapper2 {
	height: 22px;
	overflow: hidden;
	line-height: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}
#NewsList1 > .body > .wrapper2 > .date {
	float: left;
	font-size: 14px;
	line-height: 2em;
}
#NewsList1 > .body > .wrapper2 > .icon {
	float: left;
	margin: 5px 5px 0px 5px;
	width: 90px;
	height: 15px;
	font-size: 14px;
	line-height: 2em;
}
#NewsList1 > .body > .wrapper2 > .title {
	float: left;
	width: 230px;
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	line-height: 22px;
	white-space: nowrap;
}
#NewsList1 > .body > .wrapper3 {
	clear: both;
	border-top: 2px #ffffff solid;
	margin-top: 10px;
}
#NewsList1 > .body > .wrapper3 > .list {
	float: right;
	width: 107px;
	height: 38px;
	margin-top: 8px;
}
#NewsList1 > .body > .wrapper3 >  .list > a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/index_list_btn.png") no-repeat scroll left top;
}
#NewsList1 > .body > .wrapper3 > .list > a:hover {
	background-position: left bottom;
}
/*********************/
/*	Button5			*/
/*	ボタン・バナー		*/
/*********************/
#Button5 > .header{
	display: none;
}
#Button5 > .body > ul {
	float: left;
	width: 240px;
	list-style-type: none outside;
	margin-top: -5px;
}
#Button5 > .body > ul > li {
	display: block;
	width: 100%;
	height: 66px;
}
#Button5 > .body > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	background: transparent top left no-repeat;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#Button5 > .body > ul > li > a:hover{
	background-position: bottom left;
}
#Button5 > .body > ul > .btn1 > a{
	background-image: url("../images/index_Button5_btn1.png");
}
#Button5 > .body > ul > .btn2 > a{
	background-image: url("../images/index_Button5_btn2.png");
}
#Button5 > .body > ul > .btn3 > a{
	background-image: url("../images/index_Button5_btn3.png");
}
#Button5 > .body > ul > .btn4 > a{
	background-image: url("../images/index_Button5_btn4.png");
}
#Button5 > .body > ul > .btn5 > a{
	background-image: url("../images/index_Button5_btn5.png");
}
#Button5 > .body > ul > .btn6 > a{
	background-image: url("../images/index_Button5_btn6.png");
}
#Button5 > .body > ul > .btn7 > a{
	background-image: url("../images/index_Button5_btn7.png");
}
/*********************/
/*	Button6			*/
/*	スマホ		*/
/*********************/
#Button6{
	margin-top: 15px;
	margin-bottom: 15px;
	width: 240px;
}
#Button6 > .header {
	height: 40px;
	background:url("../images/index_Button6_header.png") bottom left no-repeat;
}
#Button6 > .body {
	height: 110px;
	list-style-type: none;
	background:url("../images/index_Button6_body.png") bottom left no-repeat;
}
#Button6 > .body > .detail {
	float: right;
	width: 107px;
	height: 38px;
	margin-top: 60px;
	margin-right: 10px;
}
#Button6 > .body > .detail > a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/index_detail_btn.png") no-repeat scroll left top;
}
#Button6 > .body > .detail > a:hover {
	background-position:bottom left;
}
/*********************/
/*	Button7			*/
/*	訪問者ボタン		*/
/*********************/
#Button7{
	margin-top: 15px;
	margin-bottom: 15px;
	width: 480px;
}
#Button7 > .header {
	height: 40px;
	background:url("../images/index_Button7_header.png") bottom left no-repeat;
}

#Button7 > .body > ul {
	list-style-type: none;
}
#Button7 > .body > ul > li {
	display: block;
	float: left;
	width: 158px;
	height: 56px;
}
#Button7 > .body > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	background: transparent top left no-repeat;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#Button7 > .body > ul > li > a:hover{
	background-position: bottom left;
}
#Button7 > .body > ul > .btn1 > a{
	background-image: url("../images/index_Button7_btn1.png");
}
#Button7 > .body > ul > .btn2 > a{
	background-image: url("../images/index_Button7_btn2.png");
}
#Button7 > .body > ul > .btn3 > a{
	background-image: url("../images/index_Button7_btn3.png");
}
#Button7 > .body > ul > .btn4 > a{
	background-image: url("../images/index_Button7_btn4.png");
}
#Button7 > .body > ul > .btn5 > a{
	background-image: url("../images/index_Button7_btn5.png");
}
#Button7 > .body > ul > .btn6 > a{
	background-image: url("../images/index_Button7_btn6.png");
}
/*********************/
/*	Button8			*/
/*	ガーテン埠頭		*/
/*********************/
#Button8{
	margin-top: 15px;
	margin-bottom: 15px;
	width: 240px;
}
#Button8 > .header {
	display: none;
}

#Button8 > .body > ul {
	list-style-type: none;
}
#Button8 > .body > ul > li {
	display: block;
	float: left;
	width: 240px;
	height: 152px;
}
#Button8 > .body > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	background: transparent top left no-repeat;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#Button8 > .body > ul > li > a:hover{
	background-position: bottom left;
}
#Button8 > .body > ul > .btn1 > a{
	background-image: url("../images/index_Button8_btn1.png");
}

/* ふ頭へのリンク：右 */
/*
#Button8 .body ul {
	float: left;
	width: 240px;
	list-style-type: none;
	margin-top: 15px;
}
#Button8 .body li {
	width: 100%;
}
#Button8 .body .btn1{
	display: block;
	text-indent: -9999px;
	width: 240px;
	height:152px;
	margin-bottom: 20px;
	background:url("../images/index_Button8_btn1.png") top left no-repeat;
}
#Button8 .body .btn1:hover{
	background-position:bottom left;
}

#Button8 .body a {
	display: block;
	width: 100%;
	height: 100%;
}
*/

/* ピックアップ：下 */
/*
#NewsList2 {
	margin:0px;
	width: 100%;
	height: 100%;
}
#NewsList2 ul li{
	margin-top:20px;
	background:url("../images/index_NewsList2_btn1.png") top left no-repeat;
	width:240px;
	height:66px;
	display: block;
	text-align: center;
	line-height:60px;
	float:left;
}
#NewsList2 ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
#NewsList2 ul li:hover {
	background-position:bottom left;
}

.INFORMATION {
	margin:20px 0;
}
.INFORMATION > .header {
    background-color: #002299;
    color: #fff;
    font-size: 0.9em;
}
.INFORMATION > .body {
    background-color: #fff;
    border-bottom: 4px solid #002299;
    color: #0099CC;
    font-size: 1.2em;
    padding: 6px 5%;
}
.INFORMATION > .body > li > a {
    color: #0099CC;
}
*/
/************************/
/*	NewsList3			*/
/*	カイオーの水族館日記	*/
/************************/
#NewsList3 {
	margin: 10px 0;
	width: 120px;
	float: left;
}
#NewsList3 > .header{
}
#NewsList3 > .body{
	color: #fff;
	height: 90px;
	background: url("../images/kaio.png") top left no-repeat;
}
#NewsList3 > .body  a {
	height: 38px;
	width: 122px;
	color: #fff;
	padding-top: 52px;
	text-align: center;
}
#NewsList3 > .body a.date {
	float: left;
	font-size: 14px;
	line-height: 2em;
}

/*********************/
/*	Button9			*/
/*	youtube			*/
/*********************/
#Button9{
	margin: 10px 0;
	width: 120px;
	float: right;
}
#Button9 > .header {
	display: none;
}

#Button9 > .body > ul {
	list-style-type: none;
}
#Button9 > .body > ul > li {
	display: block;
	float: left;
	width: 122px;
	height: 90px;
}
#Button9 > .body > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	background: transparent top left no-repeat;
	font-size: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#Button9 > .body > ul > li > a{
	background-image: url("../images/you_tube.png");
}
#Button9 > .body > ul > li > a:hover{
	background-position: bottom left;
}
/********************/
/*	Banner_Topics13	*/
/*	バナーエリア		*/
/********************/
#Banner_Topics13{
	height: 56px;
    width: 240px;
    float: left;
    margin-bottom: 20px;
}
#Banner_Topics13 > .TOPICS{
    float: left;
    height: 100%;
    width: 100%;
}
/****
*	AdvertisementBannerGuide
*	広告バナー guide
*****/
#AdvertisementBannerGuide a{
	display: block;
	text-indent: -9999px;
}