@charset "utf-8";

/*-base-*/
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/*overflow: auto;*/
	color:#cccccc;
	font-size:14px;
	line-height:24px;
	font-family:"ƒƒCƒŠƒI",Meiryo,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	background-color:#6cb6d8;
}


.clearfix:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}

.clearfix{
	min-height: 1%;
	_height: 1%;
}


h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-weight:normal;
}


a:link		{color:#cccccc;text-decoration:none;}
a:visited	{color:#cccccc;text-decoration:none;}
a:hover,a:visited:hover	{text-decoration:underline;}
a:active	{color:#cccccc;text-decoration:none;}


a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


img{
	border:0;
}

p{
	margin: 0px;
	padding: 0px;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}
.c_both{
	clear:both;
}


#bgimg {
	position:fixed !important;
	z-index: -1;
}

#contents {
	width: 100%;
	height: 100%;
	/*height:3000px;*/
}



/*--------------------------------------------------------------*/

/* loading */
#loading{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/*background:url(../images/common_bg.gif) left top repeat;*/
	background-color:#FFFFFF;
	/*opacity:0.8;*/
	/*height:2150px;*/
	z-index:9000;
}

#loadingblock{
	position:absolute;
	top:50%;
	left:50%;
	width:32px;
	height:32px;
}


#loadingblock p{
	width:32px;
	margin:0 auto;
	/*margin:-50px 0 0 -28px;*/
}

/*--------------------------------------------------------------*/

/* SNS */

#follow{
	width:400px;
	padding-top:10px;
	float:left;
}


#sns{
	width:320px;
	height:50px;
	float:right;
	padding-top:10px;
	/*text-align:right;*/
}

#sns ul {
	margin: 0px;
	padding:5px;
	height:40px;
}

#sns ul li{
	float:left;
	list-style-type:none;
	text-decoration:none;
	line-height:0;
	font-size:0px;
	margin:0px;
	/*padding-right:6px;*/
}

#soon{
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
}




#sns ul li.fb{
	width:120px;
}

#sns ul li.twitter{
	width:100px;
}
/*
#sns ul li.mixi{
	width:70px;
	margin-left:-15px;
}
*/
#sns ul li.google{
	width:80px;
	/*margin-left:-15px;*/
}


/*FB‚ΜƒJƒEƒ“ƒg”‚π”ρ•\Ž¦*/
.fb_edge_widget_with_comment, .fb_ltr { width: 70px !important;}
span span .fb_ltr { width: 401px !important;}

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
	display: none !important;
}


/* modalέ’θ */

div#modal {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:9999;
}


div#modal div.background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}


div#modal div.container {
	position: relative;
	padding:0px;
	width: 1000px;
	height: 533px;
	background-color: transparent;
}


#trailerContent {
	position:relative;
	width:1000px;
	margin:0px auto;
	padding:0px;
	background-color: transparent;
}


#trailer { 
	width:990px;
	margin:0px auto 0px auto;
	padding:0px;
}


#close{
	width:25px;
	height:25px;
	position: absolute;
	top:-35px;
	margin:0px;
	padding:0px 0px 0px 970px;
}


/*--------------------------------------------------------------*/
/* HEADER */
#header{
	position: absolute;
	width:100%;
	height:690px;
	background-image: url("../images/island.png");
	background-repeat: no-repeat;
	background-position: center top;
	z-index:8000;
}

#header_block{
	width:980px;
	height:690px;
	margin:0 auto;
}


#lead1{
	clear:both;
	width:800px;
	height:110px;
	margin:0 auto;
}

#lead2{
	width:980px;
	height:130px;
	margin:0 auto;
}

#logoblock{
	width:740px;
	height:335px;
	padding-left:240px;
}

#logo{
	float:left;
}

#release{
	float:left;
	padding-top:205px;
}

#navi{
	width:980px;
	height:65px;
}

#navi ul {
	margin: 0px;
	padding:0px;
}

#navi ul li{
	float:left;
	list-style-type:none;
	text-decoration:none;
	line-height:0;
	font-size:0px;
	margin:0px;
}

.pr20{
	padding-right:20px;
}


/* block01 ********************************************/
#fish_bg1{
/*	position:fixed;*/
	position:absolute;
	/*top:500px;*/
	top:1000px;
	right:0px;
	width:508px;
	height:730px;
	z-index:10;
}

#bubble1{
/*	position:fixed;*/
	position:absolute;
	top:800px;
	left:0px;
	width:330px;
	height:295px;
	z-index:11;
}

#titleblock1{
	/*width:980px;*/
	width:100%;
	height:210px;
	/*margin:0 auto;*/
	position:relative;
	top:775px;
	z-index:50;
}

#block1{
	width:980px;
	margin:0 auto;
}

#title1{
	width:570px;
	height:65px;
	position:absolute;
	z-index:12;
}

#catch1{
	width:410px;
	height:145px;
	position:absolute;
	z-index:13;
	top:65px;
}


#cont1{
	width:100%;
	height:540px;
	background-image: url("../images/cont_bg.png");
	position:absolute;
	top:985px;
	z-index:14;
}

#contblock1{
	width:980px;
	height:415px;
	margin:0 auto;
}

.ecblock{
	width:775px;
	height:100px;
	position:relative;
	z-index:600;
}

.p_center{
	margin:0 auto;
}

.infobotan{
	float:left;
	width:130px;
	height:100px;
}

.ec{
	float:right;
	width:630px;
	height:100px;
	background-image: url("../images/ec.png");
	background-repeat: no-repeat;
	position:relative;
	z-index:1500;
}

.ec ul {
	width:612px;
	margin: 0px;
	padding:43px 0 0 13px;
}

.ec ul li{
	float:left;
	list-style-type:none;
	text-decoration:none;
	line-height:0;
	font-size:0px;
	margin:0px;
	padding-right:8px;
}

#bubble2{
	position:absolute;
	/*top:290px;*/
	top:-450px;
	right:0px;
	width:195px;
	height:400px;
	z-index:15;
}

#fortop1{
	clear:both;
	position:absolute;
	top:1525px;
	left:0;
	width:100%;
	height:50px;
	z-index:16;
}

.fortop{
	width:980px;
	margin:0 auto;
	padding-top:10px;
}

.fortop p{
	padding-left:858px;
}




/* block02 ********************************************/
#fish_bg2{
/*	position:fixed;*/
	position:absolute;
	/*top:1525px;*/
	top:2400px;
	left:0px;
	width:710px;
	height:600px;
	z-index:17;
}

#bubble3{
/*	position:fixed;*/
	position:absolute;
	top:2100px;
	right:200px;
	width:335px;
	height:355px;
	z-index:18;
}

#titleblock2{
	/*width:980px;*/
	width:100%;
	height:210px;
	/*margin:0 auto;*/
	position:relative;
	top:1480px;
	z-index:60;
}

#block2{
	width:980px;
	margin:0 auto;
}

#title2{
	width:660px;
	height:60px;
	position:relative;
	z-index:19;
	left:320px;
}

#catch2{
	width:480px;
	height:130px;
	position:relative;
	z-index:20;
	top:5px;
	left:320px;
}

#cont2{
	width:100%;
	height:400px;
	background-image: url("../images/cont_bg.png");
	position:absolute;
	top:1900px;
	z-index:21;
}

#contblock2{
	width:980px;
	height:270px;
	margin:0 auto;
}

#cont2_ec{
	width:930px;
	margin:0 auto;
}

#fish_bg3{
	position:fixed;
	/*top:2150px;*/
	top:400px;
	right:-330px;
	width:330px;
	height:210px;
	z-index:22;
}

#fortop2{
	clear:both;
	position:absolute;
	top:2300px;
	left:0;
	width:100%;
	height:50px;
	z-index:200;
}



/* block03 ********************************************/
#fish_bg4{
/*	position:fixed;*/
	position:absolute;
	top:3520px;
	right:0px;
	width:735px;
	height:780px;
	z-index:-1;
}

#bubble4{
/*	position:fixed;*/
	position:absolute;
	top:4000px;
	left:100px;
	width:335px;
	height:355px;
	z-index:0;
}

#titleblock3{
	/*width:980px;*/
	width:100%;
	height:210px;
	/*margin:0 auto;*/
	position:relative;
	top:2050px;
	z-index:70;
}

#block3{
	width:980px;
	margin:0 auto;
}


#title3{
	width:570px;
	height:65px;
	position:absolute;
	z-index:23;
}

#catch3{
	width:455px;
	height:150px;
	position:absolute;
	z-index:24;
	top:65px;
}

#cont3{
	width:100%;
	height:400px;
	background-image: url("../images/cont_bg.png");
	position:absolute;
	top:2680px;
	z-index:25;
}

#contblock3{
	width:980px;
	height:270px;
	margin:0 auto;
}

#cont3_ec{
	width:930px;
	margin:0 auto;
}

#fish_bg5{
	position:fixed;
	top:2500px;
	/*top:240px;*/
	right:0px;
	width:570px;
	height:300px;
	z-index:26;
}


/* footer ********************************************/
#footerblock{
	width:100%;
	height:420px;
	position:absolute;
	top:3200px;
	z-index:1000;
}

#fish_bg6{
	position:absolute;
	/*top:2150px;*/
	top:0px;
	right:0px;
	width:1100px;
	height:300px;
	z-index:27;
}

#footer{
	width:100%;
	height:160px;
	background-image: url("../images/cont_bg.png");
	position:absolute;
	top:300px;
	z-index:28;
}

#sublink{
	text-align:center;
	padding-top:15px;
}

#copyright{
	text-align:center;
	padding-top:15px;
	font-size:11px;
	line-height:18px;
}

#fortop3{
	clear:both;
	position:absolute;
	top:230px;
	left:0;
	width:100%;
	height:50px;
	z-index:300;
}


/* pararax ************************************/
/*block01*/
#title1, #catch1, #contblock1, #cont1 .ecblock{
	display:none;
}

/*block02*/
#title2, #catch2, #contblock2, #cont2 .ecblock{
	display:none;
}

/*block03*/
#title3, #catch3, #contblock3, #cont3 .ecblock{
	display:none;
}


/*OP*/
#sns, #lead1, #lead2, #logoblock, #navi{
	display:none;
}