@charset "UTF-8";

body article{
	padding : 10px 0 0 ;
}
body article a.premium{
	color : #f60 ;
	font-weight : bold ;
}
body article section{
	margin : 0 ;
}
body article section section:last-of-type{
	margin : 0 ;
}
/***** 共通 *****/
body article section h2{
	padding : 5px 10px ;
	border-top : #f08a00 4px solid ;
	background-color : #f90 ;
	color : #fff ;
	font-weight : bold ;
	text-shadow : 1px 1px 2px #c60 ;
	font-size : 18px ;
}
body article section h2 span.pr{
	padding : 1px 7px ;
	margin : -2px 0 0 10px ;
	background : #fff ;
	border-radius : 3px ;
	font-size : 14px ;
	color : #f90 ;
	font-weight : bold ;
	text-shadow : none ;
}
body article section h2 img{
	vertical-align : text-top ;
	margin-top : 2px ;
}
body article section section h3{
	padding : 5px 10px ;
	border-top : #cec2ae 1px solid ;
	border-bottom : #cec2ae 2px solid ;
	background : -moz-linear-gradient(top,#fff,#eee8e1) ;
	background : -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee8e1)) ;
	color : #6a3534 ;
	font-weight : bold ;
	text-shadow : 0 0 2px #fff ;
	font-size : 16px ;
}
body article section section h3 span{
	display : block ;
}
body article section section h3 span.view{
	padding-right : 22px ;
	background : url("../img/ico_title_close.png") right center no-repeat ;
	background-size : 16px 10px ;
}

body article section section h4{
	margin : 0 0 5px ;
}
body article section section h4.subTitle{
	padding : 5px 10px ;
	margin : 0 ;
	border-top : #cec2ae 1px solid ;
	border-bottom : #cec2ae 1px solid ;
	background : -moz-linear-gradient(top,#eee8e1,#fff) ;
	background : -webkit-gradient(linear,left top,left bottom,from(#eee8e1),to(#fff)) ;
	color : #6a3534 ;
	font-weight : bold ;
	text-shadow : 0 0 2px #fff ;
}
body article section section.relation section h4.subTitle{
	padding : 10px 10px 0 ;
	border-top : #cec2ae 1px dotted ;
	border-bottom : none ;
	background : none ;
	color : #000 ;
}
body article section section.relation section.interview h4.subTitle,
body article section section.relation section.asobini h4.subTitle{
	margin-bottom : -5px ;
}
body article section section.relation section:first-of-type h4.subTitle{
	border-top : none ;
}
body article section section.relation section h4.subTitle:before{
	content : "【" ;
}
body article section section.relation section h4.subTitle:after{
	content : "】" ;
}
body article section section h3.segmentTitle,
body article section section h4.segmentTitle{
	padding : 5px 10px ;
	margin : 0 ;
	border-top : #fe8a63 1px solid ;
	border-bottom : #fe8a63 1px solid ;
	background : -moz-linear-gradient(top,#fdb188,#fe8a63) ;
	background : -webkit-gradient(linear,left top,left bottom,from(#fdb188),to(#fe8a63)) ;
	color : #fff ;
	font-weight : bold ;
	text-shadow : 0 0 2px #fe8a63 ;
}









body article section.main.close div.inner{
	display : none ;
}





body article section p.listDescription{
	padding : 10px ;
	border-bottom : #cec2ae 1px dotted ;
	font-weight : bold ;
}
body article section p.listDescription span{
	display : block ;
	text-align : right ;
	font-weight : normal ;
}
body article section p.subCategoryDescription{
	padding : 10px ;
	border-bottom : #cec2ae 1px dotted ;
}
body article section ul.list li{
	border-bottom : #cec2ae 1px dotted ;
}
body article section.noButton ul.list li:last-child{
	border-bottom : none ;
}
body article section ul.list li a{
	display : block ;
	position : relative ;
	min-height : 52px ;
	padding : 10px 30px 10px 10px ;
	background : url("../img/ico_list_default.png") right center no-repeat ;
	background-size : 28px 72px ;
	text-decoration : none ;
	color : #000 ;
	font-weight : bold ;
}
body article section ul.list li a a{
	padding : 0 ;
	display : inline ;
	background : none ;
	color : #630 ;
	text-decoration : underline ;
	font-weight : normal ;
}
body article section ul.list li a span{
	display : block ;
}
body article section ul.list li a span.thumbnail{
	position : absolute ;
	display : table ;
	width : 50px ;
	height : 50px ;
	left : 10px ;
	top : 10px ;
	border : #cec2ae 1px solid ;
}
body article section ul.list li a span.thumbnail span{
	display : table-cell ;
	width : 50px ;
	height : 50px ;
	text-align : center ;
	vertical-align : middle ;
}
body article section ul.list li a span.thumbnail img{
	vertical-align : middle ;
}
body article section ul.list li a span.title{
	margin-left : 62px ;
}
body article section ul.list li a span.icon{
	margin-left : 62px ;
}
body article section ul.list li a span.icon span{
	float : left ;
	width : 38px ;
	margin : 0 2px 0 0 ;
	border-radius : 3px ;
	text-align : center ;
	color : #fff ;
	font-size : 10px ;
	line-height : 15px ;
	font-weight : normal ;
}




body article section.review ul.list li a{
	min-height : 69px ;
}
body article section.review ul.list li a span.thumbnail{
	left : 18px ;
}
body article section.review ul.list li a span.star{
	position : absolute ;
	left : 10px ;
	top : 57px ;
}
body article section.review ul.list li a span.bookTitle{
	margin-left : 79px ;
	font-weight : normal ;
}
body article section.review ul.list li a span.title{
	margin-left : 79px ;
}
body article section.review ul.list li a span.subText{
	margin-left : 79px ;
	font-size : 12px ;
	font-weight : normal ;
}





body article section ol.ranking li{
	border-bottom : #cec2ae 1px dotted ;
}
body article section ol.ranking li.osusume1{
	background :   url("../img/slssoss.png")  left center no-repeat ;
	background-size : 49px 50px ;
}
body article section ol.ranking li.osusume2{
	background :  url("../img/slssoss.png")  left center no-repeat ;
	background-size : 49px 50px ;
}
body article section ol.ranking li.osusume3{
	background : url("../img/slssoss.png") left center no-repeat ;
	background-size : 49px 50px ;
}


body article section ol.ranking li a{
	display : block ;
	position : relative ;
	min-height : 52px ;
	padding : 10px 30px 10px 10px ;
	background : url("../img/ico_list_default.png") right center no-repeat ;
	background-size : 28px 72px ;
	text-decoration : none ;
	color : #333 ;
	font-weight : bold ;
}
body article section ol.ranking li a span{
	display : block ;
}
body article section ol.ranking li a span.thumbnail{
	position : absolute ;
	display : table ;
	left : 50px ;
	top : 10px ;
	width : 50px ;
	height : 50px ;
	border : #cec2ae 1px solid ;
}
body article section ol.ranking li a span.thumbnail span{
	display : table-cell ;
	width : 50px ;
	height : 50px ;
	text-align : center ;
	vertical-align : middle ;
}
body article section ol.ranking li a span.thumbnail span img{
	vertical-align : middle ;
}
body article section ol.ranking li a span.title{
	margin-left : 102px ;
	margin-bottom : 5px ;
}

body article section ol.ranking li a span.star{
	margin-left : 102px ;
	color : #f60 ;
}

body article section ol.ranking.member li a span.title,
body article section ol.ranking.member li a span.comment{
	margin-left : 40px ;
}
body article section ol.ranking li a span.star img{
	vertical-align : middle ;
	margin-top : -4px ;
}








body article section.detail{
	margin : 0 0 10px ;
}
body article section.detail header{
	padding : 10px ;
	margin : 0 0 10px ;
	border-top : #ff6800 3px solid ;
	background : #f6f4ef ;
}
body article section.detail header h1{
	float : left ;
	font-size : 18px ;
	font-weight : bold ;
}
body article section.detail header h1 a{
	margin : 0 0 0 10px ;
}

body article section.detail header p{
	clear : left ;
	float : left ;
	margin : 2px 10px 0 0 ;
	padding : 2px 5px ;
	background-color : #fff ;
	border-radius : 3px ;
	font-size : 12px ;
	color : #666 ;
}

body article section.detail .thumbnailViewer{
	clear : both ;
	padding : 10px 0 0 ;
	margin : 0 10px ;
}
body article section.detail .thumbnailViewer ul.main{
	margin : 0 0 10px ;
	text-align : center ;
}
body article section.detail .thumbnailViewer ul.main li{
	display : none ;
}
body article section.detail .thumbnailViewer ul.main li:first-child{
	display : block ;
}
body article section.detail .thumbnailViewer ul.main a{
	display : inline-block ;
	border : #ccbfaa 1px solid ;
}
body article section.detail .thumbnailViewer ul.nav{
}
body article section.detail .thumbnailViewer ul.nav li{
	float : left ;
	display : table ;
	margin : 0 8px 8px 0 ;
	border : #999 1px solid ;
	cursor : pointer ;
}






body article section.detail .thumbnailViewer ul.nav li span{
	display : table-cell ;
	width : 50px ;
	height : 50px ;
	vertical-align : middle ;
	text-align : center ;
}

body article section.detail .detail{
	margin : 0 10px 10px ;
}
body article section.detail .detail span.icon{
	display : block ;
	margin : 0 0 5px ;
}
body article section.detail .detail span.icon span{
	float : left ;
	width : 42px ;
	margin : 0 2px 0 0 ;
	border-radius : 3px ;
	text-align : center ;
	color : #fff ;
	font-size : 12px ;
	line-height : 17px ;
	font-weight : normal ;
}

body article section.detail .detail span.icon span.goods{
	background-color : #89B700 ;
}
body article section.detail .detail dl{
	float : left ;
}
body article section.detail .detail dl.isbn{
	clear : both ;
	float : none ;
	color : #666 ;
}
body article section.detail .detail dl dt,
body article section.detail .detail dl dd{
	float : left ;
}
body article section.detail .detail dl dd{
	padding : 0 10px 0 0 ;
}
body article section.detail .detail p{
	clear : both ;
}







body article section.detail .cart{
	margin : 0 10px 10px ;
	padding : 10px ;
	border : #e7dbc2 2px solid ;
	border-radius : 5px ;
}
body article section.detail .cart p{
	clear : both ;
	margin : 0 0 10px ;
}
body article section.detail .stock_mark_wrap p{
	margin: 0 0 5px 0;
}
body article section.detail .stock_mark_wrap .stock_mark{
	float: left;
}
body article section.detail .stock_mark_wrap .stock_msg{
	float: left;
}
body article section.detail .stock_mark_wrap .stock_msg p{
	font-size: 17pt; margin: -1px 0 0 10px; padding: 0;
}
body article section.detail .cart p.price{
	margin : 0 0 10px ;
	font-size : 16px ;
}
body article section.detail .cart p.price strong{
	font-weight : bold ;
}
body article section.detail .cart p.price span.free{
	margin : 0 0 0 10px ;
	padding : 2px 5px ;
	border-radius : 3px ;
	border :1px solid #000000 ;
	font-size : 12px ;
	color : #000000 ;
	vertical-align : middle ;
}
body article section.detail .cart p.stock{
	margin : 0 0 5px ;
	color : #666 ;
}
body article section.detail .cart p.stock span.limit{
	padding : 1px 5px ;
	margin : 0 5px 0 0 ;
	background : #c00 ;
	border-radius : 3px ;
	font-size : 12px ;
	color : #fff ;
}
body article section.detail .cart p span.attention{
	color : #c00 ;
}
body article section.detail .cart p.stock strong{
	font-weight : bold ;
	color : #f60 ;
}
body article section.detail .cart p.dispatch,
body article section.detail .cart ul.dispatch li{
	float : left ;
	padding : 2px 5px ;
	margin : 0 0 10px ;
	border-radius : 3px ;
	border: 1px solid #000;
	background : #fff ;
	font-size : 12px ;
}
body article section.detail .cart ul.dispatch li{
	margin : 0 5px 10px 0 ;
}
body article section.detail .cart p.dispatch a,
body article section.detail .cart ul.dispatch li a{
	color : #000 ;
	text-decoration : none ;
}
body article section.detail .cart ul.link li{
	float : left ;
	margin : 0 10px 6px 0 ;
}
body article section.detail .cart ul.link li:last-child{
	margin : 0 0 6px 0;
}
body article section.detail .cart ul.link li img{
	vertical-align : middle ;
}






body article section.detail .cart button.btn,
body article section.detail .cart a.btn{
	display : block ;
	width : 100% ;
	padding : 0 0 0 0px ;
	margin : 0 0 5px ;
	border : #f60 1px solid ;
	border-radius : 5px ;
	background : -moz-linear-gradient(top,#f90,#f60) ;
	background : -webkit-gradient(linear,left top,left bottom,from(#f90),to(#f60)) ;
	text-align : center ;
	color : #fff ;
	font-weight : bold ;
	font-size : 18px ;
	line-height : 120% ;
	text-decoration : none ;
}

body article section.detail .cart button.btn span,
body article section.detail .cart a.btn span{
	display : block ;
	padding : 10px 10px 10px 10px ;
	border-radius : 5px ;
	background-size : 35px 33px ;
}










body article section#introduction section h3 span.icon{
	display : inline ;
	padding : 3px 0 3px 35px ;
}
body article section#introduction section h3 span.icon span.icon{
	display : inline ;
	padding : 3px 35px 3px 0 ;
}


body article section#introduction section.review h3 span.icon{
	background : url("../img/ico_tit_review.png") left center no-repeat ;
	background-size : 35px 22px ;
}
body article section#introduction section.review h3 span.icon span.icon{
	background : url("../img/ico_tit_osusume_information.png") right center no-repeat ;
	background-size : 35px 22px ;
}







body article section#introduction p.body{
	margin : 10px ;
}





body article section#introduction div.whiteBoad ul li{
	padding : 10px ;
	border-bottom : #cec2ae 1px dotted ;
}
body article section#introduction div.whiteBoad ul li:last-child{
	border-bottom : none ;
}





body article section#review div.point{
	margin : 10px ;
	padding : 10px ;
	border : #f0ebe5 2px solid ;
	color : #630 ;
}
body article section#review div.point dl dt,
body article section#review div.point dl dd{
	float : left ;
	margin : 0 5px 0 0 ;
}
body article section#review div.point dl dd strong{
	margin : 0 3px ;
	color : #f60 ;
	font-weight : bold ;
}
body article section#review div.evaluation{
	margin : 0 10px 10px ;
}
body article section#review div.evaluation dl{
	padding : 0 0 5px ;
}
body article section#review div.evaluation dl dt,
body article section#review div.evaluation dl dd{
	float : left ;
}
body article section#review div.evaluation dl dt{
	height : 12px ;
	padding : 2px 0 ;
}
body article section#review div.evaluation dl dt img{
	vertical-align : top ;
}
body article section#review div.evaluation dl dd{
	margin : 0 0 0 5px ;
}
body article section#review div.evaluation dl dd.graph{
	width : 180px ;
	padding : 1px ;
	border : #ccc 1px solid ;
	border-radius : 3px ;
	height : 12px ;
}
body article section#review div.evaluation dl dd.graph img{
	vertical-align : top ;
}
body article section#review div.evaluation dl dd.count{
	font-size : 12px ;
}




body #headerFloating{
	border : #dacfbb 1px solid ;
	background : url("../img/bg_floating.gif") left top repeat ;
	text-align : center ;
}
body #headerFloating p a strong{
	font-weight : bold ;
	color : #f60 ;
}

body #headerFloating a {
	cursor : pointer ;
}






body article section#today{
	padding : 30px 10px 10px ;
}
body article section#today .wrap{
	padding : 0 ;
	border : #ccbca2 2px solid ;
	border-radius : 10px ;
	background : #fff ;
}
body article section#today .wrap{
	border : #ccbca2 2px solid ;
	border-radius : 10px ;
	background : #fff ;
}
body article section#today .wrap .kei,
body article section#today .wrap .goods{
	position : relative ;
	min-height : 100px ;
	padding : 10px ;
}


body article section#today .wrap .kei{
	border-bottom : #CBBEA5 1px dotted ;
}
body article section#today .wrap .kei p.thumbnail,
body article section#today .wrap .goods p.thumbnail{
	display : table ;
	position : absolute ;
	right : 10px ;
	top : 10px ;
	width : 100px ;
	height : 100px ;
}
body article section#today .wrap .kei p.thumbnail a,
body article section#today .wrap .goods p.thumbnail a{
	display : table-cell ;
	width : 100px ;
	height : 100px ;
	text-align : center ;
	vertical-align : middle ;
}
body article section#today .wrap .kei p.thumbnail a img,
body article section#today .wrap .goods p.thumbnail a img{
	max-width : 100px ;
	max-height : 100px ;
}
body article section#today .wrap .kei h2,
body article section#today .wrap .goods h2{
	padding : 0 ;
	margin : 0 0 5px ;
	border : none ;
	background : none ;
}


body article section#today .wrap .kei p.text{
	display : table ;
	width : 180px ;
	height : 38px ;
	background : url("../img/bg_today_caption.png") center center no-repeat ;
	background-size : 180px auto ;
	font-size : 12px ;
}


body article section#today .wrap .kei h3,
body article section#today .wrap .goods h3{
	margin : 0 110px 5px 0 ;
	color : #630 ;
}



body article section#ttoday .wrap .kei p.text span{
	display : table-cell ;
	padding : 0 18px 0 7px ;
	vertical-align : middle ;
	color : #900 ;
}
body article section#today .wrap .goods p.text{
	margin : 0 110px 0 0 ;
	padding : 2px 5px ;
	background : #F2FBDD ;
	border-radius : 3px ;
	color : #666 ;
	font-size : 12px ;
}

body article section#today .wrap .kei p.text span{
	display : table-cell ;
	padding : 0 18px 0 7px ;
	vertical-align : middle ;
	color : #900 ;



body article section section.relationProduct ul.list{
	margin : 5px ;
	border : #cec2ae 1px solid ;
	border-bottom : none ;
	border-radius : 5px ;
}
body article section section.relationProduct ul.list li{
	border-bottom-style : solid ;
}