/* * jQuery Booklet Plugin * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/) * * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php) * * Version : 1.4.4 * * Originally based on the work of: *	1) Charles Mangin (http://clickheredammit.com/pageflip/) */
.booklet {width:800px; height:600px; position:relative; margin:10px auto 10px; overflow:visible !important;}
.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid rgba(0,0,0,0);}
.booklet .b-pN  {}
.booklet .b-p0  {}
.booklet .b-p1  {}
.booklet .b-p2  {}
.booklet .b-p3  {}
.booklet .b-p4  {}
/* Page Wrappers */
.booklet .b-wrap {top:0; position:absolute;}
.booklet .b-wrap-left {background:#fff;}
.booklet .b-wrap-right {background:#efefef;}
.booklet .b-pN .b-wrap, .booklet .b-p1 .b-wrap, .booklet .b-p2 .b-wrap, .booklet .b-p3 .b-wrap, .booklet .b-p4 .b-wrap  {left:0;} .booklet .b-p0 .b-wrap  {right:0;}
/* Custom Page Types */
.booklet .b-page-blank {padding:0; width:100%; height:100%;}
.booklet .b-page-cover {padding:0; width:100%; height:100%; background:#925C0E;}
.booklet .b-page-cover h3 {color:#fff; text-shadow:0 1px 3px #222;}
/* Page Numbers */
.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
.booklet .b-wrap-left .b-counter  {left:10px;}
.booklet .b-wrap-right .b-counter {right:10px;}
/* Page Shadows */
.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("../img/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("../img/shadow-top-back.png"); background-repeat:repeat-y; background-position:0 0;}
.booklet .b-p0 {background-image:url("../img/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
.booklet .b-p3 {background-image:url("../img/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
/* Overlay Controls */
.booklet .b-grab {cursor: url("../img/openhand.cur"), default;}
.booklet .b-grabbing {cursor: url("../img/closedhand.cur"), default;}
/* Overlay Controls */
.booklet .b-overlay {top:0; position:absolute; height:100%; width:50%;}
.booklet .b-overlay-prev {left:0;}
.booklet .b-overlay-next {right:0;}
/* Tab Controls */
.booklet .b-tab {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
.booklet .b-tab-prev   {left:0;}
.booklet .b-tab-next   {right:0;}
.booklet .b-tab:hover  {background:#aaa; color:#000;}
/* Arrow Controls */
.booklet .b-arrow {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
.booklet .b-arrow div {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
.booklet .b-arrow div:hover { -moz-opacity: 0.5; opacity: 0.5;}
.booklet .b-arrow-next {right:-80px;}
.booklet .b-arrow-prev {left:-80px;}
.booklet .b-arrow-next div {background:url("../img/arrow.png") no-repeat right top;}
.booklet .b-arrow-prev div {background:url("../img/arrow.png") no-repeat left top;}
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/
body {z-index:0;}
.b-menu {z-index:100;}
.b-selector {z-index:100;}
.booklet {z-index:10;}
.b-pN {z-index:10;}
.b-p0 {z-index:30;}
.b-p1 {z-index:20;}
.b-p2 {z-index:20;}
.b-p3 {z-index:30;}
.b-p4 {z-index:10;}
.b-prev {z-index:40;}
.b-next {z-index:40;}
.b-counter {z-index:40;}
/* @Menu Items
----------------------------------------*/
.b-menu {height:40px; padding:0 0 10px;}
.b-selector {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
.b-selector-page {width:auto; margin-left:15px;}
.b-selector-chapter {width:auto;}
.b-selector:hover {color:#fff; background-position:left 0;}
.b-selector:hover .b-current {background-position:right 0;}
.b-selector ul {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px;}
.b-selector li {border:none;}
.b-selector a {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
.b-selector a .b-text {float:left; clear:none;}
.b-selector a .b-num {float:right; clear:none;}
.b-selector a:hover {color:#fff;}

/*EHON*/
.ehn { width: 400px; height: 445px; position: relative;}
.pnbl { display: inline; padding: 5px; font-weight: bold; font-size: 90%; background: #fff; position: absolute; bottom: 10px; left: 10px;}
.pnbr { display: inline; padding: 5px; font-weight: bold; font-size: 90%; background: #fff; position: absolute; bottom: 10px; right: 10px;}
#hyoshi { background: url(../img/start.jpg) no-repeat;}
#hura { background: url(../img/00.jpg) no-repeat;}
#p00 { background: url(../img/0.jpg) no-repeat;}
#p01 { background: url(../img/1.jpg) no-repeat;}
#p02 { background: url(../img/2.jpg) no-repeat;}
#p03 { background: url(../img/3.jpg) no-repeat;}
#p04 { background: url(../img/4.jpg) no-repeat;}
#p05 { background: url(../img/5.jpg) no-repeat;}
#p06 { background: url(../img/6.jpg) no-repeat;}
#p07 { background: url(../img/7.jpg) no-repeat;}
#p08 { background: url(../img/8.jpg) no-repeat;}
#p09 { background: url(../img/9.jpg) no-repeat;}
#p10 { background: url(../img/10.jpg) no-repeat;}
#p11 { background: url(../img/11.jpg) no-repeat;}
#p12 { background: url(../img/12.jpg) no-repeat;}
#p13 { background: url(../img/13.jpg) no-repeat;}
#p14 { background: url(../img/14.jpg) no-repeat;}
#p15 { background: url(../img/15.jpg) no-repeat;}
#p16 { background: url(../img/16.jpg) no-repeat;}
#p17 { background: url(../img/17.jpg) no-repeat;}
#p18 { background: url(../img/18.jpg) no-repeat;}
#p19 { background: url(../img/19.jpg) no-repeat;}
#p20 { background: url(../img/20.jpg) no-repeat;}
#p21 { background: url(../img/21.jpg) no-repeat;}
#p22 { background: url(../img/22.jpg) no-repeat;}
#p23 { background: url(../img/23.jpg) no-repeat;}
#p24 { background: url(../img/24.jpg) no-repeat;}
#p25 { background: url(../img/25.jpg) no-repeat;}
#p26 { background: url(../img/26.jpg) no-repeat;}
#urabyoshi { background: url(../img/last.jpg) no-repeat;}


#mybook { height: 450px; overflow-y: hidden;}