@charset "euc-jp";
@media screen
{
	/* navi all */
	.msnavigation {
		margin: 0px;
		padding: 0px;
	  position:relative;
/*	  min-width:950px;  */
		margin-bottom:15px;	
		color:#FFFFFF;
		border-bottom: 1px dotted rgb(102, 102, 102);
	}
	.msnavigation h2 {
		font-weight: bold;
		color: rgb(85, 85, 85);
		line-height: 1;
		text-align: left;
		float: left;
		margin-top: 0px;
		width: 100%;
		margin-bottom: 10px;
		padding-left: 4px;
		background: url(http://image.books.rakuten.co.jp/books/img/common/item/sprite_20121130.gif) no-repeat 0 -193px;
		font-size: 125%;
		font-weight: bold;
		zoom: 1;
	}
	.msnavigation img { 
		border: none; 
	}
	.msnavigation a { 
	}
	.msnavigation a , .msnavigation a:visited { 
		color:#0f33cc;
	}
	/* menu */
	.navimenu {
		position:relative;
	  width:100%;
		padding-bottom:12px;
	}
	.navimenu > div.under_line {
		position:relative;
		float:left;
		border-bottom:1px solid #999999;
		width:100%;
	}
	.navimenu > div.linkup {
		padding-top:3px;
		position:relative;
		float:left;
		width:35px;
	}
	.navimenu > div.linkdown {
		padding-top:3px;
		float:right;
		right:0px;
		width:35px;
		text-align: right;
	}
	.navimenu ul {
	  list-style:none;
		position:relative;
		float:left;
		top:1px;
		border-bottom:#F8A2A2;
	}
	.navimenu ul li {
		position:relative;
	  display:none;
		float:left;
	  border:1px solid #999999;
	  border-bottom:1px solid #bf0000;
		margin-left:-1px;
		white-space: nowrap;
	}
	.navimenu ul li a,.navimenu ul li a:visited {
		padding:5px 10px;
		display:block;
		width:110px;
		text-align: center;
		border-bottom:3px solid #FFFFFF;
	}
	.navimenu ul li a:hover {
		background: #FFFFFF;
		color:#000000;
		border-bottom:3px solid #bf0000;
	}
	.navimenu ul li.select a, .navimenu ul li.select a:visited {
		background: #FFFFFF;
		color:#000000;
		font-weight:bold;
	}
	.navimenu ul li.select span.triangle {
		display: inline-block;
		position: absolute;
		bottom:0px;
		width:100%;
		height:3px;
		left:-1px;
		background-color: #bf0000;
		border-left: 1px solid #bf0000;
		border-right: 1px solid #bf0000;
		z-index:2;
}
	.navimenu ul li a span span {
	}
	.navimenu ul li a > span > span.tieup_media {
		display:none;
	}
	.navimenu div a.recommend > span {
	  border:1px solid #999999;
	}

	/* navi */
	span#pagetitle {
		color:#bf0000;
		font-weight:bold;
		padding-left:10px;
		position: absolute;
		left: 0px;
		top: 28px;
		font-size:115%;
	}
	span#pagetitle span.tieup_media {
		color:#FFFFFF;
	  font-weight:normal;
		border: 1px solid #DD0000;
	  background-color:#bf0000;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding:2px 5px;
		position:relative;
    top:-3px;
		margin-right:5px;
	}

	.navilist {
	  float:left;
		width:100%;
		position: relative;
	}
	.navilist ul {
	  list-style:none;
	}
	.navilist ul li.recommendBack {
	  float:left;
		padding-top:40px;
		min-width:15px;
	  padding-right:10px;
	}
	.navilist ul li.recommendNext {
	  float:right;
		padding-top:40px;
		min-width:15px;
		text-align:right;
	  padding-left:10px;
	}
	.navilist div.hideWall {
		position: none;
		width: 10px;
		height: 100%;
		margin-left: 20px;
		z-index: 2;
		background: #FFFFFF;
		top:1px;
	}
	.navilist div.showCaseWrapper {
		height:260px; 
		overflow:hidden;
	}
	.navilist .showCaseWrapper .showCase {
	  position:relative;
	  overflow:hidden;
		top:10px;	
		height:100%;
	}
	.navilist ul li .showCaseWrapper .showCase .showCaseInner {
	  overflow: hidden;
	}
	.navilist .showCaseWrapper .showCase div dl {
	  	float:left;
		width: 140px;
	}
	.navilist .showCaseWrapper .showCase div dl.first {
	}
	.navilist .showCaseWrapper .showCase div dl dt {
		text-align: left;
	}
	.navilist .showCaseWrapper .showCase div dl dt.idxtitle {
		height:20px;
		width: 140px;
		display: block;
		margin: 0 auto;
		text-align: left;
	}
	.navilist .showCaseWrapper .showCase div dl dt.idxtitle a {
		position: relative;
	}
	.navilist .showCaseWrapper .showCase div dl dt.idxtitle a span.tieup_name {
		text-align: left;
		font-weight:bold;
	}
	.navilist .showCaseWrapper .showCase div dl dd {
		text-align: center;
	}

	.navilist .showCaseWrapper .showCase div dl dd.goodsTitle {
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-top:10px;
		position:relative;
		word-break: break-all;
		font-size:82%;
		margin: 0 auto;
		width: 140px;
		text-align: left;
	}
	.navilist .showCaseWrapper .showCase div dl dd.goodsTitle a p {
		height:30px;
		overflow:hidden;
		display:inline;
	}
	.navilist .showCaseWrapper .showCase div dl dt.titleimg div.t_arrow {
		display: inline-block;
		position: absolute;
		left: 50%;
		top:130px;
		margin-left: -6px;
		vertical-align: text-top;
		border: 6px solid transparent;
		border-color: transparent;
		border-bottom-color: #F2F2F2;
		z-index: 3;
	}
	.navilist .showCaseWrapper .showCase div dl dt.titleimg span.hovertip {
		z-index:2;
		display:block;
		top:140px;
		position:absolute;
		min-height:50px;
		width:180px;
		background:#F2F2F2;
		border:1px solid #A6A6A6;
		color:#333333;
		padding:5px;
		opacity:hide;
	}
	.navilist .showCaseWrapper .showCase div dl dd.author {
		padding-top:5px;
	}
	.navilist .showCaseWrapper .showCase div dl dd.slist a.linkbotton {
		height:30px;
		position:relative;
	}
	.navilist .showCaseWrapper .showCase div dl dt img.loaderimg {
		top: 50px;
		left: 40px;
	}
	.navilist .showCaseWrapper .showCase div dl dt.titleimg {
		height:140px;
		width:140px;
		margin: 0 auto;
		position:relative;
	}
	.navilist .showCaseWrapper .showCase div dl dt img {
		max-width:140px;
		max-height:140px;
		position: absolute;
		bottom: 0px;
	}
	.navibuttonleft {
	}
	.navibuttonright {
	}
	.naviclear {
	  clear:both;
	}
	.navilist .pagenum {
		position:absolute;
		color:#000000;
		text-align:right;
		height:15px;
		top:10px;
		right: 5px;
	}
}