#divFullscreen{
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 1000;
	display: show;
	cursor: pointer;
}
#divStart{
	position: fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	z-index: 900;
	background-color: rgb(0, 0, 0, 0.8);
	visibility: show;
}
#divInfo{
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 900;
}
#divSmartphone{
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 1100;
	display: none;
}
/* ///////////////// layer for info(#foot) */
#foot {
	bottom: 0px;
	left:15px;
	width:600px;
	height:80px;
	position: fixed;
	z-index: 2000;
	/*background-color: #fff000;*/
	background-color: rgb(0, 0, 0, 1.0);
	visibility: hidden; /* hidden - visible  ////////////////////////////   */
	cursor:hand;
}
p {
	font-family: Helvetica;
	font-size: 18px;
	text-align: left;
	margin-top: 0px;
	color:#fff; 
}


#layerBack{
	top: 0px;
	left: 0%;
	height: 100%;
	position: fixed;
	z-index: 1;
}
#layerFront{
	top: 0px;
	left: 0%;
	height: 100%;
	position: fixed;
	z-index: 10;
}
#layerMiddle{
	top: 0px;
	left: 0%;
	height: 100%;
	position: fixed;
	z-index: 5;
}

@media only screen and (max-width : 1024px){
	#divFullscreen{
		display: none;
	}
	#divInfo{
		display: none;
	}
	#divSmartphone{
		display: block;
	}
}
@media only screen and (max-width : 640px){
	#divFullscreen{
		display: none;
	}
	#divSmartphone{
		display: block;
	}
}