html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
/*font-size: 100%;font: inherit;vertical-align: baseline;*/
}
img { max-width:100%; }

a { outline:0; border:0; }


.bookwrap {width:700px; height:480px; text-align:center; border:2px solid #999; position:relative; margin:40px auto 0px auto;}
.bookwrap a.page img { margin-left: 35px; }
.bookwrap .center { background:url('./ef_book.png') left top repeat-y; width:90px; height:480px; position:absolute; top:0; left:305px;z-index:50}
.bookwrap .largewrap { display:none; position:absolute; top:0px; left:0px; width:705px; height:480px;overflow:auto; z-index:100;}
.bookwrap .large {width:705px; height:480px;overflow:auto; z-index:100;}

.bookwrap a.next { text-indent:-5000px; position:absolute; right:5px; bottom:5px; display:block; width:30px; height:30px; background:url('./right.png') left top no-repeat; }
.bookwrap a.prev { text-indent:-5000px; position:absolute; left:5px; bottom:5px; display:block; width:30px; height:30px; background:url('./left.png') left top no-repeat; }