@charset "utf-8";

/*　css初期化
=====================================================*/
html,body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, 
tboty, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, 
img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, 
style, iframe, embed, param, map, area, menu, hr, address, small, strong, i, b, article, aside, 
figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, 
bdo, source, canvas, details, summary, command, datalist, keygen, output, progress, meter {
	margin: 0;
	padding: 0;
}
address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav, section, summary {
	display: block;
}
body {
	color: #333;
	line-height: 1.4;
}
a {
	overflow: hidden;
}
a img {
	border: none;
}
p {
	margin: 6px 0;
}
#error {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	text-align: center;
	z-index: 10000;
}

/*　Common
=====================================================*/

#index_rap {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	padding: 160px 34px 0;
	background: url(../img/index_bg.png) no-repeat;
}
#index_rap li {
	list-style: none;
	float: left;
	margin: 0;
}
#index_rap li a img {
	float: left;
}


body {
}
#rap {
	width: 800px;
	margin: 0 auto;
	position: relative;
}
h1 {
	width: 800px;
	height: 164px;
	float: left;
}
h1 img {
}
#back {
	position: absolute;
	top: 10px;
	right: 0;
	width: 167px;
	height: 180px;
}


#cover {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1000;
	display: none;
}
#caution {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 400px;
	z-index: 1100;
	margin: -200px 0 0 -200px;
}

/*　Full Image
=====================================================*/
#showbox {
	width: 800px;
	float: left;
	position: relative;
	margin-top: 25px;
}
#showbox img#books {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	margin: -104px 0 0 -175px;
}
#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	z-index: 90;
}
.prevnext img {
	position: absolute;
	top: 50%;
	margin-top: -81px;
	cursor: pointer;
}
#prev img {
	left: 0;
}
#next img {
	right: 0;
}


/*　Thumbnail Image
=====================================================*/
#foot {
	height: 82px;
	padding: 23px 0;
	background: #f3f3f3;
	border-top: 1px solid #ccc;
	position: fixed;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
#thumbBox {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 25px;
	left: 0;
}
#thumbBox img {
	width: 130px;
	height: 80px;
	margin-right: 20px;
	float:left;
	cursor: pointer;
	border: 1px solid #ccc;
}
#thumbBox img.first {
	margin-left: 22px;
}
#thumbBox img.current {
}