/* ------ Bookshelf ------ */

.bookshelf {
	background: url(../images/library/shiryo/bookshelf-bg.jpg);
	margin-top: 5px;
	/* border-radius */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.bookshelf h2 {
	position:relative;
	top: 20px;
	width: 95%;
	margin: 0px auto;
	margin-bottom: 50px;
	padding: 5px 0px;
	color: #FFF;
	text-align:center;
	border: none;
	/* border-radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	background:#64401a;
}

.shelf {
	background: url(../images/library/shiryo/bookshelf-bg2.png) repeat-y center top;
	display:block;
	padding:0px 5px 0 10px;
	margin:0;
}

.shelf li {
	display:inline-block;
	width: 132px;
	margin:0 0 80px 24px;
	overflow:hidden;
	text-align: center;
	vertical-align:top;
}

.shelf .b_title {
	width: 132px;
	height:40px;
	margin:0 0 15px;
	font-size: 0.9em;
	text-shadow: 1px 1px 0 #fff;
	font-weight:bold;
	line-height: 1.2em;
	display:block;
}

.shelf .b_img {
	padding-left: 10px;
	display:table-cell;
	vertical-align:bottom;
	height:120px !important;
	width: 120px !important;
	overflow:hidden;
	position:relative;
	z-index:1;
}

.shelf img {
	display:inline;
	vertical-align:bottom;
	/* box-shadow */
	box-shadow:rgba(66, 96, 7, 0.65098) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(66, 96, 7, 0.65098) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(66, 96, 7, 0.65098) 0px 0px 5px 0px;
}

.shelf a {
	display:block;
}

.shelf a:hover {
	opacity: 1;
}





/*-----------------------------------------------------	*/
/*	for - 479px iphone 				*/  
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
	
	.bookshelf h2 {
		position:relative;
		top: 30px;
	}

	.shelf li {
		width: 45%;
		margin: 30px 0 75px 1%;
	}

	.shelf .b_title {
		width: 100%;
		font-size: 0.9em;
		line-height: 1.2em;
		margin-bottom: 10px;
	}

	.shelf .b_img {
		height: 50%;
	}
	
	.shelf img {
		height: 145px;
	}
}