@charset "UTF-8";

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

	リセット＆汎用クラス

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


/*======================================================================================
   @ タグ初期化
======================================================================================*/

html { overflow-y: scroll; }
body { 
	margin: 0;
	padding: 0 0 30px;
	background: #faeabf url(../images/common/wallpaper.gif) repeat 0 0;
	font-size: 13px;
	font-family: 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,sans-serif ;
	font-style: normal;
	color: #111;
	line-height: 1.6;
	text-align: left;
}
* html body { font-size: 81%; }

/* 見出し
----------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd,li,blockquote {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
}

/* リスト
----------------------------------------------------------------------------------*/
li li { margin-left: 20px; }

ol {
	margin: 5px 0;
	padding-left: 36px;
}
* html ol {
	margin: 5px 0 5px 36px;
	padding-left: 0;
}
ol li {	list-style: decimal; }

/* 行
----------------------------------------------------------------------------------*/
p { font-size: 93%; }

/* リンク
----------------------------------------------------------------------------------*/
a {
	color: #1e84da;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
a:visited { color: ; }
a img { border: none; }

/* 画像
----------------------------------------------------------------------------------*/
img { vertical-align: bottom; }

/* アドレス
----------------------------------------------------------------------------------*/
address {
	font-style: normal;
	font-size: 93%;
}

/*======================================================================================
   @ 汎用クラス
======================================================================================*/

/* 文字サイズ 
-----------------------------------------------------------------------------*/
.fs10 { font-size:    77% !important; }  /* for size 10px */
.fs11 { font-size:    85% !important; }  /* for size 11px */
.fs12 { font-size:    93% !important; }  /* for size 12px */
.fs13 { font-size:   100% !important; }  /* for size 13px */
.fs14 { font-size:   108% !important; }  /* for size 14px */
.fs15 { font-size:   116% !important; }  /* for size 15px */
.fs16 { font-size: 123.1% !important; }  /* for size 16px */
.fs17 { font-size:   131% !important; }  /* for size 17px */
.fs18 { font-size: 138.5% !important; }  /* for size 18px */
.fs19 { font-size: 146.5% !important; }  /* for size 19px */
.fs20 { font-size: 153.9% !important; }  /* for size 20px */
.fs21 { font-size: 161.6% !important; }  /* for size 21px */
.fs22 { font-size:   167% !important; }  /* for size 22px */
.fs23 { font-size:   174% !important; }  /* for size 23px */
.fs24 { font-size:   182% !important; }  /* for size 24px */
.fs25 { font-size:   189% !important; }  /* for size 25px */
.fs26 { font-size:   197% !important; }  /* for size 26px */

/* 文字指定 
----------------------------------------------------------------------------*/
.oblique { font-style: oblique !important; }
.bold { font-weight: bold !important; }
.ul { text-decoration: underline !important; }

.textR { text-align: right  !important; }
.textC { text-align: center !important; }
.textL { text-align: left   !important; }

.lh25 { line-height: 1.25 !important; }
.va-m { vertical-align: middle !important; }

.yellow { color: #ffd541 !important; } /* 黄 */
.orange { color: #ed6d1e !important; } /* オレンジ */
.green  { color: #2a973d !important; } /* 緑 */
.red    { color: #CC0000 !important; } /* 赤 */
.blue   { color: #1e84da !important; } /* 青 */
.purple { color: #9900CC !important; }

/* 幅設定 
----------------------------------------------------------------------------*/
.w100 { width: 100% !important; }
.w90 {  width:  90% !important; }
.w80 {  width:  80% !important; }
.w70 {  width:  70% !important; }
.w60 {  width:  60% !important; }
.w50 {  width:  50% !important; }
.w40 {  width:  40% !important; }
.w30 {  width:  30% !important; }
.w20 {  width:  20% !important; }

/* 余白設定 
---------------------------------------------------------------------------*/

/* margin */
.mAuto {
	margin-right: auto !important;
	margin-left:  auto !important;
}
.m0  { margin:  0px !important; }
.m5  { margin:  5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }

.mt0  { margin-top:  0px !important; }
.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }

.mr0  { margin-right:  0px !important; }
.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }

.mb0  { margin-bottom:  0px !important; }
.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

.ml0  { margin-left:  0px !important; }
.ml5  { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

/* padding */
.p0  { padding:  0px !important; }
.p5  { padding:  5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }

.pt0  { padding-top:  0px !important; }
.pt5  { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }

.pr0  { padding-right:  0px !important; }
.pr5  { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }

.pb0  { padding-bottom:  0px !important; }
.pb5  { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }

.pl0  { padding-left:  0px !important; }
.pl5  { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }


/* 囲い線 
----------------------------------------------------------------------------*/
.border { border: 1px solid #cdcdcd; }

/* 区切り線 
----------------------------------------------------------------------------*/
.dot { background: url(../images/common/dot.gif) repeat-x 0 100% !important; }

/* フロート設定 
----------------------------------------------------------------------------*/
.floatR { float: right; }
.floatL { float:  left; }
.clear { clear: both; }

/* クリアフィックス 
----------------------------------------------------------------------------*/
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* no ie-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* clearfix END */

/* 2col box
--------------------------------------------------------------------*/
.box {
	clear: both;
	width: 100%;
	margin: 10px auto;
}
.box:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.box { display: inline-block; }
/* \*/
* html .box { height: 1%; }
.box { display: block; }
/* */


.box .image {
	float: left;
	width: 300px;
}
.box .contents {
	float: right;
	width: 440px;
}

/* 3col box
--------------------------------------------------------------------*/
#main .box {
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}
#main .box .image {
	float: left;
	width: 140px;
	margin-right: 15px;
	background: gray;
}
#main .box .contents {
	float: right;
	width: 375px;
	background: red;
}


.info {
	margin: 10px auto;
	padding: 5px;
	border: 2px solid #1e84da;
	background: #f2faff;
}
.info h3 {
	padding: 0 5px 5px;
	font-size: 116%;
	color: #005fb0;
}
.info h4 {
	padding-left: 5px;
	font-size: 93%;
}
.info p {
	padding-left: 5px;
}

/* 告知テキスト（新イルカ館）
--------------------------------------------------------------------*/
p.information {
	margin: 5px auto;
	padding: 5px;
	background: #a00;
	color: white;
	font-weight: bold;
	font-size: 108%;
	text-align: center;
}

/*=====================================================================================
   @ ダイヤ検索BOX
=====================================================================================*/

/* コンテンツ内 用 */
dl.kensaku-box {
	background: #eaedfc;
	border: 1px solid #cdcdcd;
	margin: 10px 0px 20px;
	width: 500px;
	font-size: 93%;
}
dl.kensaku-box dt {
	margin: 0px;
	padding: 8px 0px 3px 5px;
}
dl.kensaku-box form {
	margin: 0px 0px 5px 10px;
	padding: 0px;
}
dl.kensaku-box input {
	width: 145px;
	margin: 0px 5px;
}
dl.kensaku-box input.submit {
	width: 60px;
	margin: 0px;
}
dl.kensaku-box img { vertical-align: middle; 
}
dl.kensaku-box dd img {
	margin-right: 5px;
}