@charset "utf-8";
/* CSS Document */


div {
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
}



/**********************************************************************
  HEADER
***********************************************************************/
#HEADER {
	position:relative;
	width:100%;
	height:60px;
	background-image:url('image/header_C.png');
}



/**********************************************************************
  BANNER_AREA
    relative的には 40px確保
    BANNER_AREAは H55px
***********************************************************************/
#BANNER_SPACER {
	position:relative;
	width:100%;
	height:40px;
}

#BANNER_AREA {
	position:absolute;
	left:0;
	top:60px;
	width:100%;
	height:55px;
	padding-top:5px;
	z-index:40;
	overflow-y:hidden;
}

#BANNER_AREA .BTN_BANNER {
	margin-left:10px;
	width:300px;
	height:50px;
}



/**********************************************************************
  MOVIE_AREA
***********************************************************************/
#MOVIE_AREA {
	display:none;
	position:absolute;
	left:0;
	top:50px;
	width:320px;
	height:auto;
	z-index:400;
/*	background-image:url('image/movie_base_00.png'); */
}

#MOVIE_BASE_IMG {
	width:100%;
}


#MOVIE_EMBED {
	position:absolute;
	left:10px;
	top:67px;
	width:300px;
	height:183px;
}



#MOVIE_BTN_CLOSE {
	position:absolute;
	left:275px;
	top:0px;
	width:45px;
	height:40px;
}



#MASK {
	display:none;
	position:absolute;
	left:0;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.8;
	z-index:300;
}




/**********************************************************************
  EARTH_AREA
***********************************************************************/
#EARTH_AREA {
	position:relative;
	width:100%;
	height:305px;
	background-image:url('image/earth_base.png');
}


.EARTH_DIV {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:305px;
}

div.EARTH_MAP {
	position:absolute;
	cursor:pointer;
/*	background-color:#f00;opacity:0.4; */
}

.EARTH_MARK {
	display:none;
	position:absolute;
	width:90px;
	height:117px;
	cursor:pointer;
}


#EARTH_BTN_LEFT {
	position:absolute;
	left:0;
	top:120px;
	width:30px;
	height:50px;
	cursor:pointer;
}

#EARTH_BTN_RIGHT {
	position:absolute;
	left:290;
	top:120px;
	width:30px;
	height:50px;
	cursor:pointer;
}




/**********************************************************************
  SNS AREA
***********************************************************************/
#SNS_AREA {
	position:relative;
	width:100%;
	height:35px;
	background-image:url('image/sns_area_base.png');
}

#SNS_TW {
	position:absolute;
	left:135px;
	top:0px;
	width:30px;
	height:30px;
	cursor:pointer;
}

#SNS_FB {
	position:absolute;
	left:180px;
	top:0px;
	width:30px;
	height:30px;
	cursor:pointer;
}

#SNS_GL {
	position:absolute;
	left:225px;
	top:0px;
	width:30px;
	height:30px;
	cursor:pointer;
}

#SNS_MX {
	position:absolute;
	left:270px;
	top:0px;
	width:30px;
	height:30px;
	cursor:pointer;
}

/*
#SNS_TW,#SNS_FB,#SNS_GL,#SNS_MX {
	background-color:#fcc; opacity:0.4;
}
*/





/**********************************************************************
  INFO BTN AREA
***********************************************************************/
#INFO_BTN_AREA {
	position:relative;
	width:100%;
	height:auto;
}


.INFO_BTN {
	position:relative;
	width:100%;
	height:40px;
	cursor:pointer;
}



/*********************
  INFO YOUTUBE DESC
/*********************/
#INFO_DESC_4 {
	position:relative;
	width:100%;
	height:auto;
}

.INFO_YOUTUBE_BTN {
	position:absolute;
	width:301px;
	height:41px;
	cursor:pointer;
}


#INFO_YOUTUBE_BTN_1 {
	left:9px;
	top:11px;
}

#INFO_YOUTUBE_BTN_2 {
	left:9px;
	top:61px;
}



/*********************
  INFO RELEASE DESC
/*********************/
#INFO_DESC_5 {
	position:relative;
	width:100%;
	height:auto;
}

.INFO_RELEASE_BTN {
	position:absolute;
	width:146px;
	height:41px;
	cursor:pointer;
}


#INFO_RELEASE_BTN_1_1 {
	left:9px;
	top:371px;
}

#INFO_RELEASE_BTN_1_2 {
	left:164px;
	top:371px;
}

#INFO_RELEASE_BTN_2_1 {
	left:9px;
	top:591px;
}

#INFO_RELEASE_BTN_2_2 {
	left:164px;
	top:591px;
}

#INFO_RELEASE_BTN_3_1 {
	left:9px;
	top:796px;
}

#INFO_RELEASE_BTN_3_2 {
	left:164px;
	top:796px;
}






/**********************************************************************
  DIALOG_2015
***********************************************************************/

#DIALOG_2015_AREA {
	position:absolute;
	left:10px;
	top:65px;
	width:300px;
	height:610px;
	z-index:400;
}

#DIALOG_2015_BTN_CLOSE{
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:50px;
	cursor:pointer;
}





/**********************************************************************
  DIALOG_HOWTO
***********************************************************************/

#DIALOG_HOWTO_AREA {
	position:absolute;
	left:0px;
	top:50px;
	width:320px;
	height:395px;
	z-index:90;
}

#DIALOG_HOWTO_BTN_CLOSE{
	position:absolute;
	left:275px;
	top:0px;
	width:45px;
	height:40px;
	cursor:pointer;
}






/**********************************************************************
  FOOTER
***********************************************************************/
#FOOTER {
	position:relative;
	width:100%;
	height:30px;
	text-align:center;
	background-image:url('image/footer_B.png');
}