body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	padding:0;
	margin:0;
	background-image: url(img/coverbg.jpg);	
	background-color: #cfe060;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color:#000;
	}
	
	




/*clearfix*/

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; } 
 
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  


#container{width:900px; margin:20px auto 0px auto;}

#main{
	text-align:center;
	margin-bottom:0px;
}

.book{display:block; float:left; margin-left:35px;}

.bookinfo {
	margin:0 auto;
	width:500px;
	font-size: 1.2em;
	font-weight: bold;
	clear: left;
	padding: 10px;
	text-align:center;
}
.comment ul {
	font-size: smaller;
	line-height: 1.4em;
	background-color: #FFF;
	padding: 1em;
	list-style-type: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #8F795C;
	border-bottom-color: #8F795C;
	
	border-radius: 4px; /* CSS3草案 */ 
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 4px; /* Firefox用 */ 
}

.comment ul li {
	margin-top: 1em;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C96;
}

.comment ul li span{
	color:#6A5A45;
}

.fukidashi {
	display:block;
	margin: 10px auto -25px 20px;
}

a.btn_top {
	display:block;
	width:40px;
	margin:10px  auto;
	text-decoration: none;
}

a.btn_top img:hover, img.btn_sample:hover {
	position:relative;
  top:3px;
}

.link_futabasha {
	text-align: center;
	background-color: #000;
	padding: 5px;
	width: 200px;
	margin: 30px auto 10px;
	font-size:14px;
	border-radius: 8px; /* CSS3草案 */ 
	-webkit-border-radius: 8px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 8px; /* Firefox用 */ 
}

.link_futabasha a{color:#fff;}

#footer, #copyright {
	background-color: #FFF;
	margin-bottom: 0px;
	padding:10px;
	font-size:14px;
	width:100%;
}

.link_futabasha a:hover, #footer a:hober{text-decoration:underline;}


.e-bookstore {
	text-align: center;
	margin: 0 auto 20px;
	width:700px;
}

.e-bookstore img{border:none;}



.bookcap {
	float: left;
}

.bookbottom {
	width: 460px;
	margin:  0 auto;
}


.sns {
	text-align: left;
	padding-top:18px;
}


@media only screen and (max-width: 767px) {
  body {
    background-image: url(img/coverbg-mobile-devices.jpg);
  }
  
  #container, .bookinfo, #main, .comment, .e-bookstore{width:100%;}
  
  img{
	max-width:100%;
	width /***/:auto; /* IE8のみ */
	height:auto;
}

.book{float:none; margin:auto;}

}