@charset "utf-8";

body { background: #ffffff; }

/* Bace Layout */

	#container {
		position: relative;
		margin: 0 auto;
		width: 950px;
		border-top: 4px solid #4aad48;
		background: url(../images/footer_lamp.jpg) left bottom no-repeat;
		}
	
	#header {
		position: relative;
		width: 100%;
		height: 75px;
		border-bottom: 1px solid #4aad48;
		}
	
	#sidebar {
		float: left;
		margin: 20px 0;
		padding-bottom: 50px;
		width: 249px;
		text-align: center;
		}
		
	#contents {
		float: right;
		margin: 20px 0;
		width: 680px;
		text-align:justify;
		}
	
	#footer {
		clear:both;
		font-size: 100%;
		}

/* #header */

	h1 {
		position: absolute;
		z-index: 0;
		top: 2px;
		left: 250px;
		width: 700px;
		height: 1;
		font-size: 85%;
		font-weight: normal;
		line-height: 1.5;
		letter-spacing: 1px;
		text-align: right;
		}

	#logo {
		position: absolute;
		z-index: 3;
		top: 20px;
		left: 10px;
		width: 184px;
		height: 39px;
		}
		
	#header ul {
		position: absolute;
		/*z-index: 1;*/
		top: 40px;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 1;
		text-align: right;
		}
	
	#header ul li  {
		list-style:none;
		display:inline;
		margin: 10px 0 0;
		padding: 0 5px 2px;
		}
	
/* #contents */

	h2  {
		margin-bottom: 10px;
		padding: 10px 20px 10px 50px;
		font-size: 130%;
		border-top: 2px solid #4aad48;
		border-bottom: 1px solid #4aad48;
		background: url(../images/h2_bg.jpg) 10px no-repeat;
		}
	
	div#new-releases {}
	
	div#excellent-sales { margin-top: 20px;}
	
	#contents ul li { list-style:none;}
		
	#contents table.book-box {
		margin: 2px 5px 5px 5px;
		width: 300px;
		border-right: 1px dotted #999999;
		border-bottom: 1px dotted #999999;
		}
		
		table.book-box td {
			text-align: left;
			vertical-align: top;
			line-height: 1.5;
			}
			
			table.book-box td.book-img {
				margin: 0;
				padding: 0;
				width: 105px;
				height: 142px;
				text-align: center;
				}
			
			table.book-box td.book-titel {
				padding: 0 5px;
				height: 50px;
				text-align: left;
				}
				
				td.book-titel h3 {
				margin: 0;
				padding-left: 3px;
				width: 195px;
				font-size: 110%;
				font-weight: bold;
				}
			
			table.book-box td.book-author, td.book-price, td.book-explanation, td.book-etc {
				padding: 5px;
				letter-spacing: -1px;
				text-align: left;
				vertical-align: top;
				}
				
				td.book-author { height: 50px;}
				
				td.book-explanation { height: 75px;}
				
				/* table.book-box td.book-author, td.book-explanation { height: 2em;}
				
				table.book-box td.book-price, td.book-etc { height: 50px;} */
				
			
			table.book-box td.details-link { padding: 5px 0 0 0; }
				
			html:\66irst-child a.details-info { text-indent: -9999px; }
				
			a.details-info {
				float: right;
				display: block;
				width: 98px;
				height: 20px;
				text-decoration: none;
				background: url(../images/book-more.gif) right top no-repeat;
				}
			
				a.details-info:hover { background: url(../images/book-more.gif) left top no-repeat;}
			
			span.author-kind, span.price-details{ padding-left: 5px;}
			
			span.author-Title { padding-right: 5px;}
			
			div.commingsoon-icon {
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				height:15px;
				}
				
			td.commingsoon-bana { padding: 3px;}
		
/* #sidebar */

	.sidebox {
		margin-bottom: 10px;
		padding-bottom: 5px;
		text-align: left;
		background: url(../images/sidebox_bg.jpg) left bottom no-repeat;
		}
	
	/* 検索 */	
		#sidebar form { margin: 10px 0 5px 20px;}
		
		#sidebar form table td { padding: 5px; }
		
		#sidebar select, #sidebar input.text-box {
			width: 120px;
			border: 1px solid #999999;
			}
			
			#sidebar input.text-box { height: 21px;}
	
	/* メニュー */
	
	#sidebar ul#mainmenu {
		clear: both;
		margin:0;
		padding: 0;}
	
	#sidebar ul#mainmenu li {
		margin: 10px 0;
		text-align: left;
		list-style: none;
		}
		
		#sidebar ul#mainmenu li a { text-decoration: none;}
		
		html:\66irst-child a.manu01 { text-indent: -9999px; }
		html:\66irst-child a.manu02 { text-indent: -9999px; }
		html:\66irst-child a.manu03 { text-indent: -9999px; }
		html:\66irst-child a.manu04 { text-indent: -9999px; }
		
		a.manu01 {
			display: block;
			width: 249px;
			height: 40px;
			text-decoration: none;
			background: url(../images/menu-newpublication-guide.jpg) left top no-repeat;
			}
		
			a.manu01:hover { background: url(../images/menu-newpublication-guide.jpg) right top no-repeat;}
		
		a.manu02 {
			display: block;
			width: 249px;
			height: 40px;
			background: url(../images/menu-genrelist.jpg) left top no-repeat;
			}
			
			a.manu02:hover { background: url(../images/menu-genrelist.jpg) right bottom no-repeat;}
			
		a.manu03 {
			display: block;
			width: 249px;
			height: 40px;
			text-decoration: none;
			background: url(../images/menu-news.jpg) left top no-repeat;
			}
		
			a.manu03:hover { background: url(../images/menu-news.jpg) right top no-repeat;}
		
		a.manu04 {
			display: block;
			width: 249px;
			height: 40px;
			background: url(../images/menu-spacial.jpg) left top no-repeat;
			}
			
			a.manu04:hover { background: url(../images/menu-spacial.jpg) right bottom no-repeat;}
		
		a.manu05 {
			display: block;
			width: 249px;
			height: 40px;
			background: url(../images/menu-support.jpg) left top no-repeat;
			}
			
			a.manu05:hover { background: url(../images/menu-support.jpg) right bottom no-repeat;}
			
	
	/* ニュース */	
	
	html:\66irst-child a.news-list { text-indent: -9999px; }
	
	a.news-list {
			display: block;
			width: 249px;
			height: 44px;
			background: url(../images/sidebox-news_head.jpg) left top no-repeat;
			}
			
			a.news-list:hover { background: url(../images/sidebox-news_head.jpg) right bottom no-repeat;}
	
	ul#newslist {
		margin: 10px;
		padding: 0;
		}
	
		ul#newslist li {
			margin: 10px 5px;
			padding-bottom: 5px;
			list-style: none;
			line-height: 1.5;
			vertical-align: middle;
			text-align: left;
			border-bottom: 1px dotted #cccccc;
			}
			
			ul#newslist li img { vertical-align: middle;}
	
	/* 特集 & 売上良好書 */
	
	html:\66irst-child a.feature { text-indent: -9999px; }
	
	a.feature {
			display: block;
			width: 249px;
			height: 44px;
			background: url(../images/sidebox-spcial_head.jpg) left top no-repeat;
			}
			
			a.feature:hover { background: url(../images/sidebox-spcial_head.jpg) right bottom no-repeat;}
	
	p#spcial-titel {
		margin: 10px;
		padding-bottom: 2px;
		text-align: left;
		border-bottom: 1px dashed #999999;
		}
	
	div.spacial-book, div.excellent-sales-book {
		clear: both;
		margin: 10px 10px 10px 10px;
		vertical-align: top;
		text-align: left;
		word-break: break-all;
		}
		
		div.spacial-book img, div.excellent-sales-book img {
			margin-bottom: 10px;
			float: left;
			}
	
	/* メニュー */	
	div#banner-box {
		clear: both;
		text-align: center;
		}
		
		div#banner-box img { margin: 0 auto;}
	
/* #footer */

	#footer ul  {
		margin: 10px 0 5px 0;
		text-align: right;
		}
	
	#footer ul li  {
		list-style:none;
		display:inline;
		margin: 10px 0 0;
		padding: 0 5px 2px;
		}
	
	#footer img { vertical-align: bottom;}

/* common element */

	p#breadcrumbs-list {
		margin: 0 0 15px 0;
		padding: 5px 10px;
		font-size: 85%;
		border: 1px dotted #cccccc;
		}
	
	p.more {
		margin: 5px 10px;
		text-align: right;
		}
	
	.jump-up {
		clear: both;
		margin: 10px 20px 10px 10px;
		font-size: 85%;
		text-align:right;
		text-indent: 15px;
		}

	.jump-up a {
		padding: 0 0 0 15px;
		background: url(../images/icon/arrow-up.gif) left no-repeat;
		}

/* #support */

	.supportbox {
	margin-bottom: 20px;
	padding-bottom: 5px;
	text-align: center;
	background: url(../images/supportbox-bg.jpg) center bottom no-repeat;
	margin-top: 20px;
		}
	
	/* 検索 */	
		.supportbox form {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	}
		
		.supportbox form table td { padding: 5px; }
		
		.supportbox select {
			width: 120px;
			border: 1px solid #999999;
			}
			
			.supportbox input.text-box {
			width: 250px;
			height: 21px;
			}