@charset "Shift_JIS";

/* 検索 */
.siteSearchShort form {
    border-bottom:none;
    padding: 7px 3%;
    position: relative;
}
.moresearch {
    border-bottom: 1px solid #26A2FF;	
    text-align:center;
}

/* パンくず */
#topicPath {
    font-size: 84.6%;
    line-height: 1.3;
    margin: -4px 1.6% 5px;
}


/* title */
.headEvent {
    background:none;
    text-align:center;
}

h1.summerTitle {
	border-bottom: none;
	text-indent: 0;
	box-shadow:none;

	background-color: #106b99;
	margin: 0 -5px 0px;
	xheight: 96px;
}


h1.summerTitle img,
#pickupmail h2 img,
#pickupmail p.btn img {
	max-width:100%;
}

/* SNS */
#snsbox {
    background-color:#fff;
    overflow: hidden;
	margin: 0 -5px 5px;
	padding: 3px 5px;
}
ul.sns {
    display: block;
    float: left;
    padding: 0 0 0;
    overflow:hidden;
    background-color:#fff;
}

ul.sns li {
    background: none repeat scroll 0 0 transparent;
    float: right;
    height: 21px;
    overflow: hidden;
    vertical-align: top;
    width: 100px;
}

	ul.sns li.mixi {
	    padding: 0 0 0 2px;
	    width: 70px;
	}


	ul.sns li.fb {
	    margin-top: 0;
	}

/* TABメニュー */
#genreTabs02 {
	clear:both;
}


#genreTabs02  #genreNav {
    position: relative;
    margin:0 5px;
}

#genreTabs02 #genreNav li {}

#genreNav li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF #FFFFFF -moz-use-text-color;
    border-image: none;
    border-radius: 2px 2px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    display: block;
    font-size: 1px;
    height: 42px;
    text-indent: 0;
}

#genreNav li p {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF;
    border-image: none;
    border-radius: 2px 2px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    display: block;
    font-size: 1px;
    height: 42px;
    xtext-indent: -9999em;
    text-align: center;
}

#genreNav li p img,
#genreNav li a img {
	display:block;
	margin:15px auto 0 ;
}

#genreTabs02 #genreNav li.pr00{
	padding-right:0;
}

/* Tab */
#tabOn {
    width: 50%;
	z-index: 10 !important;
}

#tabOff {
    width: 50%;
}

 p#tabPickupAnc.eastOn {
	background: -o-linear-gradient(top, #28a2ff 0%, #4fb3ff 100%);
	background: -moz-linear-gradient(top, #28a2ff 0%, #4fb3ff 100%);
	background: -ms-linear-gradient(top, #28a2ff 0%, #4fb3ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#28a2ff), to(#4fb3ff));
	background: linear-gradient(top, #28a2ff 0%, #4fb3ff 100%);
}

#genreTabs02 #tabFamilyAnc.westOff {
	background: -o-linear-gradient(top, #C5E5F8 0%, #92CFF2 100%);
	background: -moz-linear-gradient(top, #C5E5F8 0%, #92CFF2 100%);
	background: -ms-linear-gradient(top, #C5E5F8 0%, #92CFF2 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#C5E5F8), to(#92CFF2));
	background: linear-gradient(top, #C5E5F8 0%, #92CFF2 100%);
}


#genreTabs02 #tabFamilyAnc.eastOff {
	background: -o-linear-gradient(top, #C5E5F8 0%, #92CFF2 100%);
	background: -moz-linear-gradient(top, #C5E5F8 0%, #92CFF2 100%);
	background: -ms-linear-gradient(top, #C5E5F8 0%, #92CFF2 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#C5E5F8), to(#92CFF2));
	background: linear-gradient(top, #C5E5F8 0%, #92CFF2 100%);
}

 p#tabPickupAnc.westOn {
	background: -o-linear-gradient(top, #28a2ff 0%, #4fb3ff 100%);
	background: -moz-linear-gradient(top, #28a2ff 0%, #4fb3ff 100%);
	background: -ms-linear-gradient(top, #28a2ff 0%, #4fb3ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#28a2ff), to(#4fb3ff));
	background: linear-gradient(top, #28a2ff 0%, #4fb3ff 100%);
}




#genreNav .ui-state-active {
	 z-index: 0;
}



/* list */
.generalSecInner {
    background-color: #FFFFFF;
    border-radius: 0 0 2px 2px;
    padding: 15px 6px;
}

.genreList li figure {
    float: left;
    width: 80px;
}

.genreList li dl {
    margin-left: 90px;
}

/* カテゴリで探す */
.generalSec h1.ctgHead {
    border-radius: 2px 2px 2px 2px;
}
	.generalSec h1.ctgHead span {
	    background: none;
	    padding: 0 24px;
	}

#btnNav {
	padding-bottom: 20px;
}

	#btnNav ul {
	    border-left: 1px solid #FFFFFF;
	    border-top: 1px solid #FFFFFF;
	    overflow:hidden;
	}
		#btnNav li {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			background-size: 104px 746px, auto auto;
			border-bottom: 1px solid #FFFFFF;
			border-right: 1px solid #FFFFFF;
			float: left;
			font-size: 1px;
			height: 77px;
			width: 50%;
		}

#btnNav a {
	display: block;
	text-align:center;
	padding: 10px;
}

#btnNav a img {
	max-width:100%;	
}

/* カテゴリで探す
--------------------------------------- */
/* 東日本 */
#btnNav #btn_eAquarium {
	background: -o-linear-gradient(top, #7cafff 0%, #2aafff 100%);
	background: -moz-linear-gradient(top, #7cafff 0%, #2aafff 100%);
	background: -ms-linear-gradient(top, #7cafff 0%, #2aafff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#7cafff), to(#2aafff));
	background: linear-gradient(top, #7cafff 0%, #2aafff 100%);
}
#btnNav #btn_eZoo {
	background: -o-linear-gradient(top, #b4cd7c 0%, #b4cd2a 100%);
	background: -moz-linear-gradient(top, #b4cd7c 0%, #b4cd2a 100%);
	background: -ms-linear-gradient(top, #b4cd7c 0%, #b4cd2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#b4cd7c), to(#b4cd2a));
	background: linear-gradient(top, #b4cd7c 0%, #b4cd2a 100%);
}
#btnNav #btn_eAmusement {
	background:  -o-linear-gradient(top, #f27c8b 0%, #f22a8b 100%);
	background:  -moz-linear-gradient(top, #f27c8b 0%, #f22a8b 100%);
	background:  -ms-linear-gradient(top, #f27c8b 0%, #f22a8b 100%);
	background:  -webkit-gradient(linear, left top, left bottom, from(#f27c8b), to(#f22a8b));
	background: linear-gradient(top, #f27c8b 0%, #f22a8b 100%);
}
#btnNav #btn_eFireworks {
	background: -o-linear-gradient(top, #ff7d7b 0%, #ff7d2a 100%);
	background: -moz-linear-gradient(top, #ff7d7b 0%, #ff7d2a 100%);
	background: -ms-linear-gradient(top, #ff7d7b 0%, #ff7d2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#f27c8b), to(#ff7d2a));
	background: linear-gradient(top, #ff7d7b 0%, #ff7d2a 100%);
}
#btnNav #btn_ePool {
	background: -o-linear-gradient(top, #7b7bf2 0%, #2a6df2 100%);
	background: -moz-linear-gradient(top, #7b7bf2 0%, #2a6df2 100%);
	background: -ms-linear-gradient(top, #7b7bf2 0%, #2a6df2 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#7b7bf2), to(#2a6df2));
	background: linear-gradient(top, #7b7bf2 0%, #2a6df2 100%);
}
#btnNav #btn_eEvent {
	background: -o-linear-gradient(top, #ffaa7d 0%, #ffaa2a 100%);
	background: -moz-linear-gradient(top, #ffaa7d 0%, #ffaa2a 100%);
	background: -ms-linear-gradient(top, #ffaa7d 0%, #ffaa2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffaa7d), to(#ffaa2a));
	background: linear-gradient(top, #ffaa7d 0%, #ffaa2a 100%);
}

/* 西日本 */
#btnNav #btn_wAquarium {
	background: -o-linear-gradient(top, #7cafff 0%, #2aafff 100%);
	background: -moz-linear-gradient(top, #7cafff 0%, #2aafff 100%);
	background: -ms-linear-gradient(top, #7cafff 0%, #2aafff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#7cafff), to(#2aafff));
	background: linear-gradient(top, #7cafff 0%, #2aafff 100%);
}
#btnNav #btn_wZoo {
	background: -o-linear-gradient(top, #b4cd7c 0%, #b4cd2a 100%);
	background: -moz-linear-gradient(top, #b4cd7c 0%, #b4cd2a 100%);
	background: -ms-linear-gradient(top, #b4cd7c 0%, #b4cd2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#b4cd7c), to(#b4cd2a));
	background: linear-gradient(top, #b4cd7c 0%, #b4cd2a 100%);
}
#btnNav #btn_wAmusement {
	background: -o-linear-gradient(top, #f27c8b 0%, #f22a8b 100%);
	background: -moz-linear-gradient(top, #f27c8b 0%, #f22a8b 100%);
	background: -ms-linear-gradient(top, #f27c8b 0%, #f22a8b 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#f27c8b), to(#f22a8b));
	background: linear-gradient(top, #f27c8b 0%, #f22a8b 100%);
}
#btnNav #btn_wFireworks {
	background: -o-linear-gradient(top, #ff7d7b 0%, #ff7d2a 100%);
	background: -moz-linear-gradient(top, #ff7d7b 0%, #ff7d2a 100%);
	background: -ms-linear-gradient(top, #ff7d7b 0%, #ff7d2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#f27c8b), to(#ff7d2a));
	background: linear-gradient(top, #ff7d7b 0%, #ff7d2a 100%);
}
#btnNav #btn_wPool {
	background: -o-linear-gradient(top, #7b7bf2 0%, #2a6df2 100%);
	background: -moz-linear-gradient(top, #7b7bf2 0%, #2a6df2 100%);
	background: -ms-linear-gradient(top, #7b7bf2 0%, #2a6df2 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#7b7bf2), to(#2a6df2));
	background: linear-gradient(top, #7b7bf2 0%, #2a6df2 100%);
}
#btnNav #btn_wEvent {
	background: -o-linear-gradient(top, #ffaa7d 0%, #ffaa2a 100%);
	background: -moz-linear-gradient(top, #ffaa7d 0%, #ffaa2a 100%);
	background: -ms-linear-gradient(top, #ffaa7d 0%, #ffaa2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffaa7d), to(#ffaa2a));
	background: linear-gradient(top, #ffaa7d 0%, #ffaa2a 100%);
}


/* PickUp Mail */
#pickupmail {
	margin: 0 -5px 32px;
}

	#pickupmail h2 {
	    background: url("bg_h2_01.gif") repeat-x left center;
		border-top: 1px solid #fff;
		text-align:center;
		margin-bottom:5px;
	}

#pickupmail .more {
    background-color:#fff;
	margin: 0 5px;
	padding: 10px 0;
	border-radius: 2px;
}

	#pickupmail .more p.text{
		text-align:center;
		padding:0 0 10px;
	}
	#pickupmail .more p.btn{
		text-align:center;
	}

.btnSiteTop {
	clear: both;
    background-color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    margin: 0 auto;
    width: 54%;
}

.btnSiteTop.leisure {
	clear: both;
    background-color: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    margin: 0 auto 10px;
    width: 54%;
}


.ui-state-active a {
    background:none;
    xdisplay:block;
}

.generalSec {
    margin:0 5px 20px;
}

/* カテゴリ
--------------------------------------------------- */

/* 水族館 */
h2.h2_ctg01{
	margin: 5px 0 0;
    border: 1px solid #fff;
    border-radius: 2px 2px 0px 0px;
    text-align: center;
    padding:7px 0 5px;
}

h2.ctg_color01 {background-color:#00afff;}
h2.ctg_color02 {background-color:#b4cd05;}
h2.ctg_color03 {background-color:#f21c8b;}
h2.ctg_color04 {background-color:#ff7d00;}
h2.ctg_color05 {background-color:#1c6df2;}
h2.ctg_color06 {background-color:#ffaa00;}



/* アイコン
------------------------------------------------------------ */
p span{

	font-size:80%;
	font-weight:bold;
	padding:1px 2px;
}
p span.category01{
	background:#cbcf15;
}
p span.category02{
	background:#f47931;
}
p span.category03{
	background:#ef4d79;
}
p span.category04{
	background:#8b623a;
}
p span.category05{
	background:#774779;
}
p span.category06{
	background:#616264;
}
p span.category07{
	background:#009933;
}


p span.category08{
	background:#FF0000;
}