@charset "utf-8";
/* @group Contents ＝＝＝＝＝＝＝＝＝＝＝＝*/
#contents{
	width: 670px;
	min-height: 820px;
	height: 100%;
	background: url(../img/shelf.jpg) repeat 0 0;
}
.books{
	background-color: #fff;
	background: url(../img/zayu_back.png) repeat-y center top;
	text-align: center;
}
.booksbottom{
	background:url(../img/zayubottom_back.png) no-repeat center bottom;
	margin:70px 0 0 0;
	padding-bottom:20px;
}
h1{
	position: absolute;
	top:0px;
	left:474px;
	z-index: 10;
	width:172px;
	height: 125px;
	background: url(../img/zayu_h1.png) no-repeat 0 0;
	text-indent: -9999px;
}
#incontent{
	margin: 0 auto;
	height: 100%;
	min-height: 778px;
	padding-bottom: 100px;
	width:670px;
}
#incontent div img{
	margin:0 95px 0 95px;
}
#booktitle{
	color:#311;
	padding:10px 20px;
	width: 440px;
	border-top:2px solid #311;
	border-bottom:1px solid #655;
	margin: 10px 95px;
	text-align: center;
}
#booktitle h2{
	letter-spacing: 0.1em;
}
#booktitle span{
	margin-left: 0.3em;
}
.zayutext{
	text-align: left;
	line-height: 1.8;
	font-size: 85%;
	padding: 0 20px;
	width: 440px;
	margin:10px 95px 0 95px;
}
.recom{
	background-color: #d00;
	padding:3px 10px;
	color: #fff;
	border-radius:0 0 8px 0 ;
	margin-right: 1em;
	font-family: sans-serif;
	letter-spacing: 0.2em;
	font-size: 90%;
}
.mt80{
	margin-top: 80px;
}
/* @end */


/*480px＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width : 480px) {

html{
	font-size : 100%;
} /*レスポンシブタイプセッティングの指定*/
/*　nav　＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* nav end */
/* contents =============== */
/* contents end */
/*footer====================*/
/* @end */
}/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/