@media only screen and (max-width: 800px) {
	body {
		min-width:360px;
	}
	
	.searchTbl {
		width:90%;
		margin:0 5%;
	}
	
	.searchTbl th {
		min-width: 80px;
		white-space: nowrap;
	}
	
	.bookDetailImageDIV, #bookDetailTbl {
		width: 100%;
	}
	
	.paginationDIV {
		float: none;
		width: 100%;
	}
	
	.paginationDIV div {
		padding-bottom:5px;
	}
	
	/*.paginationDIV a {
		font-size:11px !important;
		padding: 5px !important;
		width: 24px;
	}*/
	
	.bookcont h3 {
		display: inherit !important;
	}
	
	.searchConditionDIV {
		max-width: 100%;
		padding-top:10px;
	}
	
	.btmNavi {
		float: none;
		text-align:left;
	}
	
	.bookDetailMenuBtnDIV button {
		margin-left:0px;
		margin-right:10px;
	}
}


@media only screen and (max-width: 500px) {
	.btmNavi {
		display: inline-grid !important;
	}
	.searchTotalDIV {
		overflow: hidden; 
		text-overflow: ellipsis; 
		white-space: nowrap;
	}
}