.primaryContainer {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	min-width: 0px;
	max-width: 970px;
}

#header_wrap {
	width: 100%;
	height: auto;
	margin-left: 0%;
	margin-top: 0px;
	clear: none;
	min-width: 0px;
	background-color: #fff;
	margin-right: 0px;
}

	img#kanban{
		width:100%;
		height:auto;
		display:block;
	}

#navigation_wrap {
	width: 100%;
	height: 50px;
	margin-left: 0%;
	margin-top: 0px;
	clear: none;
	background-color: rgb(144, 144, 144);
	min-width: 0px;
	margin-right: 0px;
}

#book_info_wrap {
	width: 94%;
	height: auto;
	margin-left: 0%;
	margin-top: 0px;
	clear: none;
	margin-right: 0px;
	padding: 3%;
	background-color: #00B2CC;
}

	#left_wrap {
		width: 42%;
		float: left;
		height:auto;
		margin:0;
	}
		#book_img{
			width: 100%;
			height: auto;
			margin-left: 0%;
			margin-top: 0px;
			clear: none;
			min-width: 0px;
			background-color: rgb(255, 255, 255);
			position:relative;
			top:0;
			left:0;
			box-shadow:rgba(0, 0, 0, 0.109804) 0px 0px 6px 3px;
			-webkit-box-shadow:rgba(0, 0, 0, 0.109804) 0px 0px 6px 3px;
			-moz-box-shadow:rgba(0, 0, 0, 0.109804) 0px 0px 6px 3px;
		}
		
		#newb{
			width:45px;
			height:auto;
			position:absolute;
			top:-48px;
			left:10px;
		}
		
		#last_book{
			width:100%;
			height:auto;
			vertical-align: bottom;
		}
		
		#book_detail {
			width: 100%;
			height: auto;
			margin-left: 0%;
			margin-top: 10px;
		}
		
		#book_detail h1{
			height:auto;
			padding:10px;
			text-align:center;
			border-bottom:#fff solid 1px;
		}
		
		#book_detail h1 a{
			font-size:18px;
			color:#fff;
			font-weight:bold;
			text-decoration:none;
		}
		
		#book_detail p{
			color:#fff;
		}
	
	#right_wrap {
		width: 55%;
		float: right;
		height: auto;
		margin-left: 0px;
		margin-top: 0px;
		clear: none;
		margin-right: 0%;
	}
		
		#book_title {
			width: 100%;
			height:auto;
		}
			#book_title img{
				width:48%;
				height:auto;
			}
		
		#book_txt {
			width: 90%;
			height: auto;
			padding:5%;
			margin-left: 0%;
			margin-top: 10px;
			clear: both;
			background-color: rgb(255, 255, 255);
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}
		
		#book_link {
			width: 95%;
			height: auto;
			padding:2%;
			margin-left: 0%;
			margin-top: 25px;
			background-color: rgba(255, 255, 255, 0.5);
			border:#fff solid 1px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			position:relative;
			top:0;
			left:0;
		}
		
		#book_link_title{
			
			display:block;
			position:absolute;
			top:-20px;
			left:5px;
		}
		
		#book_link_list_wrap li{
			max-width:24%;
			height:auto;
			float:left;
			margin-left:1%;
			margin-bottom:1%;
		}
		
		#book_link_list_wrap li img{
			width:100%;
			height:auto;
			vertical-align: bottom;
			box-shadow:rgba(0, 0, 0, 0.109804) 0px 0px 6px 3px;
			-webkit-box-shadow:rgba(0, 0, 0, 0.109804) 0px 0px 6px 3px;
			-moz-box-shadow:rgba(0, 0, 0, 0.109804) 0px 0px 6px 3px;
		}
		
		#link_button {
			width: 100%;
			height: 50px;
			margin-left: 0%;
			margin-top: 20px;
			clear: both;
			background-color: rgb(255, 255, 255);
		}
	
#triple_box_wrap {
	width: 97%;
	height: auto;
	background-color: rgb(142, 142, 142);
	padding: 3% 0px 0px 3%;
}
	
	#tirple_box_header {
		width: 100%;
		height: 50px;
		margin: 0px;
		background-color: rgb(78, 78, 78);
	}
	
	ul#contents_list_wrap {
		width: 100%;
		height: auto;
		margin: 0px;
		background-color: rgb(0, 0, 0);
		min-width: 0px;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	
		li.contents_wrap {
			width: 33.3%;
			float: left;
			height: auto;
		}
	
			.contents {
				height: 400px;
				margin: 0px;
				clear: none;
				width: 90%;
				background-color: rgb(255, 255, 255);
			}
	
	#books_wrap {
		width: 94%;
		height: auto;
		clear: both;
		padding: 3%;
		background-color: #fff;
	}
	
		#books_header {
			width: auto;
			height: auto;
		}
		
		
		
		#books_list_wrap{
			width: 94%;
			height: auto;
			padding:3%;
			position:relative;
			top:0px;
			left:0px;
		}
		
		img#books_list_wrap_title{
			width:200px;
			height:auto;
			display:block;
			position:absolute;
			top:-30px;
			left:0px;
		}
		
		#books_list_wrap ul{
			
		}
		
		#books_list_wrap li{
			width:18%;
			height:auto;
			margin-right:2%;
			float:left;
		}
		
		.books_list_wrap_img{
			width:100%;
			height:auto;
			box-shadow:rgba(0, 0, 0, 0.109804) 0px 0px 6px 3px;
			-webkit-box-shadow:rgba(0, 0, 0, 0.109804) 0px 0px 6px 3px;
			-moz-box-shadow:rgba(0, 0, 0, 0.109804) 0px 0px 6px 3px;
		}
		
		#books_list_wrap h3{
			font-size:14px;
			text-align:center;
		}
		
		#books_list_wrap a{
			color:#fff;
		}
		
		.stripes {
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			background-size: 50px 50px; /* Controls the size of the stripes */
			-moz-box-shadow: 1px 1px 8px gray;
			-webkit-box-shadow: 1px 1px 8px gray;
			box-shadow: 1px 1px 8px gray;
		}
		
		.vvertical {
			background-color: #f90;
			background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
			background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
			background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
			background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
		}

@media only screen and (max-width: 668px) {
	#books_wrap {
		margin-top: 1px;
		margin-left: 0%;
		clear: both;
	}
	
	#triple_box_wrap {
		width:100%;
		padding: 0;
		margin-top: 0px;
		margin-left: 0%;
		clear: both;
		height: auto;
	}
	
	#book_info_wrap {
		height: auto;
	}
	
	#left_wrap {
		width: 100%;
		margin-top: 0px;
		margin-left: auto;
		clear: none;
		margin-right: auto;
		float: none;
	}
	
	#right_wrap {
		width: 100%;
		margin-right: auto;
		margin-top: 40px;
		clear: none;
		margin-left: auto;
		float: none;
	}
	
		#book_title img{
			width:45%;
			height:auto;
			display:block;
			margin:0 auto;
		}
	
	
	#contents_list_wrap {
		width: 97%;
		height: auto;
		margin-top: 10px;
		margin-left: 0%;
		clear: none;
	}
	
		li.contents_wrap {
			width: 94%;
			padding:3%;
			margin-top: 0px;
			margin-left: auto;
			clear: none;
			float: none;
			height: 730px;
			margin-right: auto;
		}
		
			.contents {
				width: 100%;
				height: 730px;
			}
			
	img#books_list_wrap_title{
			width:50%;
			height:auto;
			display:block;
			position:absolute;
			top:-6%;
			left:0px;
		}
	
	#books_list_wrap li{
		width:47%;
		margin-left:1%;
		margin-bottom:5%;
		height:auto;
	}
}