/* CSS Document */

body {
	margin: 0;
}

a:hover { text-decoration: none; }
a:link { color: #FF0000; text-decoration: none; }
a:visited { color: #FF0000; text-decoration: none; }
a:active { color: #FFFF00; text-decoration: none; }

div {
	margin: 0 auto;
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

#header {
	width: 800px;
	margin-bottom: 10px;
}

#theme {
	width: 686px;
	padding-left: 114px;
	background: url(img/10bunko_titleright.gif) top right no-repeat;
}

#download {
	text-align: center;
	margin-bottom: 18px;
}

#getReader {
	width: 432px;
	margin-bottom: 10px;
}

#getReader p {
	text-align: left;
	color: #000066;
	font-size: 12px;
	line-height: 18px;
}

#main {
	width: 800px;
	margin-bottom: 10px;
}

#main table {
	background-color: #FFFDDD;
	border-top: dotted 3px #549402;
	width: 800px;
}

.leftcell {
	margin: 6px auto 10px 16px;
	text-align: left;
	width: 364px;
}

.rightcell {
	margin: 6px auto 10px 12px;
	text-align: left;
	width: 364px;
}

.leftcell p,.rightcell p {
	margin-bottom: 6px;
}

.centerline {
	border-right: dotted 3px #549402;
}

.end {
	border-bottom: dotted 3px #549402;
}

.dfnSpace {
	padding: 3px;
	margin: 5px;
	text-align: left;
}

.face {
	border: solid 1px #000000;
}

.onsale {
	margin: 0;
	font-size: 14px;
	color: #CC0000;
	text-align: center;
	line-height: 20px;
	width: 107px;
	float: left;
}

.catch {
	color: #7C1FD5;
	font-size: 15px;
}

.title {
	margin: 0 0 0 114px;
	background-color: #FDD9C9;
	color: #CC0066;
	font-size: 18px;
	width: 240px;
	text-align: center;
}

.mini {
	font-size: 14px;
}

.writer {
	color: #0066FF;
	font-size: 16px;
}

.num {
	color: ##3f8a3f;
	font-size: 13px;
}

.price {
	color: #F76D06;
	font-size: 12px;
	display:none;
	/*visibility: hidden;*/
}

.elsePrice {
	display: none;
	visibility: hidden;
}

.vol {
	color: #F76D06;
	font-size: 12px;
}

.hide {
	display:none;
}
.visible{
	display:inline;
}


.volume {
	color: #F76D06;
	font-size: 18px;
}




.detail {
	margin: 20px 0 0 112px;
	color: #000066;
	font-size: 12px;
	line-height: 18px;
}

.exp {
	color: #339933;
	font-size: 13px;
}

.btn {
	margin: 0 auto 10px 16px;
	text-align: right;
	width: 335px;
	height: 33px;
	clear: both;
}

#copywriter {
	width: 800px;
	font-size: 12px;
	color:#663300;
	font-weight:bold;
	text-align: right;
}

#exist {
	width: 800px;
	margin-bottom: 20px;
}

#themeBtn {
	text-align: left;
	margin-bottom: 5px;
	letter-spacing: 16px;
}

#themeBtn p {
	margin-bottom: 10px;
}

#back {
	width: 800px;
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: 4px;
}

#copyright {
	margin-bottom: 10px;
	text-align: center;
	color: #000000;
}

.fl_l {
	float: left;
}

.fl_r {
	float: right;
}