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

#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 1000px;	/*   height: 2000px; */
}
#modal-open {
  color: #cc0000;
}
/* モーダル コンテンツエリア */
#modal-main {
  display: none;
  /*width: 800px;*/
  width: 960px;
  height: 640px;
  margin: 0;
  padding: 0;
  background-color: #114; 
	 /* background-color: rgba(32,32,80,1.0); */
  color: #fff;
  position:fixed;
 /* position:relative;*/
  top:0px;
  left:0px;
  z-index: 3;
}
/* モーダル 背景エリア */
#modal-bg {
  display:none;
  width:100%;
 /* max-width:960px; */
  height:100%;
  background-color: #411;
/*  background-color: rgba(0,0,0,0.5); */
  background-color: rgba(80,80,80,0.7);
  position:fixed;
text-align: center;
  top:0;
  left:0;
  z-index: 2;
}





#main-gallery {
	/*width: 720px;*/
	width: 900px;
	height: 540px;
	margin-top: 10px;  /* 100px */
	margin-bottom: 20px;
	margin-left: 10px;
	text-align: center;
/*	background: #fff; */
/*  background-color: #114; 
  background-color: #114;
/*	color: #333; */
  color: #fff;
	font-size: 20px;

	 z-index: 90;
	position: absolute;
}

	img#main-gallery {
		width: 100%;
		height: auto;
	}


#skin {
	width: 720px;
	height: 480px;		/* 470px */
	margin-top: 10px;	/* 100px */
	margin-bottom: 20px;
	margin-left: 40px;
	text-align: center;
	background: #f0f;
	z-index: 99;
	position: absolute;
	opacity: 0.01; /* 0.5 */

	/* pointer=指   move=移動の十字   url('hoge.cur'),text;自作のポインタ  */
	/* cursor: pointer; */
	/* cursor:move; */
	cursor: default;   /* クリック時も矢印のまま */
	/*cursor:-webkit-grab; */   /* 手のひら */
	/*cursor:grab; ng */
}


  #result {
	width: 720px;
	height: 50px;
	text-align: center;
	background: #fff;
  }


#info {
	font-size: 20px;
	margin-top:  10px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 0px;
  padding: 0;
}

	button:hover {
		cursor: pointer;
	}