@charset "euc-jp";
/* CSS Document */


div#story00, div#story{
width:854px;
height: 651px;
margin: 30px auto;
position: relative;
}

div#story00{background: url(img/bg00.jpg) no-repeat;}
div#story{background: url(img/bg.jpg) no-repeat;}

div#story00 h1{padding: 240px 0 10px;}



div#story00 ul.author li{
margin-top: 7px;
}



div#story00 ul.start{height: 21px;}

div#story00 ul.start li{
width: 70px;
text-decoration:none;
display: block;
background: url(img/btn_next.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
margin: 90px 0 0 395px;

}

*+html div#story00 ul.start li{margin-left: 0px;}
*html div#story00 ul.start li{margin-left: 0px;}


div#story00 ul.start li a{
display: block;
width: 70px;
text-decoration:none;
}

div#story00 ul.start li a:hover{
background: url(img/btn_next.gif) no-repeat 0 -21px;
}



/*  */


div#story{
text-align: left;
}

div#story p{
padding: 54px 0 0 60px;
}


div#story ul{
width: 228px;
height: 25px;
position:absolute;
top: 575px;
left: 540px;
}


div#story ul li{float: left;}

div#story ul li.next, div#story ul li.before, div#story ul li.first{
text-decoration:none;
display: block;
text-indent: -9999px;
overflow: hidden;
}



div#story ul li.before{
background: url(img/btn_before.gif) no-repeat;
margin: 0 20px 0 0;
height: 23px;
}

div#story ul li.next{
background: url(img/btn_next.gif) no-repeat;
margin: 2px 0 0 23px;
height: 21px;
}


div#story ul li.first{
background: url(img/btn_00.gif) no-repeat;
margin-left: 23px;
height: 24px;
}



div#story ul li a{
display: block;
width: 70px;
text-decoration:none;
}


div#story ul li.before a:hover{
background: url(img/btn_before.gif) no-repeat 0 -23px;
height: 23px;
}

div#story ul li.next a:hover{
background: url(img/btn_next.gif) no-repeat 0 -21px;
height: 21px;
}


div#story ul li.first a:hover{
background: url(img/btn_00.gif) no-repeat 0 -24px;
height: 24px;
}