@charset "shift_jis";
/***********************************************
     DEFAULT Style
************************************************/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, th, td,img{
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	font-weight:normal;
	text-align:left;
	list-style:none;
}
img { vertical-align:top; font-size:0; line-height:0px;}

/***********************************************
     body
************************************************/
body {
	font-size:90%;
	background:#666666;
	text-align:left;
	overflow-x:hidden;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.content{
	width:960px;
	margin:10px auto 0;
	overflow:hidden;
	position:relative;
}
/*--------------book-------------------*/
#book{
	margin:0 auto;
	width:800px;
	height:565px;
	/*background:url(../photo/0.jpg) left top;*/
	background:url(../../photo/0.jpg) left top;
	overflow:hidden;
	z-index:0;
	behavior: url(PIE.htc);
}

#book .turn-page{
	background-color:white;
	behavior: url(PIE.htc);
}

#book .cover{
	background:#DFDFD0;
	behavior: url(PIE.htc);
}

#book .cover h1{
	color:white;
	text-align:center;
	font-size:50px;
	line-height:565px;
	margin:0px;
	display:block;
	behavior: url(PIE.htc);
}

#book .loader{
	/*background-image:url(loader.gif);*/
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	top:238px;
	left:188px;
	behavior: url(PIE.htc);
}

#book .data{
	text-align:center;
	font-size:40px;
	color:#999;
	line-height:565px;
	behavior: url(PIE.htc);
}

#controls{
	width:800px;
	text-align:center;
	margin:20px 0px;
	font:30px arial;
	behavior: url(PIE.htc);
}

#controls input, #controls label{
	font:30px arial;
	behavior: url(PIE.htc);
}

#book .odd{
	background-image:-webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(left, #FFF 95%, #ddd 100%);
	behavior: url(PIE.htc);
}

#book .even{
	background-image:-webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(right, #FFF 95%, #ddd 100%);
	behavior: url(PIE.htc);
}

/*--------------navi-------------------*/
#navi{
	width:638px;
	margin:10px auto;
}
.navi_table {
	width:638px;
}
.navi_td01{
	width:84px;
}
.navi_td02{
	width:84px;
}
.navi_td03{
	width:70px;
}
.navi_td04{
	width:84px;
}
.navi_td05{
	width:84px;
}
.navi_td06{
	width:84px;
}
.navi_td07{
	width:84px;
}
.navi_td08{
	width:84px;
}
.left_print_botton{
	width:74px;
	height:45px;
	background:url(../img/b1.gif) left top no-repeat;
}
.left_print{
	display:block;
	width:74px;
	height:45px;
	text-indent:-9999px;
}
.right_print_botton{
	width:74px;
	height:45px;
	background:url(../img/b2.gif) left top no-repeat;
}
.right_print{
	display:block;
	width:74px;
	height:45px;
	text-indent:-9999px;
}
.page_box{
	width:60px;
	height:45px;
	text-align:center;
	background:url(../img/b3.gif) left top no-repeat;
}
.left_big_botton{
	width:74px;
	height:45px;
	background:url(../img/b5.gif) left top no-repeat;	
}
.left_botton{
	width:74px;
	height:45px;
	background:url(../img/b6.gif) left top no-repeat;	
}
.right_botton{
	width:74px;
	height:45px;
	background:url(../img/b7.gif) left top no-repeat;	
}
.right_big_botton{
	width:74px;
	height:45px;
	background:url(../img/b8.gif) left top no-repeat;	
}
#list_box{
	width:74px;
	height:45px;
	background:url(../img/b4.gif) left top no-repeat;	
}
#list_box a{
	display:inline-block;
	width:74px;
	height:45px;
	text-indent:-9999px;
}
#on_list_box{
	display:none;
	width:74px;
	height:45px;
	background:url(../img/b4.gif) left top no-repeat;	
}
#on_list_box a{
	display:inline-block;
	width:80px;
	height:50px;
	text-indent:-9999px;
}
#number-pages{
	display:block;
	padding:10px 0 0 0;
	font-size:130%;
	font-weight:bold;
}
/*--------------gallery-------------------*/
.gallery {
	position:relative;
	top:0px;
	left:0px;
}
.gallery a {
	position:absolute;
	top:0px;
	left:0px;
	width:74px;
	height:45px;
	text-indent:-9999px;
}
/*--------------page-------------------*/
.link_page {
	position:relative;
	top:0px;
	left:0px;	
}
.link_page a {
	position:absolute;
	top:0px;
	left:0px;
	width:74px;
	height:45px;
	text-indent:-9999px;	
}
/*--------------list-------------------*/
#list_content{
	position:absolute;
	top:0;
	left:0;
}
#offlist_box{
	top:0px;
	left:0px;
	display:block;
	width:80px;
	height:50px;
}
#onlist_box{
	display:none;
	width:380px;
	height:500px;
}
.list_off{
	width:380px;
	height:40px;
	background:url(../img/1.gif) left top no-repeat;
}
.list_off a{
	display:inline-block;
	width:380px;
	height:40px;
	text-indent:-9999px;
}
.list_bg{
	width:380px;
	padding:0 0 10px 0;
    background:url(../img/3.gif) left bottom no-repeat;
}
.list_bg2{
	width:380px;
	 background:url(../img/2.gif) left top repeat-y;
}
.list_text{
	overflow-y:auto;
	width:360px;
	height:400px;
	padding:6px 10px 0 6px;
	line-height:120%;
}
.list_text p{
	padding:4px 0 4px 0;
	text-align:justify;
 	text-justify:inter-ideograph;
	border-bottom:#CCCCCC solid 1px;
}
.list_text p a{
	color:#000000;
	text-decoration:none;
	
}
/*--------------print—p-------------------*/
#print_box{
	display:none;
}
#print_box_center{
	display:none;	
}