@import "fonts.css";
@import "reset.css";


.special {
  padding-bottom:60px;
}
#header {
  height: 75px;
}
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf {display: inline-block;}
/* Hides from IE-mac ＼*/
* html .cf {height: 1%;}
.cf {  display: block;  position: relative; }

/*CLASS初期指定*/
.hidden { display: none; visibility: hidden; }
.aright { float: right; }
.aleft { float: left; }
.clear { clear: both; }

a { color: #777; }
a:hover { color: #000; }

.clear {
  clear: both;
}
#content #wrapper {
  padding: 40px 0px 25px 0px;
  width: 830px;
}

#contents {
  margin: 0px;
  padding: 0px;
  width: 830px;
		position: relative;
}

/*==ここから========================================*/
#main span,#recommend span,#fair span
{display: none;}
#main {
	background: url(../img/paperback-main.jpg) no-repeat 0px 0px;
	height: 720px;
	width: 830px;
	position: relative;
}
#main p {
	position: absolute;
	bottom: -22px;
	right: 0px;
	font-size:10px;
}
#main h1 {
	height: 423px;
	width: 76px;
	position: absolute;
	left: 60px;
	top: 110px;
}
#recommend {
	background: url(../img/paperback-read.png)  no-repeat 0 0;
	width: 830px;
	height:167px;
	margin:60px 0;
}
#recommend span {
	display:none;
}
#recommend .read {
	background: url(../img/recommend.gif) no-repeat 0px 0px;
	height: 153px;
	width: 610px;
	display: block;
}
#recommend ul {
	width: 760px;
}
#book-data #exp {
	width: 560px;
}
#book-data #exp h3 {
	width: 560px;
	font-size: 28px;
	line-height: 1.4em;
	color: #006acf;
}
#book-data #exp p {
	font-size: 14px;
	line-height: 30px;
	color: #454545;
	padding-top: 24px;
	padding-left: 60px;
}
#chapter{
	padding-top: 18px ;
}
#book-data #exp h4 {
	padding-top: 30px;
	width: 585px;
	font-size:27px;
	line-height:1.6em;
	color:#006acf;
}
#chapter ul {
	width: 180px;
	padding-top: 10px;
}
#chapter .aleft {
	margin-right: 10px;
}
#chapter.illust {
	background: url(../img/paperback-illust.png) no-repeat 40px bottom;
}
#chapter li {
	font-size: 12px;
	line-height: 22px;
	color: #454545;
}
#chapter li span {
	color:#73c1cc;
	font-weight:bold;
}
#chapter p {
	width: 180px;
	text-align: center;
}
#book-data #book {
	width: 220px;
	margin: 0px;
	padding: 0px;
}
#book h1 {
	height: 300px;
	width: 215px;
	padding-bottom: 18px;
}
#book h3 a{
	font-size: 14px;
	line-height: 2em;
	color: #454545;
}
#book h4 a{
	font-size: 14px;
	color: #454545;
}
#book li {
	font-size: 12px;
	line-height: 2em;
	color: #454545;
}
#book h3 a{	color: #73c1cc;}
#book h3 a:hover{	color: #f7a300;}
#book h3 a:active{	color: #999;}
#book h4 a{	color: #73c1cc;}
#book h4 a:hover{	color: #f7a300;}
#book h4 a:active{	color: #999;}

#book ul{padding-top: 10px;}
#book .btn{padding-top: 10px;}

#book .btn a span
{display: none;}
#book .btn a {
	width: 220px;
	height: 45px;
	display: block;
	line-height:45px;
	background-color:#73c1cc;
	font-size:12px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}
#book .btn a:hover{ background-color:#f7a300; }
#book .btn a:active{ background-color:#999; }

#fair {
	padding: 40px;
	width: 750px;
	background: url(../img/bg.jpg) repeat;
	position: relative;
}
#fair .aleft {
	width: 460px;
}
#fair .aright {
	width: 250px;
}
#fair h3 {
	background: url(../img/title-bookfair.gif);
	height: 60px;
	width: 830px;
	position: absolute;
	top: -60px;
	left:0px;
}
#fair .sign {
	position: absolute;
	right: -62px;
	top: -124px;
	z-index:100;
}
#fair h4 {
	font-size:26px;
	line-height:1.5em;
	color:#006acf;
}
#fair p {
	padding-top: 10px;
	font-size: 14px;
	line-height: 2em;
	color: #454545;
}
#fair .btn{
	margin-top: 10px;
}
#fair .btn a span
{display: none;}
#fair .btn a {
	width: 460px;
	height: 55px;
	display: block;
	background: url(../img/btn-bookfair.gif) no-repeat 0px 0px;
}
#fair .btn a:hover{ background-position: 0 -55px; }
#fair .btn a:active{ background-position: 0 -110px; }

.sns {
	width: 245px;
	width: 250px\9;
	*width: 260px;
	height: 35px;
	position: absolute;
	right: -42px;
	z-index:110;
}
#fb{
	float:left;
}
#twitter{
	float:right;
}
#fair #report {
	padding-top: 40px;
}
#report h4 {
	padding-bottom: 7px;
}
#report #photoArea {
	height: 525px;
	width: 660px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#report #photoArea h6{
	height: 495px;
	width: 660px;
	margin: 0px;
	padding: 0px;
}
#report #photoArea p{
	text-align:center;
	height: 30px;
	font-size: 12px;
	color: #006acf;
	margin: 0px;
	padding: 0px;
}
#report #nav {
	width: 80px;
}
#report #nav li{
	width: 80px;
	height: 80px;
	line-height:1px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#bnr {
	padding-top: 60px;
}
#sign {
	padding-top: 30px;
}
#sign h4 {
	padding-bottom: 7px;
}
#sign ul li{
	float: left;
	margin-right: 15px;
}
#sign ul li.caption{
	margin-right: 0px !important;
	font-size: 12px;
	line-height:2em;
	color: #006acf;
}
#report #nav li a {
	border: 2px solid #deedff;
	width: 76px;
	height: 76px;
	display:block;
}
#report #nav li a.selected {
	border: 2px solid #006acf;
}