@charset "utf-8";
/* CSS Document */
*{
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10から */
	margin:0;
	padding:0;
}
html,body{
	height:100%;
	width:100%;	
	overflow:hidden;
	background-color:rgb(240,240,240);
}
#Stage{
	position:absolute;
	height:500px;
	width:700px;	
	top:50%;
	left:50%;
	margin:-250px 0 0 -350px;
	background-image:url(../commonImages/background.png);
	background-color:white;
}
#error_message{
	position:absolute;
	width:600px;
	top:230px;
	left:50px;
	font-size:18px;
}
/*-----------slideArea------------*/
#slideArea .cautionMark{
	position:absolute;
	height:52px;
	width:56px;
	background-image:url(../commonImages/commonButtons.png);
	background-position:-192px -58px;
	cursor:pointer;
}
#slideArea .adviceMark{
	position:absolute;
	height:50px;
	width:160px;
	background-image:url(../commonImages/commonButtons.png);
	background-position:0px -310px;
	cursor:pointer;
}
#slideArea .adviceMark:hover{
	background-position:0px -362px;
}
/*-----------bottomControl------------*/
#bottomControl{
	position:absolute;
	height:65px;
	width:555px;	
	top:435px;
	left:145px;
}
#bottomControl table{
	position:absolute;
	left:60px;
	top:5px;
	height:48px;
}
#bottomControl table p{
	display:inline-block;
	font-size:30px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#bottomControl table tbody tr td:nth-child(1){
	width:80px;
	text-align:right;
}
#bottomControl table tbody tr td:nth-child(2){
	width:100px;
	text-align:center;
}
#bottomControl table tbody tr td:nth-child(3){
	width:80px;
	text-align:left;	
}
#bottomControl table .backButton, .nextButton{
	height:48px;
	background-image:url(../commonImages/commonButtons.png);
	cursor:pointer;
}
#bottomControl table .backSlide{
	width:46px;
	background-position:0px -130px;
}
#bottomControl table .backSlide:hover{
	background-position:0px -180px;
}
#bottomControl table .backStep{
	width:78px;
	background-position:-48px -130px;
}
#bottomControl table .backStep:hover{
	background-position:-48px -180px;
}
#bottomControl table .nextSlide{
	width:46px;
	background-position:-130px -130px;
}
#bottomControl table .nextSlide:hover{
	background-position:-130px -180px;
}
#bottomControl table .nextStep{
	width:78px;
	background-position:-178px -130px;
}
#bottomControl table .nextStep:hover{
	background-position:-178px -180px;
}
/*-----------popupWindow------------*/
#popupWindow{
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.3);
	display:none;
}
#popupWindow .forClose{
	position:absolute;
	width:100%;
	height:100%;
}
#popupWindow .content{
	position:absolute;
	width:600px;
	top:50%;
	left:50%;
	margin-left:-300px;
	background-color:#FFF;
	border-radius:15px;
	box-shadow:3px 3px 9px #000;
	-moz-box-shadow:3px 3px 9px #000;
	-webkit-box-shadow:3px 3px 9px #000;
	overflow:hidden;
}
#popupWindow .no-controls{
	height:370px;
	margin-top:-155px;
}
#popupWindow .controls{
	height:430px;
	margin-top:-190px;
}
#popupWindow .content .page{
	position:relative;
	display:inline-block;
	height:370px;
	width:100%;
	background-repeat:no-repeat;
	
}
#popupWindow .no-controls .page{
	border-radius:15px;
}
#popupWindow .controls .page{
	border-radius:15px 15px 0 0;
}
#popupWindowCanvas{
	position:absolute;
	top:0px;
	left:0px;
}
#popupWindow .no-controls #popupWindowCanvas{
	border-radius:15px;
}
#popupWindow .controls #popupWindowCanvas{
	border-radius:15px 15px 0 0;
}
#popupWindow .content .page .videoPlayer{
	width:400px;
	height:280px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-200px;
	display:none;
	text-align:center;
}
#popupWindow .content .controller{
	position:relative;
	display:inline-block;
	height:60px;
	width:100%;
	text-align:center;
	background-color:#ddd;
	border-radius:0 0 15px 15px;
}
#popupWindow .content .controller table{
	display:inline-block;
}
#popupWindow .content .controller table tr{
	height:60px;
}
#popupWindow .content .controller table tr td{
	width:80px;
}
#popupWindow .content .controller table tr td:nth-child(1){
	text-align:right;
}
#popupWindow .content .controller table tr td:nth-child(2){
	text-align:center;
}
#popupWindow .content .controller table tr td:nth-child(3){
	text-align:left;
}
#popupWindow .content .controller .backPage{
	height:48px;
	width:46px;
	background-image:url(../commonImages/commonButtons.png);
	background-position:0px -130px;
	cursor:pointer;
}
#popupWindow .content .controller .backPage:hover{
	background-position:0px -180px;
}
#popupWindow .content .controller .nextPage{
	height:48px;
	width:46px;
	background-image:url(../commonImages/commonButtons.png);
	background-position:-130px -130px;
	cursor:pointer;
}
#popupWindow .content .controller .nextPage:hover{
	background-position:-130px -180px;
}
#popupWindow .content .controller p{
	display:inline-block;
	font-size:30px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#popupWindow .content .closeButton{
	position:absolute;
	height:40px;
	width:40px;
	top:8px;
	right:8px;
	background-image:url(../commonImages/commonButtons.png);
	background-position:-256px -60px;
	cursor:pointer;
}
#popupWindow .content .closeButton:hover{
	background-position:-256px -102px;
}

/*-----------loadWindow------------*/
#loadWindow{
	position:absolute;
	width:100%;
	height:450px;
	top:52px;
	background-color:rgba(204,236,251,1.0);
}
#loadCanvas{
	position:absolute;
	top:100px;
	left:200px;
}

/*-----------otherButtons------------*/
#returnSelectButton{
	display:block;
	position:absolute;
	bottom:15px;
	right:10px;
	height:38px;
	width:180px;
	background-image:url(../commonImages/commonButtons.png);
	background-position:-192px -230px;
	cursor:pointer;
}
#returnSelectButton:hover{
	background-position:-192px -270px;
}
#quitButton{
	display:block;
	position:absolute;
	bottom:15px;
	right:10px;
	height:38px;
	width:190px;
	background-image:url(../commonImages/commonButtons.png);
	background-position:0px -230px;
	cursor:pointer;
}
#quitButton:hover{
	background-position:0px -270px;
}