html, body {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
	height: 100%;
	border-width: 0px;
	background-color: #fff;
	position: relative;
	z-index: 1;
	/* DISABLE TEXT ADJUST WHEN ORIENTATION CHANGE */
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-khtml-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	/* PREVENT SELECTING ON THE PAGE */
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	/* DISABLE TAB HIGHLIGHT */
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-khtml-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	/* DISABLE DRAGGING */
	-moz-user-drag: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-ms-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}
#contents_close {
	position: absolute;
	z-index: 3100;
	cursor: pointer;
}
#contents {
	position: absolute;
	z-index: 1700;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
#index_close {
	position: absolute;
	z-index: 3100;
	cursor: pointer;
}
#index_search {
	position: absolute;
	z-index: 3200;
}
#index {
	position: absolute;
	z-index: 1700;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
	.index_page {
		position: relative;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
	}
		.index_page img {
			display: inline-block;
			vertical-align: top;
		}
#logo {
	position: absolute;
	z-index: 2000;
	display: none;
}
	#logo img {
		border-width: 0px;
		image-rendering: auto;
		-ms-interpolation-mode: bicubic;
	}
#book {
	position: absolute;
	z-index: 1000;
	overflow: hidden;
	/*overflow-x: hidden;
	overflow-y: hidden;*/
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 10px;
	display: block;
}
html.desktop #book {
	padding: 30px;
}
	#zoom {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		overflow: visible !important;
		/*-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;*/
	}
#footer {
	position: absolute;
	z-index: 1800;
	display: none;
}
	#btn_contents,
	#btn_index,
	#btn_search,
	#btn_back,
	#btn_forward,
	#btn_download,
	#btn_print,
	#btn_zoom {
		cursor: pointer;	
	}
	#btn_forward:focus {
		background-color: transparent;
	}
	#btn_contents {
		display: none;
	}
	html.indexable #btn_contents {
		display: block;
	}
	html.searchable #btn_index {
		display: none;
	}
	html.searchable #btn_search {
		display: block;
	}
.notify, .notify * {
	margin: 0px;
	padding: 0px;
}
/* PRINT VERSION */
@media print {
	html, body, #book, #zoom {
		background-color: transparent;
	}
	#logo, #book, #footer {
		display: none;
		visibility: hidden;
	}
}


/* TURN.JS */
#flipbook {
	position: absolute !important;
	image-rendering: auto;
	-ms-interpolation-mode: bicubic;
	top: 0;
	left: 0;
}
#flipbook img,
.zoomer img {
	image-rendering: auto;
	-ms-interpolation-mode: bicubic;
	width: 100%;
	height: 100%;
}
html.pageloaded #flipbook {
	-webkit-transition: margin-left 0.5s ease-in-out;
	-moz-transition: margin-left 0.5s ease-in-out;
	-ms-transition: margin-left 0.5s ease-in-out;
	-o-transition: margin-left 0.5s ease-in-out;
	transition: margin-left 0.5s ease-in-out;
}
html.pageloaded.pagezoomed-noanimations #flipbook {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
#flipbook .page,
.zoomer .page {
	background: #fff;
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
#flipbook .page[style*="shadow:"] {
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0) !important;
	-moz-box-shadow:0 0 0 rgba(0,0,0,0) !important;
	-ms-box-shadow:0 0 0 rgba(0,0,0,0) !important;
	-o-box-shadow:0 0 0 rgba(0,0,0,0) !important;
	box-shadow:0 0 0 rgba(0,0,0,0) !important;
}
#flipbook .even .gradient,
.zoomer .even .gradient {
	position:absolute;
	z-index: 20;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:-webkit-gradient(linear, left top, right top, color-stop(0.50, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.1)));
	background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%);
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
#flipbook .odd .gradient,
.zoomer .odd .gradient {
	position:absolute;
	z-index: 20;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:-webkit-gradient(linear, right top, left top, color-stop(0.80, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.05)));
	background-image:-webkit-linear-gradient(right,rgba(0,0,0,0) 80%, rgba(0,0,0,0.05) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 80%, rgba(0,0,0,0.05) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 80%, rgba(0,0,0,0.05) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 80%, rgba(0,0,0,0.05) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 80%, rgba(0,0,0,0.05) 100%);
	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
#flipbook,
#flipbook {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -ms-grab;
	cursor: grab;
}
html.pagedragging #flipbook,
html.pagedragging #flipbook {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}
#flipbook .page-wrapper {
   -webkit-perspective: 3000px;
   -moz-perspective: 3000px;
   -ms-perspective: 3000px;
   perspective: 3000px;
}
#flipbook [style*="gradient"] {
	opacity: 0.5;
}
#flipbook .shadow,
.zoomer {
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;
	transition: box-shadow 0.5s;
	-webkit-box-shadow:0 0 60px #ccc;
	-moz-box-shadow:0 0 60px #ccc;
	-o-box-shadow:0 0 60px #ccc;
	-ms-box-shadow:0 0 60px #ccc;
	box-shadow:0 0 60px #ccc;
}


/* CLICKABLE AREAS */
.clickable_area {
}
.clickable_area.hover {
}