@charset "utf-8";

div#picturebook_wrapper{
width:800px;
margin:0 auto;
padding:70px 0 0;
}

div#picturebook_wrapper h1{
width:800px;
padding:0 0 30px;
text-align:center;
font-weight:bold;
}

div#picturebook_wrapper div#work{
clear:both;
position:relative;
width:800px;
height:500px;
margin:0 auto;
line-height:1.5em;
}

div#picturebook_wrapper div#work img{
position:absolute;
top:0;
left:100px;
width:600px;
}

div#picturebook_wrapper div#work div#text{
position:absolute;
z-index:1;
top:20px;
left:120px;
width:560px;
}

div#picturebook_wrapper div#work div#text_colophon{
position:absolute;
z-index:1;
top:20px;
left:120px;
width:560px;
text-align:center;
}

div#picturebook_wrapper div#work div#text_colophon h2{
padding:0 0 20px;
}

div#picturebook_wrapper div#work div#text_colophon a{
text-align:center;
font-size:0.8em;
color:#000;
}


div#picturebook_wrapper div#work div#text_fly15{
position:absolute;
z-index:1;
top:30px;
left:150px;
font-weight:bold;
line-height:1.2em;
}

div#picturebook_wrapper div#work div#text_reminisce{
position:absolute;
z-index:1;
top:30px;
left:140px;
}

div#picturebook_wrapper div#work div#text_fuwafuwa2{
position:absolute;
z-index:1;
top:30px;
left:440px;
}

div#picturebook_wrapper div#work p#page{
position:absolute;
z-index:2;
bottom:10px;
left:350px;
width:100px;
text-align:center;
}

div#picturebook_wrapper a#prev{
position:absolute;
display:block;
top:240px;
left:40px;
width:20px;
height:20px;
text-indent:-9999px;
background:url("/img/triangle_l.gif") 0 0 no-repeat;
}

div#picturebook_wrapper a#prev:hover{
background:url("/img/triangle_l_h.gif") 0 0 no-repeat;
}

div#picturebook_wrapper a#next{
position:absolute;
display:block;
top:240px;
right:40px;
width:20px;
height:20px;
text-indent:-9999px;
background:url("/img/triangle_r.gif") 0 0 no-repeat;
}

div#picturebook_wrapper a#next:hover{
background:url("/img/triangle_r_h.gif") 0 0 no-repeat;
}

div#picturebook_wrapper p#PB_navi {
clear:both;
width:800px;
padding:30px 0 0;
text-align:center;
}

div#picturebook_wrapper div#work div#text p,
div#picturebook_wrapper div#work div#text_colophon p,
div#picturebook_wrapper div#work div#text_fly15 p,
div#picturebook_wrapper div#work div#text_reminisce p,
div#picturebook_wrapper div#work div#text_fuwafuwa2 p,
div#picturebook_wrapper div#work p#page,
div#picturebook_wrapper p#PB_navi {
margin:0;
}
