@charset "utf-8";

/* *********************************************************
Title: contents.css
Created: 2013-11-07
Last Modified: 2013-11-07
********************************************************* */

/* Table Of Contents
------------------------------------------------------------
#01 おもしろ水族館とは
#02 フロアガイド
#03 アクセス/時間/料金
#04 お問い合わせ/ご予約
#05 サイトマップ
#06 カテゴリーページ
#07 404
#08 深海祭り
----------------------------------------------------------*/

/*----------------------------------------------------------
#01 おもしろ水族館とは
----------------------------------------------------------*/
/* 青枠 */
.effect_c {
	background-color: #ccffff;
	border: solid 1px #b5ffff;
	border-radius: 7px;
	width: 660px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 5px 5px 5px #cccccc;
	-webkit-box-shadow: 5px 5px 5px #cccccc;
	box-shadow: 5px 5px 5px #7cccccc;
	/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element should have a background-color*/
	/*All filters must be placed together*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
/* ピンク枠 */
.effect_d {
	background-color: #ffccff;
	border: solid 1px #ffb5ff;
	border-radius: 7px;
	width: 660px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 5px 5px 5px #cccccc;
	-webkit-box-shadow: 5px 5px 5px #cccccc;
	box-shadow: 5px 5px 5px #7cccccc;
	/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element should have a background-color*/
	/*All filters must be placed together*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
.effectInner_2 {
	font-style: normal;
	padding: 10px 20px;
}

/*----------------------------------------------------------
#02 フロアガイド
----------------------------------------------------------*/
.caution {
	margin: 12px 0 24px 0;
}
.cautionInner {
	padding: 6px 15px;
}
/* 青枠 */
.curve-blue {
	background-color: #ccffff; /* ここの色を変えたら色んな角丸ができる */
	margin: 5px 0;
}
.curve-blue div.curve-head {
	background: url("./images/01-curve-left-head.gif") top left no-repeat;
	font-size: 1px;
	height: 5px;
}
.curve-blue div.curve-head div {
	background: url("./images/01-curve-right-head.gif") top right no-repeat;
	font-size: 1px;
	height: 5px;
}
.curve-blue div.curve-bottom {
	background: url("./images/01-curve-left-bottom.gif") bottom left no-repeat;
	font-size: 1px;
	height: 5px;
}
.curve-blue div.curve-bottom div {
	background: url("./images/01-curve-right-bottom.gif") bottom right no-repeat;
	font-size: 1px;
	height: 5px;
}
/* ピンク枠 */
.curve-pink {
	background-color: #ffccff; /* ここの色を変えたら色んな角丸ができる */
	margin: 5px 0;
}
.curve-pink div.curve-head {
	background: url("./images/01-curve-left-head.gif") top left no-repeat;
	font-size: 1px;
	height: 5px;
}
.curve-pink div.curve-head div {
	background: url("./images/01-curve-right-head.gif") top right no-repeat;
	font-size: 1px;
	height: 5px;
}
.curve-pink div.curve-bottom {
	background: url("./images/01-curve-left-bottom.gif") bottom left no-repeat;
	font-size: 1px;
	height: 5px;
}
.curve-pink div.curve-bottom div {
	background: url("./images/01-curve-right-bottom.gif") bottom right no-repeat;
	font-size: 1px;
	height: 5px;
}
/* フロア左右 */
.floorLeft {
	float: left;
	width: 310px;
}
.floorRight {
	float: left;
	width: 330px;
}
.floorrightInner {
	padding-left: 20px;
}
.floorLeft,.floorRight img{
	vertical-align: middle;
}
.floorNavi {
	font-size: 14px;
}
/* 青番号 */
.b_1 {
	background: url(./images/pages/floor/blue_1.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_2 {
	background: url(./images/pages/floor/blue_2.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_3 {
	background: url(./images/pages/floor/blue_3.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_4 {
	background: url(./images/pages/floor/blue_4.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_5 {
	background: url(./images/pages/floor/blue_5.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_6 {
	background: url(./images/pages/floor/blue_6.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_7 {
	background: url(./images/pages/floor/blue_7.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_8 {
	background: url(./images/pages/floor/blue_8.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_9 {
	background: url(./images/pages/floor/blue_9.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_10 {
	background: url(./images/pages/floor/blue_10.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_11 {
	background: url(./images/pages/floor/blue_11.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_12 {
	background: url(./images/pages/floor/blue_12.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_13 {
	background: url(./images/pages/floor/blue_13.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_14 {
	background: url(./images/pages/floor/blue_14.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.b_15 {
	background: url(./images/pages/floor/blue_15.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
/* ピンク番号 */
.p_1 {
	background: url(./images/pages/floor/pink_1.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_2 {
	background: url(./images/pages/floor/pink_2.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_3 {
	background: url(./images/pages/floor/pink_3.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_4 {
	background: url(./images/pages/floor/pink_4.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_5 {
	background: url(./images/pages/floor/pink_5.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_6 {
	background: url(./images/pages/floor/pink_6.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_7 {
	background: url(./images/pages/floor/pink_7.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_8 {
	background: url(./images/pages/floor/pink_8.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_9 {
	background: url(./images/pages/floor/pink_9.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_10 {
	background: url(./images/pages/floor/pink_10.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
.p_11 {
	background: url(./images/pages/floor/pink_11.gif) no-repeat top left;
	list-style: none;
	padding: 0px 0px 6px 24px;
}
/* フロアの注意書き */
#floorCaution dl{
	 font-size: 14px;
	 padding-right: 10px;
 }
#floorNotice dt{
	float: left;
	width: 160px;
}
#floorNotice dd{
	padding-left: 160px;
	zoom: normal;  
}
/* ショータイム */
.effect {
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
    box-shadow: 0 10px 6px -6px #777777;
}
.effectInner {
	font-style: normal;
	padding: 4px 10px;
}
.showLeft {
	float: left;
	width: 480px;
}
.showRight {
	float: left;
	text-align: right;
	width: 168px;
}

/*----------------------------------------------------------
#03 アクセス/時間/料金
----------------------------------------------------------*/
#mapLeft {
	float: left;
	width: 280px;
}
#mapRight {
	float: left;
	width: 390px;
}
#maprightInner {
	padding-left: 19px;
}

/*----------------------------------------------------------
#04 お問い合わせ/ご予約
----------------------------------------------------------*/
/* PDF、エクセル、メール */
#sheet {
	height: 52px;
	margin: 0 0 12px 0;
}
ul#sheetNavi {
	position: relative;
	list-style: none;
}
ul#sheetNavi a {
	display: block;
	height: 52px;
	text-decoration: none;
}
ul#sheetNavi li {
	display: block;
	height: 52px;
	position: absolute;
	text-indent: -9999px;
}
#sheetNavi li#pdfsheet {
	background: url(./images/pages/contact/pdfsheet_a.gif) no-repeat;
	left: 0px;
	width: 315px;
}
#sheetNavi li#xlssheet {
	background: url(./images/pages/contact/xlssheet_a.gif) no-repeat;
	left: 325px;
	width: 315px;
}
#sheetNavi li#pdfsheet  a:hover {
	background: url(./images/pages/contact/pdfsheet_b.gif) no-repeat;
}
#sheetNavi li#xlssheet  a:hover {
	background: url(./images/pages/contact/xlssheet_b.gif) no-repeat;
}
.mailfax {
	clear: both;
	width: 630px;
}
/* お問い合わせ */
fieldset {
	border: 0px;
	color: #424242;
	width: 670px;
}
.inquiryLeft {
	float: left;
	margin-top: 4px;
	width: 180px;
}
.inquiryLeft span {
	padding-left: 8px;
}
.inquiryRight {
	float: left;
	margin-top: 4px;
	width: 490px;
}
.inquiryColor {
	background-color: #ecffff;
	clear: both;
}
.inquirySubcolor {
	background-color: #ddffff;
	clear: both;
}
.inquiryClear {
	border-bottom: 1px dotted #dcdcdc;
	clear: both;
	padding-bottom: 4px;
}
#button {
	margin: 12px 0 0 0;
	padding: 0;
	text-align: center;
}

/*----------------------------------------------------------
#05 サイトマップ
----------------------------------------------------------*/
#sitemap {
	line-height: 2.0;
	list-style: none;
}
#sitemap li {
	background: #e6ecff;
	list-style: none;
	margin-bottom: 2px;
	padding: 10px 10px 10px 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

/*----------------------------------------------------------
#06 カテゴリーページ
----------------------------------------------------------*/
#categoryNext {
	background-color: #f1f1f1;
	font-size: 90%;
	margin-top: 33px;
	text-align: center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#categorynextInner {
	padding: 8px 0;
}
/*----------------------------------------------------------
#07 404
----------------------------------------------------------*/
#notfound {
	margin-top: 33px;
	text-align: center;
}

/*----------------------------------------------------------
#08 深海祭り
----------------------------------------------------------*/
#abyssTop {
	width: 940px;
}
#abyssLeft {
	float: left;
	width: 500px;
}
#abyssRight {
	float: left;
	width: 440px;
}
.abyssLeft_2 {
	float: left;
	width: 440px;
}
.abyssRight_2 {
	float: left;
	width: 500px;
}
.abyssphotoLeft {
	float: left;
	width: 200px;
}
.abyssphotoRight {
	float: left;
	margin-left: 20px;
	width: 200px;
}











.effect_b {
	border: solid 1px #cccccc;
    box-shadow: 0 10px 6px -6px #777777;
}
.effect1 {
	border: solid 1px #cccccc;
	border-radius: 7px;
	width: 660px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 5px 5px 5px #777777;
	-webkit-box-shadow: 5px 5px 5px #777777;
	box-shadow: 5px 5px 5px #777777;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 5, direction = 135, color = '#777777');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#777777')";
	/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element should have a background-color*/
	/*All filters must be placed together*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
.effectInner_2 {
	font-style: normal;
	padding: 10px 20px;
}
.aboutLeft {
	float: left;
	width: 360px;
}
.aboutRight {
	float: left;
	text-align: right;
	width: 260px;
}
.aboutLeft_2 {
	float: left;
	width: 260px;
}
.aboutRight_2 {
	float: left;
	width: 360px;
}
.aboutLeft_3 {
	float: left;
	width: 425px;
}
.aboutRight_3 {
	float: left;
	text-align: right;
	width: 195px;
}
.textLeft {
	float: left;
	width: 270px;
}
.textRight {
	float: left;
	text-align: right;
	width: 400px;
}
.textLeft_2 {
	float: left;
	width: 265px;
}
.textRight_2 {
	float: left;
	width: 405px;
}
.textLeft_3 {
	float: left;
	width: 320px;
}
.textRight_3 {
	float: left;
	width: 350px;
}
.textLeft_4 {
	float: left;
	width: 400px;
}
.textRight_4 {
	float: left;
	width: 270px;
}
.textLeft_5 {
	float: left;
	width: 350px;
}
.textRight_5 {
	float: left;
	text-align: right;
	width: 320px;
}