@charset "shift_jis";

/*

information{
	ファイル名 : /css/facility01.css;
	概要 : このCSSファイルはaquariumフォルダのレイアウト設定を記述しています。;
	サイト名 : サンシャインシティー ;
}

 */

/* 1.水族館.aquarium
------------------------------------------------------------------------- */
.aquariumTop #mainContents{
	/*font-size: 1em;*/
	font-size: 0.8em ;
	line-height:1.4em;
}
.aquariumTop #mainContents h2{
	margin-bottom:0;
}
.aquariumTop #facilityNavi{
	width: 575px;
}
.aquariumTop #mainContents{
	overflow: hidden;
}
.aquariumTop #mainContents:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumTop #mainContents{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumTop #mainContents .article h3{
	margin-bottom:7px;
}
.aquariumTop #mainContents #topContents,
.aquariumTop #mainContents #topContents .article{
	float:left;
	width: 400px;
}
.aquariumTop #mainContents #sub_facilityNavi{
	float:right;
	width: 160px;
}

/* ---- facilityNavi <<<-----------*/
.aquarium #facilityNavi{
	background: transparent url("/sunshine/aquarium/images/facilityNavi_bg.jpg");
	/*height:100px;*/
}
.aquarium #facilityNavi h2{
	display:none;
}
.aquarium #facilityNavi ul{
	height:100px;
	padding-left:5px;
	width: 570px;
	overflow:hidden;
}
.aquarium #facilityNavi ul:after{
    content: "";
    display: block;
    clear: both;
    height: 100px;
    overflow: hidden;
}
/*\*/
* html .aquarium #facilityNavi ul{
    height: 100px;
    overflow: visible ;
}
/**/
.aquarium #facilityNavi ul li{
	float: left ;
	padding-right: 5px ;
	height:100px;
	width: 109px ;
}
.aquarium #facilityNavi ul li img{
	margin-top:69px;
}
.aquarium #facilityNavi ul li p{
	/*background: #ffffff;*/
	position:absolute;
	z-index:10;
	text-align:center;
	margin-top:25px;
	margin-left:-20px;
	width:150px !important;
	display:none;
}
.aquarium #facilityNavi ul li p img{
	margin-top:0;
	padding:2px;
}
/* ---- topInfo <<<-----------*/
.aquariumTop #mainContents .topInfo h3{
	background: transparent url("/sunshine/aquarium/images/top_info_title.gif");
	height:0;
	overflow:hidden;
	padding-top:30px;
}
.aquariumTop #mainContents .topInfo ul{
	clear: both;
	overflow: hidden;
	padding-bottom:5px;
}
.aquariumTop #mainContents .topInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumTop #mainContents .topInfo ul{
    height: 1em;
    overflow: visible;
}
/**/

.aquariumTop #mainContents .topInfo ul li.pic{
	float: left;
	width: 70px;
}
.aquariumTop #mainContents .topInfo ul li.title{
	background: transparent url("/sunshine/aquarium/images/icon01.gif") left 5px no-repeat;
	float: left;
	padding:2px 0 5px 0;
	width:320px;
}
.aquariumTop #mainContents .topInfo ul li.title a{
	padding-left:12px;
}
.aquariumTop #mainContents .topInfo ul li.txt{
	float: left;
	width:320px;
}

/* ---- eventInfo <<<-----------*/
.aquariumTop #mainContents .eventInfo{
	clear: both;
}
.aquariumTop #mainContents .eventInfo h3{
	height:0;
	overflow:hidden;
	padding-top:30px;
}
.aquariumTop #mainContents .eventInfo h3.eventInfo01{
	background: transparent url("/sunshine/aquarium/images/top_news_title.gif");
}
.aquariumTop #mainContents .eventInfo h3.eventInfo02{
	background: transparent url("/sunshine/aquarium/images/top_event_title.gif");
}

.aquariumTop #mainContents .eventInfo .articleBox{
	clear:both;
	overflow: hidden;
}
.aquariumTop #mainContents .eventInfo .articleBox:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumTop #mainContents .eventInfo .articleBox{
    height: 1em;
    overflow: visible;
}
/**/

.aquariumTop #mainContents .eventInfo ul{
	float: left;
	width: 200px;
}
.aquariumTop #mainContents .eventInfo ul li.pic{
	float: left;
	padding-bottom:5px;
	width: 70px;
}
.aquariumTop #mainContents .eventInfo ul li.title{
	background: transparent url("/sunshine/aquarium/images/icon01.gif") left 5px no-repeat;
	float: left;
	padding:2px 0 7px 0;
	width: 120px;
}
.aquariumTop #mainContents .eventInfo ul li.title a{
	padding-left:12px;
}
.aquariumTop #mainContents .eventInfo ul li.date{
	clear: both;
	font-weight:bold;
	padding-bottom:3px;
	width: 190px;
}
.aquariumTop #mainContents .eventInfo ul li.txt{
	padding-bottom:5px;
	width: 190px;
}

/* ---- facilityIntro <<<-----------*/
.aquariumTop #mainContents ul.facilityIntro{
	background:#82dafc url("/sunshine/aquarium/images/sub_facilityNavi_header.gif") top no-repeat;
	margin-bottom:10px;
	width:160px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro01,
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro02,
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro03{
	/*width: 160px;*/
	background: #ffffff ;
	margin:0 4px 5px 4px ;
	width: 152px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04{
	/*width: 160px;*/
	background: transparent url("/sunshine/aquarium/images/sub_facilityNavi_footer.gif") bottom;
	padding: 0 4px 15px 4px;
	width: 152px;
}

.aquariumTop #mainContents ul.facilityIntro h4{
	height:0;
	overflow:hidden;
	padding-top:24px;
	width:152px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro01 h4{
	background: transparent url("/sunshine/aquarium/images/facilityIntro_title01.gif");
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro02 h4{
	background: transparent url("/sunshine/aquarium/images/facilityIntro_title02.gif");
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro03 h4{
	background: transparent url("/sunshine/aquarium/images/facilityIntro_title03.gif");
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 h4{
	background: transparent url("/sunshine/aquarium/images/facilityIntro_title04.gif");
	margin-bottom:10px;
}

.aquariumTop #mainContents ul.facilityIntro li.facilityIntro01 p{
	background: transparent url("/sunshine/aquarium/images/facilityIntro_bg01.jpg") bottom center no-repeat;
	padding:58px 5px 12px 60px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro01 p a{
	background: #4eb1de ;
	border: solid 1px #3399cc;
	color: #ffffff ;
	padding: 5px ;
}

.aquariumTop #mainContents ul.facilityIntro li.facilityIntro02 p{
	background: transparent url("/sunshine/aquarium/images/facilityIntro_txt02.gif") top center no-repeat;
	padding:55px 0 7px 0;
	text-align:center;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro02 p img{
	padding:0 3px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro03{
	background: #ffffff url("/sunshine/aquarium/images/facilityIntro_bg03.gif") 1px 30px no-repeat;
	padding-bottom:10px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro03 p{
	background: #4eb1de ;
	border: solid 1px #3399cc;
	margin: 10px 10px 0 60px ;
	padding: 5px ;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro03 p a{
	color: #ffffff ;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 ul{
	padding-bottom:5px;
	overflow: hidden;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 ul{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 ul li.pic{
	float:left;
	text-align:center;
	width:60px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 ul li.pic img{
	border-right:1px #d9d9d9 solid;
	border-bottom:1px #d9d9d9 solid;
	margin-bottom:5px;
	padding:3px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 ul li.title{
	padding-bottom :5px;
	float:left;
	width:80px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 ul li.title a{
	background: transparent url("/sunshine/aquarium/images/icon01.gif") left 3px no-repeat;
	padding:2px 0 7px 13px;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 p{
	clear:both;
	text-align:center;
}
.aquariumTop #mainContents ul.facilityIntro li.facilityIntro04 p a{
	background: #4eb1de ;
	border: solid 1px #3399cc;
	color: #ffffff ;
	padding: 5px ;
}

/* ---- facilityPdf <<<-----------*/
.aquariumTop #mainContents ul.facilityPdf{
	background: transparent url("/sunshine/aquarium/images/facilityPdf_footer.gif") left bottom no-repeat;
	margin-bottom:10px;
	overflow:hidden;
}
.aquariumTop #mainContents ul.facilityPdf:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumTop #mainContents ul.facilityPdf{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumTop #mainContents ul.facilityPdf li.fLeft{
	width:33px;
	margin:5px 5px 3px 7px;
	display:inline;
}
.aquariumTop #mainContents ul.facilityPdf li.fRight{
	width:110px;
	margin:3px 5px 0 0;
	color:#ffffff;
}
.aquariumTop #mainContents ul.facilityPdf li.fClear{
	padding:0 8px 8px 8px;
	line-height:100%;
	color:#333333;
}
.aquariumTop #mainContents ul.facilityPdf li.fClear a{
	color:#212e6b;
}
.aquariumTop #mainContents ul.facilityPdf li.btBox{
	background: transparent url("/sunshine/aquarium/images/facilityPdf_btnFooter.gif") left bottom no-repeat;
	float:right;
	width:110px;
	margin:auto 5px 5px 0;
	text-align:center;
}
.aquariumTop #mainContents ul.facilityPdf li.btBox a{
	background: transparent url("/sunshine/aquarium/images/facilityPdf_btnHeader.gif") left top no-repeat;
	color: #ffffff ;
	padding:7px;
	display:block;
}


/* ---- facilityInfo <<<-----------*/
.aquariumTop #mainContents ul.facilityInfo{
	clear:both;
}
.aquariumTop #mainContents ul.facilityInfo li{
	padding-bottom:6px;
}

/* ---- moreInfo <<<-----------*/
.aquariumTop #mainContents .moreInfo{
	background: #82dafc url("/sunshine/aquarium/images/top_moreInfo_footer.gif") left bottom no-repeat;
	clear:both;
	padding-bottom:5px;
	width:400px;
}
.aquariumTop #mainContents .moreInfo h3{
	background:#82dafc url("/sunshine/aquarium/images/top_moreInfo_header.gif") ;
	padding-top:5px;
	height:24px;
	width:390px;
	font-size:1.2em;
	line-height:24px;
	font-weight:bold;
	padding-left:10px;
	color:#005398;
}
.aquariumTop #mainContents div.moreInfo dl{
	overflow:hidden;
	padding-left:15px;
}
.aquariumTop #mainContents div.moreInfo dl:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumTop #mainContents div.moreInfo dl{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumTop #mainContents div.moreInfo dl dt{
	float:left;
	width:10em;
}
.aquariumTop #mainContents div.moreInfo dl dd{
	margin-left: 10em;
}

/* ---- aquariumNews <<<-----------*/
/* ---- aquariumArikui <<<-----------*/
/* ---- aquariumEvent <<<-----------*/
.aquariumNews #mainContents .article,
.aquariumArikui #mainContents .article,
.aquariumEvent #mainContents .article{
	clear:both;
}
.aquariumNews #mainContents .article h3,
.aquariumArikui #mainContents .article h3,
.aquariumEvent #mainContents .article h3{
	font-weight:bold;
	font-size:1.2em;
	padding: 0 25px 10px 25px;
}
.aquariumNews #mainContents .article h3,
.aquariumArikui #mainContents .article h3{
	background: #ffffff url("/sunshine/aquarium/images/title_bg_n01.gif") left bottom no-repeat;
}
.aquariumEvent #mainContents .article h3{
	background: #ffffff url("/sunshine/aquarium/images/title_bg01.gif") left bottom no-repeat;
}

/* ---- moreInfo <<<-----------*/
.aquariumNews #mainContents .moreInfo,
.aquariumEvent #mainContents .moreInfo{
	background: #82dafc url("/sunshine/aquarium/images/moreInfo_footer.gif") left bottom no-repeat;
	clear: both;
	padding-bottom:10px;
	width: 575px ;
}
.aquariumNews #mainContents .moreInfo h4,
.aquariumEvent #mainContents .moreInfo h4{
	background: #82dafc url("/sunshine/aquarium/images/moreInfo_header.gif") ;
	color: #005398 ;
	font-weight: bold ;
	padding: 10px 15px ;
	width: 545px ;
}
.aquariumNews #mainContents .moreInfo ul,
.aquariumEvent #mainContents .moreInfo ul{
	/*width: 575px ;*/
	background: #ffffff ;
	clear:both;
	font-size: 0.8em ;
	line-height: 1.4em ;
	margin: 0 5px ;
	overflow: hidden;
	padding:5px 5px 0 0;
	width: 560px ;
}
.aquariumNews #mainContents .moreInfo ul:after,
.aquariumArikui #mainContents .moreInfo ul:after,
.aquariumEvent #mainContents .moreInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumNews #mainContents .moreInfo ul,
* html .aquariumEvent #mainContents .moreInfo ul{
    height: 1em;
    overflow: visible;
}
/**/

.aquariumNews #mainContents .moreInfo ul li.pic,
.aquariumEvent #mainContents .moreInfo ul li.pic{
	float: left ;
	width: 80px ;
	text-align: center ;
}
.aquariumNews #mainContents .moreInfo ul li.title,
.aquariumNews #mainContents .moreInfo ul li.txt,
.aquariumNews #mainContents .moreInfo ul li.more,
.aquariumEvent #mainContents .moreInfo ul li.title,
.aquariumEvent #mainContents .moreInfo ul li.txt,
.aquariumEvent #mainContents .moreInfo ul li.more{
	float: right ;
	width: 480px ;
}
.aquariumNews #mainContents .moreInfo ul li.title,
.aquariumNews #mainContents .moreInfo ul li.txt,
.aquariumEvent #mainContents .moreInfo ul li.title,
.aquariumEvent #mainContents .moreInfo ul li.txt{
	margin-bottom:3px;
}
.aquariumNews #mainContents .moreInfo ul li.title a,
.aquariumEvent #mainContents .moreInfo ul li.title a{
	background: transparent url("/sunshine/aquarium/images/icon01.gif") 5px 3px no-repeat;
	padding:3px 0 3px 20px;
}
.aquariumNews #mainContents .moreInfo ul li.title span,
.aquariumEvent #mainContents .moreInfo ul li.title span{
	color:#cc0000;
}
.aquariumNews #mainContents .moreInfo ul li.more,
.aquariumEvent #mainContents .moreInfo ul li.more{
	text-align:right;
}

/* ---- aquariumEvent <<<-----------*/
.aquariumEvent #mainContents .article ul.eventInfo{
	font-size: 0.8em ;
	margin:10px 0;
}
.aquariumEvent #mainContents .article ul.eventInfo li.more{
	/*display: inline ;*/
	padding-right:5px;
}
.aquariumEvent #mainContents .article ul.eventInfo li span{
	background: #2e68a8 ;
	color: #ffffff ;
	padding: 2px 5px 1px 5px;
	margin:0 5px 0 0;
}

.aquariumEvent #mainContents .article ul.titleBox{
	background: #ffffff url("/sunshine/aquarium/images/title_bg_n01.gif") left bottom no-repeat;
	margin-bottom:15px;
}
.aquariumEvent #mainContents .article ul.titleBox li.date{
	font-size: 0.8em ;
	padding: 0 25px ;
}
.aquariumEvent #mainContents .article ul.titleBox li.date span{
	color:#cc0000;
	padding:0 0 0 5px;
}
.aquariumEvent #mainContents .article ul.titleBox li.title{
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	padding: 0 25px 5px 25px;
}
.aquariumEvent #mainContents .associated{
	background: none ;
	margin-bottom: 15px ;
	padding:0 0 0 0;
}
.aquariumEvent #mainContents .associated ul.eventInfo{
	margin:10px 0 0 0 ;
}
.aquariumEvent #mainContents .associated .btBox{
}
.aquariumEvent #mainContents .associated .btBox a{
	background: #4eb1de ;
	border: #3399cc 1px solid ;
	color: #ffffff ;
	display:block ;
	font-size: 0.8em ;
	text-align:center;
	margin:0 0 0 auto;
	padding: 4px 0;
	width: 16em ;
}

/* ---- aquariumInfo <<<-----------*/
.aquariumInfo #mainContents .article{
	background: transparent url("/sunshine/images/line03.gif") left bottom repeat-x;
	margin-bottom: 15px ;
	padding:0 0 20px 0;
}
.aquariumInfo #mainContents .article h4{
	margin:15px 0 10px 0;
}
.aquariumInfo #mainContents .article p{
	margin-top:10px;
	color: #0066cc;
}
.aquariumInfo #mainContents #facilityInfo01 ul li{
	margin-bottom:15px;
}
.aquariumInfo #mainContents #facilityInfo02 dl{
	overflow: hidden;
}
.aquariumInfo #mainContents #facilityInfo02 dl:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumInfo #mainContents #facilityInfo02 dl{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumInfo #mainContents #facilityInfo02 dl{
	width:187px;
	border:1px solid #d1d1d1;
	padding:1px;
	float:left;
	margin:0 1px 10px 0;
}
.aquariumInfo #mainContents #facilityInfo02 dl.listEnd{
	margin-right:0;
}
.aquariumInfo #mainContents #facilityInfo02 dt{
	float:left;
	width:66px;
}
.aquariumInfo #mainContents #facilityInfo02 dd{
	margin-left:66px;
	padding:3px;
	font-size:0.8em;
	line-height:1.4em;
}
.aquariumInfo #mainContents #facilityInfo02 dd img{
	margin-right:2px;
}
.aquariumInfo #mainContents #facilityInfo02 h4{
	background: transparent url("/sunshine/aquarium/images/icon01.gif") left center no-repeat;
	color:#3f3f3f;
	font-weight:bold;
	margin:0 0 0 0;
	padding:3px 0 3px 12px;
}
.aquariumInfo #mainContents #facilityInfo02 h5{
	margin:15px 0 10px 0;
}

.aquariumInfo #mainContents .moreInfo{
	overflow: hidden;
}
.aquariumInfo #mainContents .moreInfo:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumInfo #mainContents .moreInfo{
    height: 1em;
    overflow: visible;
}
/**/

.aquariumInfo #mainContents .moreInfo .fLeft{
	/*width: 256px ;*/
	background: #ff6985 ;
	border: #ff6985 solid 1px ;
	color: #ffffff ;
	font-size: 0.8em ;
	line-height: 1.4em ;
	width: 254px ;
}
.aquariumInfo #mainContents .moreInfo .fLeft p{
	padding: 3px ;
}
.aquariumInfo #mainContents .moreInfo .fRight{
	/*width:312px;*/
	background: #ffffff url("/sunshine/aquarium/images/info_mobile_bg.gif") left top repeat-x;
	border: 1px solid #d9d9d9;
	width: 310px ;
}
.aquariumInfo #mainContents .moreInfo .fRight h5,
.aquariumInfo #mainContents .moreInfo .fRight ul{
	/*width: 310px ;*/
	padding:5px 9px;
	width:292px;
}
.aquariumInfo #mainContents .moreInfo .fRight ul{
	font-size:0.8em;
	overflow: hidden;
}
.aquariumInfo #mainContents .moreInfo .fRight ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumInfo #mainContents .moreInfo .fRight ul{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumInfo #mainContents .moreInfo .fRight ul li.pic{
	float:left;
	width:65px;
}
.aquariumInfo #mainContents .moreInfo .fRight ul li.txt{
	float:left;
	width:225px;
}

/* ---- aquariumLivecamera <<<-----------*/
.aquariumLivecamera #mainContents .article{
	background: transparent url("/sunshine/images/line03.gif") left bottom repeat-x;
	margin-bottom: 15px ;
	padding:0 0 20px 0;
}

.aquariumLivecamera #mainContents ul.camera02{/*カメラ2コ*/
	background: #000000 ;
	padding: 5px;
	margin: 15px auto;
	/*width:280px;*/
	width:565px;
}
.aquariumLivecamera #mainContents ul.camera01{/*カメラ1コ*/
	background: #000000 ;
	padding: 5px;
	margin: 15px auto;
	width:352px;

}
.aquariumLivecamera #mainContents ul.camera01 li.pic{
	height: 240px ;
	width: 352px ;
}
.aquariumLivecamera #mainContents ul.camera02 li.pic,
.aquariumLivecamera #mainContents ul.camera02 li img,
.aquariumLivecamera #mainContents ul.camera02 li OBJECT{
	height: 190px ;
	width: 280px ;
}

.aquariumLivecamera #mainContents ul.livecamera li.title{
	background: transparent url("/sunshine/aquarium/images/livecamera_icon.gif") 20px center no-repeat;
	color:#FFFFFF;
	clear:both;
	padding:5px 0 0 45px;
	/*width:565px;*/
}

.aquariumLivecamera #mainContents .moreInfo{
	background: #82dafc url("/sunshine/aquarium/images/moreInfo_footer.gif") left bottom no-repeat;
	clear: both;
	padding-bottom:10px;
	width: 575px ;
}
.aquariumLivecamera #mainContents .moreInfo .moreInfoBox{
	background:#ffffff;
	padding:5px 8px;
	margin-left:5px;
	width: 549px ;
	overflow: hidden;
}
.aquariumLivecamera #mainContents .moreInfo .moreInfoBox:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumLivecamera #mainContents .moreInfo .moreInfoBox{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumLivecamera #mainContents .moreInfo ul li{
	overflow: hidden;
}
.aquariumLivecamera #mainContents .moreInfo ul li:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumLivecamera #mainContents .moreInfo ul li{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumLivecamera #mainContents .moreInfo ul.fLeft,
.aquariumLivecamera #mainContents .moreInfo ul.fRight{
	width:270px;
}
.aquariumLivecamera #mainContents .moreInfo ul li.pic{
	float:left;
	width:130px;
}
.aquariumLivecamera #mainContents .moreInfo ul li.title{
	border-left: 3px solid #479dcb;
	color:#479dcb;
	float:left;
	font-weight:bold;
	padding-left:2px;
	margin-bottom:5px;
	width:405px;
}
.aquariumLivecamera #mainContents .moreInfo ul li.txt{
	float:left;
	font-size:0.8em;
	line-height:1.2em;
	width:410px;
}
.aquariumLivecamera #mainContents .moreInfo ul.fLeft li.title,
.aquariumLivecamera #mainContents .moreInfo ul.fRight li.title{
	width:135px;
}
.aquariumLivecamera #mainContents .moreInfo ul.fLeft li.txt,
.aquariumLivecamera #mainContents .moreInfo ul.fRight li.txt{
	width:140px;
}


/* ---- aquariumDiary <<<-----------*/
.aquariumDiary #mainContents .article{
/* IE6バグ対応 2009/12/8 miyamura */
/*	background: transparent url("/sunshine/images/line03.gif") left bottom repeat-x; */
	clear: both;
/*	padding-bottom:20px; */
/*	margin-bottom:15px; */
	padding-bottom:10px; 
	margin-bottom:5px; 
}
.aquariumDiary.index #mainContents .archiveList{
	background:none; 
}
.aquariumDiary.writer #mainContents .archiveList{
	background:none;
}
.aquariumDiary.archive #mainContents .diaryList{
	background:none;
}
.aquariumDiary #mainContents .article h3{
	background: transparent url("/sunshine/aquarium/images/diary_title01.gif");
	height:0;
	overflow:hidden;
	padding-top:42px;
}
.aquariumDiary.writer #mainContents .article.diaryList h4{
	background: transparent url("/sunshine/aquarium/images/diary_title03.gif");
	height:0;
	overflow:hidden;
	padding-top:28px;
	margin:15px 0;
}
.aquariumDiary #mainContents .article ul.titleBox{
	background: #ffffff url("/sunshine/aquarium/images/diary_title02.gif") left bottom no-repeat;
	margin-bottom:15px;
	margin-top:5px;
}
.aquariumDiary #mainContents .article ul.titleBox li.date{
	font-size: 0.8em ;
	padding: 0 25px ;
}
.aquariumDiary #mainContents .article ul.titleBox li.title{
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	padding: 0 25px 5px 25px;
}
/*
.aquariumDiary #mainContents .article div.fLeft{
	font-size: 0.8em ;
	margin: 10px 10px 10px 0;
	padding:0 3px 3px 0;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
.aquariumDiary #mainContents .article div.fRight{
	font-size: 0.8em ;
	margin: 10px 0 10px 10px;
	padding:0 3px 3px 0;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
*/
/*071207ここから*/
.aquariumDiary #mainContents .article div.fLeft{
	margin: 10px 10px 0 0;
	width:204px;
}
.aquariumDiary #mainContents .article div.fRight{
	margin: 10px 0 0 10px;
	width:204px;
}
.aquariumDiary #mainContents .article div.imageArea{
	width:575px;
}
.aquariumDiary #mainContents .article div.imageArea img{
	margin-right:2px;
}
.aquariumDiary #mainContents .article div.fLeft img,
.aquariumDiary #mainContents .article div.fRight img,
.aquariumDiary #mainContents .article div.imageArea img{
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
	padding:0 3px 3px 0;
}
/*071207ここまで*/
.aquariumDiary #mainContents .article div.writer{
	color:#006699;
	margin-top:20px;
	margin-bottom:10px
}
.aquariumDiary #mainContents .article div.writer img{
	margin:-10px 5px 0 0;
}
.aquariumDiary #mainContents .diaryList ul{
	margin-top:10px; 
	clear:both;
}
.aquariumDiary.archive #mainContents .diaryList{
/*  IE6バグ対応　miyamura add 2009/12/8 */
	background:url("/sunshine/aquarium/images/diary_txt03.gif") 0 15px no-repeat;
}
.aquariumDiary.archive #mainContents .diaryList h4{
/*  IE6バグ対応　miyamura add 2009/12/8 */
	background: transparent url("/sunshine/images/line03.gif") left top repeat-x; 
	padding:0 0 0px 26px;
	margin:0 0px 10px 0px; 
	height:19px;  

}
.aquariumDiary.archive #mainContents .diaryList h4 span{
	background:url("/sunshine/aquarium/images/diary_txt03_end.gif") right top no-repeat;
	padding:10 10px 0 0;
	height:19px;
	display:block;
	float:left;
	line-height:19px;
	color:#ffffff;
	font-weight:bold;
	margin-top:15px;
}
.aquariumDiary #mainContents .diaryList ul li.pic{
	float:left;
	padding:0 3px 3px 0;
	margin:0 10px 10px 0;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
.aquariumDiary #mainContents .diaryList ul li.date{
	font-size:0.8em;
}
.aquariumDiary #mainContents .diaryList ul li.title a{
	background: transparent url("/sunshine/aquarium/images/icon01.gif") 0 5px no-repeat;
	padding:3px 0 3px 15px;
}
.aquariumDiary #mainContents .diaryList ul li.txt{
	font-size:0.9em;
}
.aquariumDiary #mainContents .diaryList .btBox a{
	background: #4eb1de ;
	border: #3399cc 1px solid ;
	color: #ffffff ;
	display:block ;
	font-size: 0.8em ;
	margin:5px 0 0 auto;
	padding: 3px 0;
	text-align:center;
	width: 10em ;
}
.aquariumDiary.writer #mainContents .diaryList ul li.pic{
	border:none;
	padding:0;
	width:120px;
}
.aquariumDiary.writer #mainContents .diaryList ul li.title{
	background: url("/sunshine/aquarium/images/diary_writer.gif") left top no-repeat;
	color:#006699;
	float:right;
	padding:8px 0 7px 25px;
	width:420px;
}
.aquariumDiary.writer #mainContents .diaryList ul li.txt,
.aquariumDiary.writer #mainContents .diaryList ul li.btBox{
	float:right;
	width:445px;
}
.aquariumDiary #mainContents .archiveList h4{
	margin-bottom:10px; 
/*  IE6バグ対応　miyamura add 2009/12/8 */
	padding-top:15px; 
	background: transparent url("/sunshine/images/line03.gif") left top repeat-x; 
}
.aquariumDiary #mainContents .archiveList dt{
	border-left:3px solid #996633;
	color:#996633;
	font-weight:bold;
	line-height:1em;
	margin:5px 0;
	padding:1px 0 1px 5px;
}
.aquariumDiary #mainContents .archiveList dd li{
	display:inline;
	white-space: nowrap;
}

.aquariumDiary #mainContents .moreInfo{
	background: #82dafc url("/sunshine/aquarium/images/moreInfo_footer.gif") left bottom no-repeat;
	clear:both;
	padding-bottom:10px;
	width:575px;
}
.aquariumDiary #mainContents .moreInfo h4{
	background:#82dafc url("/sunshine/aquarium/images/diary_moreInfo_header.gif") ;
	height:0;
	overflow:hidden;
	padding-top:35px;
	width:575px ;
}
.aquariumDiary #mainContents .moreInfo .articleBody{
	background: #ffffff ;
	margin:0 5px;
	overflow: hidden;
	padding:0 0 0 0;
	width:565px;
}
.aquariumDiary #mainContents .moreInfo .articleBody:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .aquariumDiary #mainContents .moreInfo .articleBody{
	height: 1em;
	overflow: visible;
}
/**/
.aquariumDiary #mainContents .moreInfo ul{
	/*width: 575px ;*/
	float:left;
	line-height: 1.4em ;
	overflow: hidden;
	padding:5px 5px 5px 5px;
	width: 270px ;
}
.aquariumDiary #mainContents .moreInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumDiary #mainContents .moreInfo ul{
    height: 1em;
    overflow: visible;
}
/**/

.aquariumDiary #mainContents .moreInfo ul li.pic{
	border-right:1px #d9d9d9 solid;
	border-bottom:1px #d9d9d9 solid;
	float: left ;
	margin:0 0 0 5px;
	padding:0 3px 3px 0;
	text-align: center ;
	width: 100px ;
}
.aquariumDiary #mainContents .moreInfo ul li.date,
.aquariumDiary #mainContents .moreInfo ul li.title,
.aquariumDiary #mainContents .moreInfo ul li.txt{
	float: right ;
	font-size:0.9em;
	padding:0 0 3px 5px;
	width: 150px ;
}
.aquariumDiary #mainContents .moreInfo ul li.date{
	font-size:0.8em;
}
.aquariumDiary #mainContents .moreInfo ul li.title a{
	background: transparent url("/sunshine/aquarium/images/icon01.gif") 0px 5px no-repeat;
	padding:3px 0 3px 15px;
}

/* ---- aquariumCm <<<-----------*/

.aquariumCm #mainContents div.article p{
	margin:5px 0;
}
.aquariumCm #mainContents div.article ul{
	background: transparent url("/sunshine/images/line03.gif") left bottom repeat-x;
	clear:both;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.aquariumCm #mainContents div.article ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumCm #mainContents div.article ul{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumCm #mainContents div.article ul.listEnd{
	background:none;
}

.aquariumCm #mainContents div.article ul li.pic{
	float:left;
	background: transparent url("/sunshine/aquarium/images/aquariumCm_tvBg.gif") left top no-repeat;
	margin:10px 20px 0 0;
	padding:23px 11px 20px 11px;
	width:160px;
}
.aquariumCm #mainContents div.movieClip ul li.pic{
	background: none;
}
.aquariumCm #mainContents div.article ul li.pic img{
	padding:0;
	margin:0;
}
.aquariumCm #mainContents div.article ul li.subTitle{
	background: transparent url("/sunshine/aquarium/images/aquariumCm_txt01.gif") left 0.1em no-repeat;
	float:right;
	height:15px;
	margin:23px 0 5px 0;
	padding:0 0 0 20px;
	width:353px;
}
.aquariumCm #mainContents div.article li.subTitle span{
	background: transparent url("/sunshine/aquarium/images/aquariumCm_txt02.gif") right 0.1em no-repeat;
	color:#003764;
	display:block;
	font-weight:bold;
	float:left;
	height:15px;
	padding:0 20px 0 0 ;
	
}
.aquariumCm #mainContents div.article ul li.title{
	background: transparent url("/sunshine/aquarium/images/aquariumCm_txt03.gif") left top no-repeat;
	color:#ffffff;
	float:right;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	width:363px;
}
.aquariumCm #mainContents div.article ul li.txt{
	float:right;
	margin:0 0 10px 0;
	width:373px;
}
.aquariumCm #mainContents div.article ul li.btBox{
	float:right;
	width:373px;
}
.aquariumCm #mainContents div.article ul li.btBox img{
	margin-right:10px;
}

.aquariumCm #mainContents div.article.movieClip ul li.pic{
	background:none;
	float:left;
	margin:10px 20px 0 0;
	padding:0;
	width:320px;
}
.aquariumCm #mainContents div.article.movieClip ul li.pic img{
	margin:0;
	padding:0;
}
.aquariumCm #mainContents div.article.movieClip ul li.subTitle{
	background: transparent url("/sunshine/aquarium/images/aquariumCm_txt01.gif") left 0.1em no-repeat;
	margin:0 0 5px 0;
	width:555px;
}
.aquariumCm #mainContents div.article.movieClip li.subTitle span{
	background: transparent url("/sunshine/aquarium/images/aquariumCm_txt02.gif") right 0.1em no-repeat;
}
.aquariumCm #mainContents div.article.movieClip ul li.title{
	background: transparent url("/sunshine/aquarium/images/aquariumCm_txt04.gif") left top no-repeat;
	color:#ffffff;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	width:565px;
}
.aquariumCm #mainContents div.article.movieClip ul li.txt{
	float:right;
	margin:5px 0 10px 0;
	width:235px;
}
.aquariumCm #mainContents div.article.movieClip ul li.btBox{
	float:right;
	width:235px;
}
.aquariumCm #mainContents div.article.movieClip ul li.btBox img{
	margin:0;
}

.aquariumCm #mainContents .moreInfo{
	background: #82dafc url("/sunshine/aquarium/images/moreInfo_footer.gif") left bottom no-repeat;
	clear:both;
	padding-bottom:10px;
	width:575px;
}
.aquariumCm #mainContents .moreInfo h4{
	background:#82dafc url("/sunshine/aquarium/images/aquariumCm_moreInfoHeader.gif") ;
	height:0;
	overflow:hidden;
	padding-top:35px;
	width:575px ;
}
.aquariumCm #mainContents .moreInfo .articleBody{
	background: #ffffff ;
	margin:0 5px;
	overflow: hidden;
	padding:0 0 0 0;
	width:565px;
}
.aquariumCm #mainContents .moreInfo .articleBody:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .aquariumCm #mainContents .moreInfo .articleBody{
	height: 1em;
	overflow: visible;
}
/**/
.aquariumCm #mainContents .moreInfo ul{
	/*width: 575px ;*/
	float:left;
	line-height: 1.4em ;
	overflow: hidden;
	padding:5px 0 5px 0;
	width: 280px ;
}
.aquariumCm #mainContents .moreInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumCm #mainContents .moreInfo ul{
    height: 1em;
    overflow: visible;
}
/**/

.aquariumCm #mainContents .moreInfo ul li.pic{
	float: left ;
	width: 120px ;
	text-align: center ;
	margin:0 0 0 5px;
	
}
.aquariumCm #mainContents .moreInfo ul li.title{
	float: left ;
	font-size:0.9em;
	padding:0 0 3px 10px;
	width: 140px ;
}

.aquariumCm #mainContents .moreInfo ul li.title{
	font-weight:bold;
}
.aquariumCm #mainContents .moreInfo ul li.title span{
	color:#cc0000;
}

/* ---- aquariumDetail <<<-----------*/

.aquariumDetail #mainContents .article{
	background: transparent url("../images/line03.gif") left bottom repeat-x;
	margin-bottom: 15px ;
	padding:0 0 5px 0;
}

.aquariumDetail #mainContents .article h3{
	background: #ffffff url("/sunshine/aquarium/images/detail_title.gif");
	height:0;
	margin-bottom:15px;
	overflow:hidden;
	padding-top: 30px ;
}
.aquariumDetail #mainContents .article p.btBox{
	margin-top:-3em;
	margin-bottom:15px;
	padding:0 15px 10px 0;
	text-align:right;
}
/* ---- associated <<<-----------*/
.aquariumDetail #mainContents .article .associated h4{
	margin-bottom:10px;
	
}
.aquariumDetail #mainContents .article .associated ul{
	margin-bottom:5px;
	overflow: hidden;
	width:280px;
}
.aquariumDetail #mainContents .article .associated ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumDetail #mainContents .article .associated ul{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumDetail #mainContents .article .associated ul li.pic{
	float:left;
	width:140px;
}
.aquariumDetail #mainContents .article .associated ul li.pic img{
	border-style:solid;
	border-width:5px;
	margin-right:10px;
}
.aquariumDetail #mainContents .article #facility01 li.pic img{
	border-color:#fdd2e1;
}
.aquariumDetail #mainContents .article #facility02 li.pic img{
	border-color:#feda9c;
}
.aquariumDetail #mainContents .article #facility03 li.pic img{
	border-color:#d9f8b7;
}
.aquariumDetail #mainContents .article .associated ul li.title,
.aquariumDetail #mainContents .article .associated ul li.txt{
	float:left;
	width:140px;
}

.aquariumDetail #mainContents .article .associated ul li.title{
	font-weight:bold;
}
/* ---- moreInfo <<<-----------*/
.aquariumDetail #mainContents .moreInfo{
	background: #82dafc url("/sunshine/aquarium/images/moreInfo_footer.gif") left bottom no-repeat;
	clear: both;
	padding-bottom:10px;
	width: 575px ;
}
.aquariumDetail #mainContents .moreInfo h4{
	background: #82dafc url("/sunshine/aquarium/images/moreInfo_header.gif") ;
	padding:0 0 5px 5px;
	width: 570px ;
}
.aquariumDetail #mainContents .moreInfo ul{
	/*width: 575px ;*/
	background: #ffffff ;
	clear:both;
	margin: 0 5px ;
	overflow: hidden;
	padding:5px 10px ;
	width: 545px ;
}
.aquariumDetail #mainContents .moreInfo.show .moreInfoBox{
	/*width: 575px ;*/
	background: #ffffff ;
	margin: 0 5px ;
	padding:0 8px ;
	width: 549px ;
}
.aquariumDetail #mainContents .moreInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumDetail #mainContents .moreInfo ul{
    height: 1em;
    overflow: visible;
}
/**/

/* ---show---*/
.aquariumDetail #mainContents .moreInfo.show div.fLeft,
.aquariumDetail #mainContents .moreInfo.show div.fRight{
	width:270px;
}
.aquariumDetail #mainContents .moreInfo.show div h5{
	background: #2e68a8 url("/sunshine/aquarium/images/detail_moreInfo_txt01.gif") left top no-repeat;
	color:#FFFFFF;
	margin-top:5px;
	padding:1px 10px 5px 10px;
}
.aquariumDetail #mainContents .moreInfo.show div h5 a{
	color:#FFFFFF;
	font-weight:bold;
}
/*
.aquariumDetail #mainContents .moreInfo.show div.fLeft h5{
	background: transparent url("/sunshine/aquarium/images/detail_moreInfo_txt01.gif") left top;
}
.aquariumDetail #mainContents .moreInfo.show div.fRight h5{
	background: transparent url("/sunshine/aquarium/images/detail_moreInfo_txt02.gif") left top;
}
*/
.aquariumDetail #mainContents .moreInfo.show div p img{
	float:left;
	padding:0 8px 0 0;
}
.aquariumDetail #mainContents .moreInfo.show div p.more{
	font-size: 0.8em ;
	line-height:1.2em;
	margin:5px 0;
}
.aquariumDetail #mainContents .moreInfo.show div p.more span{
	background: #2e68a8 ;
	color: #ffffff ;
	margin:0 5px 0 0;
	padding: 2px 5px 1px 5px;
}
/* ---shop---*/
.aquariumDetail #mainContents .moreInfo.shop .articleBody{
	background-color:#ffffff;
	margin:0 5px;
	padding:3px 7px 0 7px;
	overflow:hidden;
}
.aquariumDetail #mainContents .moreInfo.shop ul{
	clear:none;
	display:inline;
	margin:0 0 5px 0;
	overflow: hidden;
	padding:0;
	width:273px;
}
.aquariumDetail #mainContents .moreInfo.shop ul.fLeft{
	width:278px;
}
.aquariumDetail #mainContents .moreInfo.shop .articleBody:after,
.aquariumDetail #mainContents .moreInfo.shop ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .aquariumDetail #mainContents .moreInfo.shop .articleBody,
* html .aquariumDetail #mainContents .moreInfo.shop ul{
    height: 1em;
    overflow: visible;
}
/**/
.aquariumDetail #mainContents .moreInfo.shop ul li.pic{
	float:left;
	width:120px;
	margin:0;
}
.aquariumDetail #mainContents .moreInfo.shop ul li.txt{
	float:left;
	font-weight:bold;
	padding:0 0 0 5px;
	width:148px;
}
.aquariumDetail #mainContents .moreInfo.shop ul li.txt .price{
	color:#cc0000;
}
.aquariumDetail #mainContents .moreInfo.shop ul li.txt .copyright{
	font-size:0.8em;
	font-weight:normal;
	line-height:120%;
}



/* ---livecamera---*/
.aquariumDetail #mainContents .moreInfo.livecamera ul li.pic{
	float: right ;
	width: 335px ;
}
.aquariumDetail #mainContents .moreInfo.livecamera ul li.pic img{
	padding-left:10px;
}
.aquariumDetail #mainContents .moreInfo.livecamera ul li.txt,
.aquariumDetail #mainContents .moreInfo.livecamera ul li.more{
	float: left ;
	width: 210px ;
}
.aquariumDetail #mainContents .moreInfo.livecamera ul li.more{
	color:#0066cc;
}

/* ---diary---*/
.aquariumDetail #mainContents .moreInfo.diary ul li.pic{
	float: left ;
	width: 110px ;
}
.aquariumDetail #mainContents .moreInfo.diary ul li.pic img{
	border-right: 1px #d9d9d9 solid;
	border-bottom: 1px #d9d9d9 solid;
	padding:0 3px 3px 0;
}
.aquariumDetail #mainContents .moreInfo.diary ul li.date,
.aquariumDetail #mainContents .moreInfo.diary ul li.title,
.aquariumDetail #mainContents .moreInfo.diary ul li.txt,
.aquariumDetail #mainContents .moreInfo.diary ul li.more{
	float: right ;
	width: 430px ;
	line-height:1.2em;
	/*	margin-bottom:3px;*/
}
.aquariumDetail #mainContents .moreInfo.diary ul li.date,
.aquariumDetail #mainContents .moreInfo.diary ul li.more{
	font-size:0.8em;
}
.aquariumDetail #mainContents .moreInfo.diary ul li.title a{
	background: transparent url("/sunshine/aquarium/images/icon01.gif") left 5px no-repeat;
	padding:3px 0 3px 13px;
}
.aquariumDetail #mainContents .moreInfo.diary ul li.more a{
	background: #4eb1de ;
	border: #3399cc 1px solid ;
	color: #ffffff ;
	display:block ;
	margin:5px 0 0 auto;
	padding: 3px 0;
	text-align:center;
	width: 10em ;
}