body{
	background:#FFF;
	margin:0;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
a{
color:#008800;
text-decoration:none;
}
a:hover{
color:#ff0000;
}

@media print{
	#head, .swiper-container{display:none}
}

#book {animation: book 1s ease 0s 1 normal;}

@keyframes book {
    0% {opacity: 0}
    100% {opacity: 1}
}

#head{
	margin:3px auto 3px auto;
	width:1003px;
	padding:2px;
	text-align:left;
	}

iframe {border:none; margin:0px auto 5px auto;}

#book{
	background:#DDD;
	margin:0px auto 0px auto;
	width:1003px;
	height:709px;
	box-shadow: 5px 5px 5px rgba(100,100,100,0.1);
}

#book img{width:500px;
	border:1px solid #DDD;
}


#book .turn-page{
	background-color:white;
}

#book .cover{
	background:#333;
}

#book .cover h1{
	color:white;
	text-align:center;
	font-size:50px;
	line-height:500px;
	margin:0px;
}

#book .loader{
	background-image:url(loader.gif);
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	top:300px;
	left:500px;
}

#book .data{
	text-align:center;
	font-size:40px;
	color:#999;
}

#headR{
	text-align:right;
	background-color:#FFF;
	font:14px arial;
}

#headL{
	font-size:16px;
}

#headR input, #headR label{
	font:14px arial;
	text-align:center;
}

.move {
    cursor: move;
    position: absolute;
    z-index: 1;
}

div.linktxt {font-size:12px; margin:12px auto 30px auto;}
div.linktxt a{color:#000; dispray:block; background-color:#EEE; padding:1px 10px; margin:0px 4px;
    border-radius: 6px;
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    border:1px solid #DDD;
}
div.linktxt a:hover{background-color:#FFEE00;}