@charset "utf-8";

/*----------------------------------------------------------
	Header Info
----------------------------------------------------------*/

body#asobu #HeadInformation {
    background-image:url(/common/images/hi_bg_asobu.jpg);
}

/*----------------------------------------------------------
	mainImage Area
----------------------------------------------------------*/
body#asobu #mainImageArea{
	border-top:solid 4px #0EB2FD;
	border-bottom:solid 4px #0EB2FD;
	background-color:#0EB2FD;
}

/*sp/index.html*/

body#asobu .SP-Index{
	height:373px;
	background:url(/asobu/springpark/images/index_mainimg.jpg) no-repeat center top;
}
body#asobu .SP-Index p{
	top:88px;
	left:25px;	
}

	/* sp/sp01.html */
	
	body#asobu .SP-SP01{
		height:333px;
		background: url(/asobu/springpark/images/sp01_mainimg.jpg) no-repeat center top;
	}
	body#asobu .SP-SP01 p{
		top:69px;
		left:15px;	
	}

	/* sp/sp02.html */
	body#asobu .SP-SP02{
		height:333px;
		background: url(/asobu/springpark/images/sp02_mainimg.jpg) no-repeat center top;
	}
	body#asobu .SP-SP02 p{
		top:77px;
		left:25px;	
	}

	/* sp/sp03.html */

	body#asobu .SP-SP03{
		height:333px;
		background: url(/asobu/springpark/images/sp03_mainimg.jpg) no-repeat center top;
	}
	body#asobu .SP-SP03 p{
		left: 10px;
		top: 47px;
	}
	
	
/* pareo/index.html */
body#asobu .PAREO-Index{
	height:373px;
	background: url(/asobu/pareo/images/index_mainimg.jpg) no-repeat center top;
}
body#asobu .PAREO-Index p{
    left: 0;
    top: 97px;
}

	/* pareo/pareo01.html */
	body#asobu .PAREO-PR01{
		height:333px;
		background: url(/asobu/pareo/images/pareo01_mainimg.jpg) no-repeat center top;
	}
	body#asobu .PAREO-PR01 p{
		left: 0;
		top: 88px;
	}

	/* pareo/pareo02.html */
	body#asobu .PAREO-PR02{
		height:333px;
		background: url(/asobu/pareo/images/pareo02_mainimg.jpg) no-repeat center top;
	}
	body#asobu .PAREO-PR02 p{
		left: 0;
		top: 81px;
	}





/* waterpark/index.html */	
body#asobu .WP-Index{
	height:373px;
	background: url(/asobu/waterpark/images/index_mainimg.jpg) no-repeat center top;
}
body#asobu .WP-Index p{
    left: -10px;
    top: 60px;
}

	/* waterpark/fish_go_round.html */	
	body#asobu .WP-fgr{
		height:333px;
		background: url(/asobu/waterpark/images/fgr_mainimg.jpg) no-repeat center top;
	}
	body#asobu .WP-fgr p{
		left: -10px;
		top: 70px;
	}
	
	/* waterpark/aloha.html */	

	body#asobu .WP-aloha{
		height:333px;
		background: url(/asobu/waterpark/images/aloha_mainimg.jpg) no-repeat center top;
	}
	body#asobu .WP-aloha p{
		left: 0;
		top: 50px;
	}

	/* waterpark/wp01.html */	
	body#asobu .WP-WP01{
		height:333px;
		background: url(/asobu/waterpark/images/wp01_mainimg.jpg) no-repeat center top;
	}
	body#asobu .WP-WP01 p{
		left: 0;
		top: 60px;
	}

	/* waterpark/ohana.html */	
	body#asobu .WP-Ohana{
		height:333px;
		background: url(/asobu/waterpark/images/ohana_mainimg.jpg) no-repeat center top;
	}
	body#asobu .WP-Ohana p{
		left: -10px;
		top: 35px;
	}
	
	/* waterpark/o_story.html */	
	body#asobu .WP-OStory{
		height:333px;
		background: url(/asobu/waterpark/images/o_story_mainimg.jpg) no-repeat center top;
	}
	body#asobu .WP-OStory p{
		left: 0;
		top: 50px;
	}
	
	/* waterpark/wp_amusementpark.html */	
	body#asobu .WP-Amuse{
		height:333px;
		background: url(/asobu/waterpark/images/wp_amusementpark_mainimg.jpg) no-repeat center top;
	}
	body#asobu .WP-Amuse p{
		left: 0;
		top: 50px;
	}

/* yoichi/index.html */	
body#asobu .YOOICHI-Index{
	height:373px;
	background: url(/asobu/yoichi/images/index_mainimg.jpg) no-repeat center top;
}
body#asobu .YOOICHI-Index p{
    left: 56px;
    top: 95px;
}

/* yoichi/yoichi01.html */	
body#asobu .YOOICHI-YOOICHI01{
	height:373px;
	background: url(/asobu/yoichi/images/yoichi01_mainimg.jpg) no-repeat center top;
}


/* virport/index.html */	
body#asobu .VIR-Index{
	height:373px;
	background: url(/asobu/virport/images/index_mainimg.jpg) no-repeat center top;
}
body#asobu .VIR-Index p{
    left: 0;
    top: 85px;
}

	/* virport/vp01.html */	
	body#asobu .VIR-VP01{
		height:333px;
		background: url(/asobu/virport/images/vp01_mainimg.jpg) no-repeat center top;
	}
	body#asobu .VIR-VP01 p{
		left: 23px;
		top: 64px;
	}

	/* virport/vp02.html */	
	body#asobu .VIR-VP02{
		height:333px;
		background: url(/asobu/virport/images/vp02_mainimg.jpg) no-repeat center top;
	}
	body#asobu .VIR-VP02 p{
		left: 23px;
		top: 64px;
	}

	/* virport/vp03.html */	
	body#asobu .VIR-VP03{
		height:333px;
		background: url(/asobu/virport/images/vp03_mainimg.jpg) no-repeat center top;
	}
	body#asobu .VIR-VP03 p{
		left: 23px;
		top: 64px;
	}

	/* virport/vp04.html */	
	body#asobu .VIR-VP04{
		height:333px;
		background: url(/asobu/virport/images/vp04_mainimg.jpg) no-repeat center top;
	}
	body#asobu .VIR-VP04 p{
		left: 23px;
		top: 64px;
	}

	/* 2017/09/12 add start */
	body#asobu .partition_border {
		border-top: 1px solid #E3E9EE;
	}
	/* 2017/09/12 add end */

	/* 2018/5/24 add start */
	body#asobu .partition_border_bottom {
		padding-bottom: 10px;
		border-bottom: 2px solid #CCC;
	}
	/* 2018/5/24 add end */

/*----------------------------------------------------------
	movie parts
----------------------------------------------------------*/
.mvspace{
	padding-bottom:30px;
	position:relative;
	}
.mvspace p{
	float:left;
	margin-left:20px;
    width:340px;
	}
.mvplay{
	position:absolute;
	left:0;
	}


/*----------------------------------------------------------
	maincontents Area
----------------------------------------------------------*/

body#asobu #LeftContents .mainContentsArea h3.border{ border-bottom: 4px solid #16CCFE;}
body#asobu #LeftContents .mainContentsArea h4 span{ border-left: 4px solid #16CCFE;}

body#asobu #LeftContents .mainContentsArea .MoreLink{
	background:url(/common/images/cl_bg_asobu.gif);
}
	body#asobu #LeftContents .mainContentsArea .MoreLink a, 
	body#asobu #LeftContents .mainContentsArea .MoreLink a:link, 
	body#asobu #LeftContents .mainContentsArea .MoreLink a:visited{
		background: #0EB2FD url(/common/images/cl_list_asobu.gif) no-repeat 10px 50% ;
		border-bottom: 1px solid #0C9EC7;
		border-top:1px solid #B9E9FE;
	}

/*----------------------------------------------------------
	sidemenu Area
----------------------------------------------------------*/
body#asobu #categoryMenu li.CMList-b a,
body#asobu #categoryMenu li.CMList-b .catac{
	background-image:url(/common/images/sm_bg_asobu_b.gif);
}
body#asobu #categoryMenu li.CMList-r a,
body#asobu #categoryMenu li.CMList-r .catac{
	background-image:url(/common/images/sm_bg_asobu_r.gif);
}
body#asobu #categoryMenu-Child li a,
body#asobu #categoryMenu-Child li a:link,
body#asobu #categoryMenu-Child li a:visited{
	background:#AFD1E3 url(/common/images/cm_a_asobu02.gif) no-repeat 13px 50% !important;
	color:#003399;
}
	body#asobu #categoryMenu-Child li a:hover,
	body#asobu #categoryMenu-Child li a.current{
		background-color:#F0F7FB !important;
		background-image: url(/common/images/cm_a_asobu01.gif) !important;
	}



/*----------------------------------------------------------
	/asobu/index.html
----------------------------------------------------------*/

body#asobu #CategoryIndexMainImageArea .catchtxt {
	width:960px;
	height:28px;
	margin:auto;
	padding:168px 0 31px;
	color:#fff;
	overflow:hidden;
	font-size:108%;
	line-height:120%;
}

body#asobu #LeftContents .mainContentsArea h3.indexh3{
	background:none!important;
	margin-bottom:0!important;
	padding-bottom:0!important;
	}
	
body#asobu #LeftContents .mainContentsArea .idxBox01 {
	width:710px;
	padding: 20px 0 0;
	color:#6A6A6A;
}
	body#asobu #LeftContents .mainContentsArea .idxBox01 p{
		margin-right:350px;
	}


body#asobu #LeftContents .mainContentsArea .wp{
    background: url(/asobu/images/index_bg01.jpg) no-repeat scroll right top transparent;
}
body#asobu #LeftContents .mainContentsArea .sp{
    background: url(/asobu/images/index_bg02.jpg) no-repeat scroll right top transparent;
}
body#asobu #LeftContents .mainContentsArea .pareo{
    background: url(/asobu/images/index_bg03.jpg) no-repeat scroll right top transparent;
}
body#asobu #LeftContents .mainContentsArea .vir{
    background: url(/asobu/images/index_bg04.jpg) no-repeat scroll right top transparent;
}
body#asobu #LeftContents .mainContentsArea .yoi{
    background: url(/asobu/images/index_bg05.jpg) no-repeat scroll right top transparent;
}


body#asobu #LeftContents .mainContentsArea ul.imglist {
	width: 700px;
	margin-left: 10px;
}
	body#asobu #LeftContents .mainContentsArea ul.imglist li{
		float: left;
		list-style: none outside;
		border-top:1px solid #ccc;
	}
		body#asobu #LeftContents .mainContentsArea ul.imglist li a {
			padding: 5px 6px 5px;
			display: block;
		}
			body#asobu #LeftContents .mainContentsArea ul.imglist li a {
				background: url(/tomaru/images/index/btn_bg_off.jpg) repeat scroll center top transparent;
			}
			body#asobu #LeftContents .mainContentsArea ul.imglist li a:hover{
				background: url(/tomaru/images/index/btn_bg_on.jpg) repeat scroll center top transparent;
			}
			body#asobu #LeftContents .mainContentsArea li img {
				border-bottom: 1px solid #CCCCCC;
			}


/*----------------------------------------------------------
	/waterpark/wp_amusementpark
----------------------------------------------------------*/
.wp_amusementpark .ImgArea{
	padding:0 20px 30px 20px;
	width:240px;
	text-align:center;
}

.wp_amusementpark .textArea {
	background-color:#F0F0F0;
	padding:10px;
}

/*----------------------------------------------------------
	全面休止レイヤ
----------------------------------------------------------*/


#MDL_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: #394581;
	position: fixed;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
	z-index: 1000;
}

#MDL_window {
	margin-top: -60px;
	margin-left: -232px;
	top: 50%;
	left: 50%;
	width: 460px;
	text-align: left;
	display: none;
	background: #fff;
	border: #333333 1px solid;
	position: fixed;
	z-index: 1001;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
#MDL_window h2 {
	margin-top:14px;
	margin-bottom: 20px;
	padding: 10px 0;
	font-size: 16px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.2em;
}
#MDL_window p {
	padding: 0 10px 20px 10px;
}

#MDL_window .md_btn {
	width: 100%;
	text-align: center;
	font-size:small;
}
#MDL_window .md_btn a {
	margin: 0 5px;
	padding: 5px;
	width: 100px;
	text-align: center;
	display: inline-block;
	background: #999999;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom: 20px;
	border-radius:6px;
	behavior: url(/common/js/PIE.htc);
	font-weight:bold;
}

#MDL_window .md_btn a:hover {

background-color: #0077d5;

}	

/* 2018.05.09 add */
dl.schedule_area {
	width: 600px;
}
dl.schedule_area dt {
	float: left;
	clear: left;
	width: 80px;
}
dl.schedule_area dd {
	float: left;
	width: 520px;
}
.contTxtbox_alohas {
	background: #F7F7F7;
	padding: 0 13px 13px 13px;
}
/* 2018.05.09 end */


/* 2018.06.13 start */
div.bannerPlace {
	margin-bottom: 20px;
	text-align: center;
}

div.bannerPlace a img {
	width:100%;
    margin-bottom: 10px;
}

div.bannerPlace a {
	font-size: 1.2em;
	font-weight:bold;
}
/* 2018.06.13 end */

/* 2019.04.16 start */
div.aloharomiArea {
	text-align: center;
}
div.aloharomiArea p {
	display: inline-block;
	margin-right: 10px;
}
/* 2019.04.16 end */

/* 2021.01.27 add */
div.youtube iframe {
	width: 100%;
	height:400px;
}
/* 2021.01.27 end */