@charset "UTF-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	letter-spacing:4px;
	text-align:center;
	background:url(../images/bg_head.gif) repeat-x;
	background-color:#F7FBFC !important;
	line-height:190%;
	font-family: "ＤＦＰ中丸ゴシック体", "HG丸ゴシックM-PRO",HiraMaruPro-W4,ヒラギノ丸ゴシック W4,sans-serif !important;
	}


/*////////////////////////////////////////////


 header 
 
 
////////////////////////////////////////////*/


header{
	margin:0 auto;
	padding:0;
	width:1100px;
	}

h1 a{
	text-align:left;
	display:block;
	}

h1 img{
	margin-top:-12px;
	margin-bottom:10px;
	position:relative;
	z-index:100;
	}


.tellbnr{
	text-align:right;
	margin-top:-170px;
	margin-bottom: -50px;
	margin-left:370px;
	position:relative;
	}

ul.subbtn{
	text-align:right;

	position:relative;
	}

ul.subbtn li{
	display:inline-block;
	padding:0 1%;
	}







/*////////////////////////////////////////////


 gnavi
 
 
////////////////////////////////////////////*/


section.gnavi{
	margin-top:60px;
	background:url(../images/bg_gbtn.gif) repeat-x;
	}


ul.gbtn{
	padding:0;
	margin:0;
	}

ul.gbtn li{
	 display: inline;
	}



/*////////////////////////////////////////////


 新しいグローバルナビゲーション
 
 
////////////////////////////////////////////*/


ul.newglobal{
	padding:28px 0;
	margin:0;
	}

ul.newglobal li{
	 display: inline;
	 padding: 0 22px;
	 font-size: 20px;
	 font-weight: bold;
	 letter-spacing: 1px;
	 border-left: 1px dotted #685e50;
	}

	ul.newglobal li:last-child{
		border-right: 1px dotted #685e50;
	}

ul.newglobal li a{
	color: #685e50;
	}

ul.newglobal li a:hover{
		color: #59c5e1;
	}

	ul.newglobal li.insta img{
		width: 25px;
		padding: 0 10px;
		vertical-align: text-bottom;
	}

	ul.newglobal li.insta a:hover{
		opacity: 0.5;
	}


	





/*////////////////////////////////////////////


main
 
 
////////////////////////////////////////////*/


section.main{
	height:580px;
	background-color:#E4F5FA;
	background:url(../images/bg_wave02.png) repeat-x;
	background-position:bottom;
	}





/*////////////////////////////////////////////


contents
 
 
////////////////////////////////////////////*/



section.contents{
	height:auto;
	padding:50px 0;
	background:url(../images/bg_wave.png) repeat-x;
	background-position:bottom;
	background-color:#E6F5FA;
	}



section.contents div.contentsbox{
  background: #fff;
  margin: 0 auto;
  width: 940px;
  height:450px;
  padding: 30px;
  border:10px solid #B1E0F3;
  text-align: center;
  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  overflow:hidden;
  background:url(../images/bg_news.png) no-repeat;
  background-color:#FFF;
}



div.contentsboxL{
	width:450px;
	text-align:left;
	float:left;
	margin-left:10px;
	}

p.mark{
	text-align:center;
	padding:2%;
	}

div.contentsboxR{
	width:430px;
	float:left;
	text-align:left;
	margin-left:40px;
	}

p.newstitle{
	margin-left:20px;
	}




section.contents div.bnrbox{
  background: #fff;
  margin: 3% auto 5% auto;
  width: 1000px;
  height:350px;
  padding:20px 0;
  border:10px solid #B1E0F3;
  text-align: center;
  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  overflow:hidden;
  background:url(../images/bg_news.png) no-repeat;
  background-color:#FFF;
}






/*////////////////////////////////////////////


bnner
 
 
////////////////////////////////////////////*/


ul.bnrlist{
	margin-left:-40px;
	margin-top:20px;
	padding:0;
	margin:0;
	}


ul.bnrlist li{
	display:inline-block;
	}






/*////////////////////////////////////////////


footer
 
 
////////////////////////////////////////////*/


footer{
	background:url(../images/bg_foot.gif) repeat-x;
	height:600px;
	padding:0;
	margin:0;
	border-top:10px solid #09C
	}



footer div.footinfomation{
	background:#ffffff;
	width:1020px;
	height:460px;
	margin:3% auto 0 auto;
	border-radius:10px;
	}

.footinfo01{
	margin-top:13px;
	}


.footinfo02{
		margin-top:-203px !important;
		
	}

/*////////////////////////////////////////////


copyright
 
 
////////////////////////////////////////////*/



p.copylight{
	font-size:80%;
	font-weight:bold;
	margin-top:2%;
	}


/* ページトップへ戻る */
#pageTop {
 position: fixed;
 bottom: 50px;
 right: 50px;
 }
 
 
 
 
 
 
 
/*////////////////////////////////////////////


loopslider
 
 
////////////////////////////////////////////*/



#container {
	width: 100%;
	text-align: center;
	  margin: 0;
	padding: 0;
	border: 0;
}

#loopslider {
	margin: -0px auto 2% auto;
	width: 100%;
	height: 530px;
	text-align: left;
	position: relative;
	overflow: hidden;
	
}

#loopslider ul {
	width: 100%;
	height: 530px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 770px;
	height: 530px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}


/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}


.mt100{
	margin-top:100px;
	}








p.btnhyoka{
	 position: fixed !important;
 top: 10 !important;
 right: 0 !important;
 z-index:100000 !important;
	}




/* =======================================
	イルカカフェ
======================================= */


p.cafetxt{
	text-align: center;
	line-height: 240%;
	padding: 4% 0;
}


p.cafetxt002{
	text-align: left;
	line-height: 240%;
	padding: 4% 0;
	font-size: 90%;
	color: #633102;
	font-weight: bold;
	border: 4px solid #e3cb9a;
	border-radius: 4px;
	padding:5% 5%;
	width: 75%;
	margin: 0 auto 5%;
	background:url("../../images/cafe/img_artten.jpg") no-repeat;
	background-position: center;
}

span.hopekids{
	font-size: 150%;
	font-weight: bold;
	color: cornflowerblue;
	margin: 1%;
	display: inline-block
}



ul.cafemenu{
	padding: 3%;
}



div.cafebox{
	width: 850px;
	height: auto;
	margin: 0 auto;
	background:url(../../images/cafe/bg_cafe.jpg) repeat;
	padding: 3% 0;
}



div.menubox{
	margin: 0 auto;
	width: 800px;
}


div.menuboxL{
	float: left;
	width: 350px;
}

div.menuboxR{
	float: left;
	width: 400px;
}

dl.irukamenu{
	text-align: left;
	margin-left: 50px;
	margin-top: 50px;
}


dl.irukamenu dt{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
	color: darkred;
	line-height: 160%;
}




p.eggimg{
	margin: 5% 0 2% 0;
}


p.menuimg img{
	padding: 3% 0 6% 0;
}







.ml40{
	margin-left: 40px;
}



.ml60{
	margin-left: 60px;
}