@charset "utf-8";

/*******************************************
 smile project - booklet additional style
********************************************/

#book_wrapper {
	width: 940px; /* nextボタンが無い場合は830px */
	height: 610px;
	position: relative;
	margin: 0 auto;	
	padding-top: 55px;
	background: transparent url(../../pi_js/smile/img/bg_book.png) no-repeat 52px 45px; /* nextボタンが無い場合は left 0 */
}

#book_wrapper p#next {
	position: absolute;
	top: 300px;
	left: 877px;
}
#book_wrapper p#back {
	position: absolute;
	top: 300px;
	left: 21px;
}

#mybook {
	position: absolute;
	top: 54px;
	left: 67px;
	margin: 0;
	padding: 0;
}
#tab {
	position: absolute;
	top: 0;
	left: 72px; /* nextボタンが無い場合は20px */
	height: 69px;
}
p#p1-2,p#p3-4,p#p5-6,p#p7-8,p#p9-10 {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 69px;
}
p#p1-2 {
	top: 0;
	left: 155px;
}
p#p3-4 {
	top: 23px;
	left: 287px;
}
p#p5-6 {
	top: 2px;
	left: 417px;
}
p#p7-8 {
	top: 25px;
	left: 561px;
}
p#p9-10 {
	top: 0;
	left: 660px;
}

.b-load div#b-1 {
	background: transparent url(../../pi_js/smile/img/tab1.png) no-repeat 160px -56px;
}
.b-load div#b-3 {
	background: transparent url(../../pi_js/smile/img/tab2.png) no-repeat 292px -32px;
}
.b-load div#b-6 {
	background: transparent url(../../pi_js/smile/img/tab3.png) no-repeat 22px -54px;
}
.b-load div#b-8 {
	background: transparent url(../../pi_js/smile/img/tab4.png) no-repeat 166px -32px;
}
.b-load div#b-10 {
	background: transparent url(../../pi_js/smile/img/tab5.png) no-repeat 265px -54px;
}

.b-load div#b-1 img,
.b-load div#b-3 img,
.b-load div#b-5 img,
.b-load div#b-7 img,
.b-load div#b-9 img {
	margin-top: 25px;
	margin-left: 12px;
}

.b-load div#b-2 img,
.b-load div#b-4 img,
.b-load div#b-6 img,
.b-load div#b-8 img,
.b-load div#b-10 img {
	margin-top: 25px;
}