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

.booklet{ background:url(../images/bg01.png) left top no-repeat;}
.booklet .b-wrap-left{ background:#fff url(../images/left_bg.jpg) no-repeat top left;}
.booklet .b-wrap-right{ background:#efefef url(../images/right_bg.jpg) no-repeat top left;}
.booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:90%;
	height:20px;
	border-top:1px solid #ddd;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}
.book_wrapper{ margin:0 auto; width:1002px; height:700px; position:relative;}
a#next_page_button{ position:absolute; width:28px; height:53px; cursor:pointer; top:50%; background:url(../images/button02.png) left top no-repeat; z-index:9999; right:5px;}
a#prev_page_button{ position:absolute; width:28px; height:53px; cursor:pointer; top:50%; background:url(../images/button01.png) left top no-repeat;z-index:9999; left:5px;}
a#next_page_button:hover{ background:url(../images/button04.png) left top no-repeat;}
a#prev_page_button:hover{ background:url(../images/button03.png) left top no-repeat;}