@charset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object { margin:0; padding:0; }

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size:75%;
	line-height: 150%;
	text-autospace:ideograph-alpha;
}

a img { border:0; }
ul, ol { list-style-type:none; }
sup { position: relative; vertical-align: baseline; top: -0.9em; font-size: 0.5em; }
hr { display: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
th, caption{ text-align: left; font-weight: normal; }
th,td { empty-cells:show; }

input[type="text"],input[type="password"],input[type="text"] { padding:0 2px; margin-right:0.1em; }
input[type="submit"] { display:inline; margin:0; }
input[type="checkbox"] { margin-right:0.1em; vertical-align: middle; }
input[type="radio"] { margin-right:0.1em; }
textarea { padding:2px; }
optgroup { font-style:normal; }
option { padding-right:10px; }



body {
	background:#000;
	color:#FFF;
	text-align:center;
}

a {
	color:#FFF;
}
/* -------------------------------
 */

#wrap{
	background:url(../img/book.jpg) left top no-repeat #FCFCFA;
	text-align:left;
	width:1024px;
	height:728px;
	margin:0 auto;
}

.ura-hyoushi #wrap{
	background-image:url(../img/ura-hyoushi.jpg);
}
.page{
	position:relative;
	z-index:10
}
.page a,
.page a:link{
	outline:none;
}
.rightpage{
	float:right;
	padding:17px 67px 15px 0;
}
.leftpage{
	float:left;
	padding:17px 0 15px 55px;
}
.rightpage a img,
.rightpage a:link img{
	padding:0 7px 7px 0;
}
.leftpage a img,
.leftpage a:link img{
	padding:0 0 7px 9px;
}
.rightpage a:hover img{
	background:url(../img/turnpage_right.jpg) right bottom no-repeat;
}
.rightpage a:hover.hoverarea img{
	background:none;
}
.leftpage a:hover img{
	background:url(../img/turnpage_left.jpg) left bottom no-repeat;
}
.ura-hyoushi .rightpage a:hover img{
	background:none;
}
.ura-hyoushi .rightpage a:hover span{
	background:none;
}

.hide-number{
	display:none;
}
.rightpage a:hover .hide-number{
	width:58px;
	height:59px;
	display:block !important;
	position:absolute;
	right:67px;
	top:654px;
	background:url(../img/hide-number_right.jpg) left top no-repeat;
	z-index:30;
}
.leftpage a:hover .hide-number{
	width:60px;
	height:59px;
	display:block !important;
	position:absolute;
	left:55px;
	top:654px;
	background:url(../img/hide-number_left.jpg) left top no-repeat;
	z-index:30;
}

/* -------------------------------
ページごと */