@charset "utf-8";


body {
	position: relative;
	background: url(../images/bg.jpg) no-repeat center top;
}
body.type-smt #container {
	width:320px !important;
}

/* フライングサブマリン */
#fs_youtube{
	z-index: 20000;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../../images/youtube/bg.png) repeat;
	display:none;
}
#fs_youtube .wrap{
	position:relative;
	width:100%;
	height:100%;
}
#movie_close_back{
	position:relative;
	width:100%;
	height:100%;
}
#fs_youtube .movie_box{
	width:853px;
	height:480px;
	background-color:#000;
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

body.type-smt #fs_youtube .movie_box{
	width:300px;
	height:180px;
}


#fs_youtube .movie_close{
	cursor: pointer;
	color: #FFF;
	position: absolute;
	height: 51px;
	width: 101px;
	top: -40px;
	right: -10px;
	z-index: 20001;
}

.fs_youtube_banner{
	cursor: pointer;
}
.fs_youtube_banner span{ display:block;}

/* 水系アトラクション */
#w_youtube{
	z-index: 20000;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../../images/youtube/bg.png) repeat;
	display:none;
}
#w_youtube .wrap{
	position:relative;
	width:100%;
	height:100%;
}
#movie_close_back_w{
	position:relative;
	width:100%;
	height:100%;
}
#w_youtube .movie_box{
	width:853px;
	height:480px;
	background-color:#000;
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

body.type-smt #w_youtube .movie_box{
	width:300px;
	height:180px;
}


#w_youtube .movie_close_w{
	cursor: pointer;
	color: #FFF;
	position: absolute;
	height: 51px;
	width: 101px;
	top: -40px;
	right: -10px;
	z-index: 20001;
}

.water_youtube_banner{
	cursor: pointer;
}
.water_youtube_banner span{ display:block;}




/* ------------------------------------
.type
-------------------------------------*/
.type-pc{}
.type-tablet{ }
.type-smt{}


/**/
body.type-pc #body_wrap{
	width: 1020px;
	min-width: 800px;
	margin:0 auto;
}

body.type-tablet #body_wrap{
	width: 800px;
	margin: 0 auto; 
}

body.type-smt #body_wrap{
	width:100%;
	max-width: none;
}


#woopy {
	position:absolute;
	top:1000px;
	left:0px;
	z-index:15;
}
#woopy img {
	position:absolute;
	top:0px;
	left:-91px;
	z-index:15;
}
#nappy {
	position:absolute;
	top:1800px;
	right:0px;
	z-index:15;
	width:280px;
}
#nappy div {
	position:relative;
	width:280px;
	height:212px;
	overflow:hidden;
	z-index:15;
}
#nappy img {
	position:absolute;
	top:0px;
	right:-280px;
	z-index:15;
}


/* ------------------------------------
.box
-------------------------------------*/
.box {
	margin: 5px;
	float: left ;
	z-index: 10;
	border: 4px solid #CCC;
	background-color:#FFF;
}

.box .warp{ display:block; color: #333;}

.box .warp .dtl{
	padding: 12px 10px 0px 46px;
	background: no-repeat 6px center;
	min-height: 44px;
	_height: 44px;
	line-height: 18px;
}

.box .event .dtl{	background-image: url(../images/icon_event.jpg) !important;}
.box .attraction .dtl{	background-image: url(../images/icon_attraction.jpg) !important;}
.box .mv .dtl{	background-image: url(../images/icon_mv.jpg) !important;}
.box .pickup .dtl{	background-image: url(../images/icon_pickup.jpg) !important;}
.box .restaurant .dtl{	background-image: url(../images/icon_restaurant.png) !important;}
.box .shop .dtl{	background-image: url(../images/icon_shop.jpg) !important;}
.box .stay .dtl{	background-image: url(../images/icon_stay.jpg) !important;}
.box .coupon .dtl{	background-image: url(../images/icon_coupon.jpg) !important;}


.col1 { width: 182px; }
.col2 { width: 382px; }
.col3 { width: 382px; }
.col4 { width: 790px; border:none !important;}
.col5 { width: 190px; height:84px; border:none !important;}
.col1 .warp {height: 170px;}
.col2 .warp {height: 170px;}
.col3 .warp {height: 358px;}
#wrapper{ width: 790px; border:none !important;}

		/* smt */
		body.type-smt .box .pix img { width:100%; height:auto;}

		body.type-smt .box .warp .dtl{
			padding: 7px 5px 0px 46px;
			background: no-repeat 6px center;
			min-height: 39px;
			line-height: 16px;
			font-size: 10px;
		}
		body.type-smt .col1 {
			width: 142px;
			top:auto !important;
			left:auto !important;
			position:relative !important;
		}
		body.type-smt .col2 {
			width: 302px;
			top:auto !important;
			left:auto !important;
			position:relative !important;
		}
		body.type-smt .col3 {
			width: 302px;
			top:auto !important;
			left:auto !important;
			position:relative !important;
		}
		body.type-smt .col4 {
			width: 310px;
			border: none !important;
			float: none;
			margin-left: auto;
			margin-right: auto;
			top:auto !important;
			left:auto !important;
			position:relative !important;
		}
		body.type-smt .col5 {
			width: 150px;
			height: 66px;
			border: none !important;
			top:auto !important;
			left:auto !important;
			position:relative !important;
		}
		body.type-smt .col1 .warp {height: 134px;}
		body.type-smt .col2 .warp {height: 134px;}
		body.type-smt .col3 .warp {	height: 280px;}
			

/* ------------------------------------
main_slide
-------------------------------------*/

#main_slide{
	height:372px;
	position:relative;
}
#main_slide .main_slide_frame{

}
#main_slide .main_slide_frame .main_t{
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 1001;
}
#main_slide .main_slide_frame .main_b{
	position:absolute;
	top:347px;
	left:0;
	z-index:1001;
}
#main_slide .main_slide_frame .main_l{
	position:absolute;
	top:25px;
	left:0;
	z-index:1001;
}
#main_slide .main_slide_frame .main_r{
	position:absolute;
	top:25px;
	right:0;
	z-index:1001;
}
#main_slide .main_slide_frame .main_c{
	position: absolute;
	top: 289px;
	left: 26px;
	z-index:1001;
}


	/* bx */
	.bx_slider_main{
	width: 790px;
	height: 372px;
	overflow: hidden;
	}
	.bx_slider_main .bx-wrapper{
		position:relative;
	}



	/* smt */
	#main_slide_s{
		height: 190px !important;
		width: 310px !important;
		margin: 0 auto;
		position: relative;
		padding:0;
	}
	#main_slide_s .main_slide_frame{
		line-height:1px;
	}
	#main_slide_s .main_slide_frame .main_t{
		position:absolute;
		top:0;
		left:0;
		z-index:1001;
	}
	#main_slide_s .main_slide_frame .main_b{
		position:absolute;
		top:179px;
		left:0;
		z-index:1001;
	}
	#main_slide_s .main_slide_frame .main_l{
		position:absolute;
		top:12px;
		left:0;
		z-index:1001;
	}
	#main_slide_s .main_slide_frame .main_r{
		position:absolute;
		top:12px;
		right:0;
		z-index:1001;
	}
	#main_slide_s .main_slide_frame .main_c{
		position: absolute;
		top: 146px;
		left: 7px;
		z-index:1001;
	}
	
	.type-pc #main_slide_s{ display:none; height:auto;}
	.type-tablet #main_slide_s{ display:none; height:auto;}
	.type-smt #main_slide{ display:none; height:auto;}
	
		/* bx */
		#slideshow_smt{
			height: 190px !important;
			width: 310px !important;
			margin: 0 auto;
			position: relative;
			padding:0;
		}

		.bx_slider_smt{
			position:absolute;
			top:0;
			left:0;
			height: 190px;
			width: 310px !important;
			overflow: hidden;
			padding:0 !important;
			margin:0 auto !important;
		}
		.bx_slider_smt .bx-wrapper{
			position:relative;
		}
		.slider_smt{}


/* ------------------------------------
contents
-------------------------------------*/

div#contents{}


/* ------------------------------------
.weather
-------------------------------------*/
.weather{
	height: 112px !important;
	overflow:hidden;
}
.weather .ttl{
	text-align: center;
	padding: 10px 5px 5px;
}
.weather table{ margin-left: 12px; }
.weather table th,
.weather table td{
	padding-right: 3px;
	padding-left: 3px;
	line-height: 1.2;
	font-size: 11px;
	text-align: center;
}
.weather table th{}
.weather table td{
	padding-top: 3px;
	padding-right: 2px;
	padding-left: 2px;
}
.weather table td.sat{
	color: #1276B1;
}
.weather table td.sun{
	color: #CC0000;
}
.weather table td.san{
	color: #CC0000;
}
.weather .dtl{}

.box .warp .dtl_weather{
	padding: 12px 10px 0px 46px;
	background: #67A526 url(../images/icon_pickup2.jpg) no-repeat 6px center;
	height: 46px;
	line-height: 18px;
	color: #FFF;
}
.box .warp .dtl_weather a{ color:#FFF;}

.livecamera_pc .pix{
	height: 112px;
	overflow: hidden;
}
.livecamera_pc .pix img{ margin-top:-20px;}

/* ------------------------------------
.smt_menu
-------------------------------------*/
.smt_menu{ display:none;}
body.type-smt .smt_menu{
	display: block;
	margin: 5px auto;
	overflow: hidden;
	width: 310px;
}

.smt_menu img{ width:100%; height:auto;}
.smt_menu1{}
.smt_menu1 li{ width:154px; float:left; padding-right:2px; padding-bottom:2px;}
.smt_menu1 li.mg{ padding-right:0 !important;}

.smt_menu2{}
.smt_menu2 li{ width:102px; float:left; padding-right:2px; padding-bottom:2px;}
.smt_menu2 li.mg{ padding-right:0 !important;}


.livecamera_area{ overflow:hidden; margin-top:5px;}

.smt_menu3{ float:left;}
.smt_menu3 li{
	width: 148px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.livecamera{
	position: relative;
	width: 159px;
	float: right;
}
.livecamera a{ display:block;}
.livecamera .pix{
	position: absolute;
	width: 120px;
	top: 43px;
	right: 18px;
}


/* ------------------------------------
.box_sns
-------------------------------------*/
.box_sns{
	height: 74px;
	padding-top: 10px;
	background: #67A526;
	overflow: hidden;
}
.box_sns li{
	float: left;
	width: 86px;
	padding-left: 6px;
}

/* ------------------------------------
.box_line
-------------------------------------*/
.box_line{
	height: 84px;
	padding-top: 0px;
	background: #67A526;
	overflow: hidden;
}


/* ----------------------------
トップお知らせ
---------------------------- */

#box_info{
	position: relative;
	background: url(../../images/news.jpg) 0 5px no-repeat;
	height: 280px;
	width: 790px;
	padding-top: 5px;
}

/* タイトル */

#box_info .box_info_ttl{
	position: relative;
	height: 86px;
}
#box_info h2{
	visibility: hidden;
}

/* ボタン */

#box_info ul.tab{}
#box_info ul.tab li{
	height: 100px;
	cursor: pointer;
	position:absolute;
	top: -20px;
	z-index: 120;
}
#box_info ul.tab li a{
 display:block;
	text-decoration:none; text-indent:-9999px;
	height: 100px;
	width:100%;
}
/**/
#box_info ul.tab li.m01{
	left: 209px;
}
#box_info ul.tab li.m02{
	left: 306px;
}
#box_info ul.tab li.m03{
	left: 404px;
}
#box_info ul.tab li.m04{
	left: 498px;
}
#box_info ul.tab li.m05{
	left: 594px;
}
/**/
#box_info ul.tab li.m01 a{
	background: url(../../images/news1.png) no-repeat;
	width: 95px;
}
#box_info ul.tab li.m02 a{
	background: url(../../images/news2.png) no-repeat;
	width: 94px;
}
#box_info ul.tab li.m03 a{
	background: url(../../images/news3.png) no-repeat;
	width: 94px;
}
#box_info ul.tab li.m04 a{
	background: url(../../images/news4.png) no-repeat;
	width: 95px;
}
#box_info ul.tab li.m05 a{
	background: url(../../images/news5.png) no-repeat;
	width: 96px;
}

#box_info ul.tab li.select a{	
	background-position: 0 -100px;
}


/*

#box_info p.btn{
	position: absolute;
	top: 338px;
	right: 12px;
	display:none;
}
#box_info p.btn a{
	color: #FFF;
}
*/

#box_info .list_btn{
	height: 100px;
	cursor: pointer;
	position: absolute;
	top: -10px;
	left: 692px;
	z-index: 120;
}
/**/
#box_info .list_btn a{
	background: url(../../images/news6.png) no-repeat;
	width: 95px;
	display:block;
	text-decoration:none; text-indent:-9999px;
	height: 100px;
}
#box_info .list_btn a:hover{
	background-position: 0 -100px;
}



/* 記事詳細 */

/*
.detailbox{
	height: 250px;
	overflow:hidden;
}
*/
/* -- */
#box_info div.tab_wrap{
	clear: both;
	height: 170px;
	padding: 10px 0px 10px 14px;
	margin-right: auto;
	margin-left: auto;
}

#box_info div.tab_wrap div.linkbox{
	position: relative;
	width: 135px;
	padding-left: 11px;
	padding-bottom: 11px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}
/**/
#box_info div.tab_wrap div.linkbox a{
	display: block;
	border-radius: 3px;	/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	color:#333;
	text-decoration:none;
}

#box_info div.tab_wrap div.linkbox span.wrap{
	display: block;
	border-radius: 3px;	/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	color:#333;
	text-decoration:none;
}

#box_info div.tab_wrap dl{}
#box_info div.tab_wrap dt{
	text-align:center;
	color:#FFF;
	line-height:16px;
	margin-bottom:4px;
	font-size:10px;
}
#box_info div.tab_wrap dd.pix{
	width: 135px;
	height: 80px;
	overflow: hidden;
	margin-bottom:5px;
}
#box_info div.tab_wrap dd.pix img{
	width:135px;
	height:auto;
}

#box_info div.tab_wrap dd{
	font-size: 12px;
	width: 135px;
	padding-right: 0px;
	line-height: 16px;
	text-align: justify;
}


#box_info div.tab_wrap .info dt{	background: #FFF url(../../images/news_info.png) no-repeat 0px 0px;}
#box_info div.tab_wrap .event dt{	background: #FFF url(../../images/news_event.png) no-repeat 0px 0px;}
#box_info div.tab_wrap .restaurant dt{	background: #FFF url(../../images/news_restaurant.png) no-repeat 0px 0px;}
#box_info div.tab_wrap .shop dt{	background: #FFF url(../../images/news_shop.png) no-repeat 0px 0px;}

#box_info div.tab_wrap a:hover dl{opacity:0.80;filter: alpha(opacity=80);}

/*
#box_info div.tab_wrap div.info span.wrap{	background: #FFF url(../../images/news_info.png) no-repeat 0px 0px;}
#box_info div.tab_wrap div.event span.wrap{	background: #FFF url(../../images/news_event.png) no-repeat 0px 0px;}
#box_info div.tab_wrap div.restaurant span.wrap{	background: #FFF url(../../images/news_restaurant.png) no-repeat 0px 0px;}
#box_info div.tab_wrap div.shop span.wrap{	background: #FFF url(../../images/news_shop.png) no-repeat 0px 0px;}
*/


#tab_area .disnon {
  display: none !important;
}



		/* スマホ用 
		------------------------------ */
		
		body.type-smt #box_info{
			clear: both;
			position: relative !important;
			background: url(../../images/news_s.jpg) 0 0 no-repeat;
			height: auto !important;
			width: 310px;
			padding-top: 0px;
			margin: 5px auto !important;
			overflow: hidden !important;
			border-bottom: 2px solid #75C52E;
			top: auto !important;
			left: auto !important;
		}
		
		/* タイトル */
		
		body.type-smt #box_info .box_info_ttl{
			position: relative;
			height: auto;
		}
		body.type-smt #box_info h2{
			visibility: hidden;
			height:40px;
		}
		
		/*
		body.type-smt #box_info p.btn{
			text-align: right;
			border-top: 1px dotted #CCC;
			padding: 0px 10px;	
			position: inherit;
			top: auto;
			right: auto;
		}
		*/
		
		body.type-smt #box_info .list_btn{
			height: auto;
			cursor: pointer;
			position: inherit;
			top:auto;
			left:auto;
			text-align: right;
			padding-right:10px;
			margin-top:8px;
		}
		body.type-smt #box_info .list_btn a{
			background: none;
			width: auto;
			display:block;
			text-decoration:none;
			text-indent:1px;
			height: auto;
		}
		body.type-smt #box_info .list_btn a:hover{}
				
		
		/* ボタン */
		
		body.type-smt #box_info ul.tab{
			width:300px;
			margin:0 auto;
		}
		body.type-smt #box_info ul.tab li{
			height: auto;
			width:58px;
			float:left;
			position: static;
			top: auto;
			z-index: 120;
			left: auto !important;
			background-position: 0 0px !important;
		}
		body.type-smt #box_info ul.tab li a{
			display:block;
			text-decoration:none; text-indent:-9999px;
			height: 56px;
			width:58px !important;
		}
		
		
		body.type-smt #box_info ul.tab li.m01 a{
			background: url(../../images/news_s1.png) no-repeat;
		}
		body.type-smt #box_info ul.tab li.m02 a{
			background: url(../../images/news_s2.png) no-repeat;
		}
		body.type-smt #box_info ul.tab li.m03 a{
			background: url(../../images/news_s3.png) no-repeat;
		}
		body.type-smt #box_info ul.tab li.m04 a{
			background: url(../../images/news_s4.png) no-repeat;
		}
		body.type-smt #box_info ul.tab li.m05 a{
			background: url(../../images/news_s5.png) no-repeat;
		}
		body.type-smt #box_info ul.tab li.select a{	
			background-position: 0 0 !important;
		}
		body.type-smt #box_info ul.tab li.select a:hover{	
			background-position: 0 0 !important;
		}

		
		/* 記事詳細 */
		
		body.type-smt .detailbox{
			height: auto;
			overflow:visible;
		}
		/* -- */
		body.type-smt #box_info div.tab_wrap{
			clear: both;
			height: auto;
			width:290px;
			padding: 0px;
			margin-right: auto;
			margin-left: auto;
		}

		body.type-smt #box_info div.tab_wrap div.linkbox{
			position: relative;
			width: auto;
			padding-left: 0px;
			padding-bottom: 0px;
			display: block;
			margin-top:10px;
		}
		/**/
		body.type-smt #box_info div.tab_wrap div.linkbox a{
			display: block;
			border-radius: 3px;	/* CSS3草案 */
			-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
			-moz-border-radius: 3px;	/* Firefox用 */
			color:#333;
			text-decoration:none;
		}
		
		
		body.type-smt #box_info div.tab_wrap dl{}
		body.type-smt #box_info div.tab_wrap dt{
			text-align: left;
			color: #FFF;
			line-height: 16px;
			font-size: 10px;
			background-repeat: repeat-x;
			margin: 0px;
			padding: 0px 0px 0px 3%;
		}		
		body.type-smt #box_info div.tab_wrap dd{
			width:60%;
			font-size: 12px;
			float: left;
			padding:4px 0px 0px 3%;
			line-height: 18px;
		}
		body.type-smt #box_info div.tab_wrap dd.pix{
			width: 35%;
			height:auto;
			float: right;
			margin-bottom:0px;
			padding:4px 0 0px 0;
		}
		body.type-smt #box_info div.tab_wrap dd.pix img{
			width:100%;
			height:auto;
		}

		
/*
アトラクションガイド
----------------------------- */

/* slideshow */

/* bx */
.bx_slider_att{
	width: 382px;
	height: 300px;
}
.bx_slider_att .bx-wrapper{
	position:relative;
}
	
	/**/
#slideshow_att{
	position: relative;
	width: 382px;
	height: 300px;
	overflow: hidden;
}
#slideshow_att .pix{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}
* html #slideshow_att .pix{ display:none;}

		body.type-smt #slideshow_att .pix{
			width: 302px;
			height:auto;
		}
		

#slideshow_att .slides_att	{
	width:382px;
	z-index: 100;
}
#slideshow_att .slides_att img	{
	margin:0;
	width:382px;
	height:300px;
}

		
		body.type-smt #slideshow_att {
			width: 302px;
			height:234px;
		}


/*
ショップレストラン
----------------------------- */

/* slideshow */
#slideshow_shop,
#slideshow_rest{
	position: relative;
	width: 382px;
	height: 112px;
	overflow: hidden;
}
#slideshow_shop .slides_shop,
#slideshow_rest .slides_rest{
	width: 108px;
	z-index: 100;
	position: absolute;
	top: 7px;
	right: 7px;
	border: 5px solid #FFF;
	height: 87px;
	overflow: hidden;
}
#slideshow_shop .slides_shop img,
#slideshow_rest .slides_rest img{
	width:108px;
	height:87px;
}

	body.type-smt #slideshow_shop,
	body.type-smt #slideshow_rest {
		width: 302px;
		height:90px;
		}
	body.type-smt #slideshow_shop .slides_shop,
	body.type-smt #slideshow_rest .slides_rest	{
	top: 5px;
	right: 5px;
	width: 90px;
	height:65px;
	}




/* slideshow_smt
#slideshow_smt_att{
	position:relative;
	width: 310px;
	height: 190px;
	overflow: hidden;
}
#slideshow_smt .slides-nav_smt {
	display:none;
}

#slideshow_smt .slides-nav_smt li {	
	float: left;
	margin-right: 3px;
}
#slideshow_smt .slides-nav_smt li a {
	display: block;
	overflow: hidden;
	background: url(image/btn.png) no-repeat;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
}
* html #slideshow_smt .slides-nav_smt li a{	behavior: expression(IEPNGFIX.fix(this));}

#slideshow_smt .slides-nav_smt:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }
.js #slideshow_smt .slides-nav_smt li.on,
.js #slideshow_smt .slides-nav_smt li.on a {
	background: url(image/btn_on.png) no-repeat;
}

#slideshow_smt .slides_smt	{
	width:950px;
}
#slideshow_smt .slides_smt img	{
	margin:0;
}


 */
	
	
/* footer */
	body.type-pc .footer_sns{ padding-left:15px;}

	body.type-smt .smt_toppage {display:none !important;}

/* smt only */
body.type-pc .smt_only,
body.type-tablet .smt_only{
	background: none repeat scroll 0 0 transparent !important;
	border: medium none !important;
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 0 !important;
}