@charset "utf-8";
/* CSS Document */
body {
	background-color: #eee;
}
div.slider {
    width: 428px;
    margin: 25px auto;
    padding: 16px 11px 12px 11px;
    position: relative;
}

.visualList li {
    float: left;
}

.visualList li img {
    width: 428px;
    height: 334px;
}

div.visualInnerRecycle {
    background: #FFFFFF;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #b3b3b3;
  /*border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;*/
    box-shadow: 0 1px 0 0 #cfcfcf;
    -moz-box-shadow: 0 1px 0 0 #cfcfcf;
    -webkit-box-shadow: 0 1px 0 0 #cfcfcf;
  /*width: 592px;*/
    margin: 20px auto 20px;
  /*padding: 20px 24px 24px;*/
    position: relative;
}

div.visualInnerRecycle .btnPrevious {
    position: absolute;
    top: 285px;
    left: 35px;
    width: 19px;
    height: 31px;
}

div.visualInnerRecycle .btnNext {
    position: absolute;
    top: 285px;
    right: 35px;
    width: 19px;
    height: 31px;
}


div.visualInner {
    background: #FFFFFF;
   /* box-shadow: 0 1px 0 0 #cfcfcf;
    -moz-box-shadow: 0 1px 0 0 #cfcfcf;
    -webkit-box-shadow: 0 1px 0 0 #cfcfcf;
   */ margin: 0 auto;
}

div.visualInner .btnPrevious {
    position: absolute;
    top: 285px;
    left: 35px;
    width: 19px;
    height: 31px;
}

div.visualInner .btnNext {
    position: absolute;
    top: 285px;
    right: 35px;
    width: 19px;
    height: 31px;
}

.slideNav {
    clear: both;
    text-align: center;
    margin: 12px 0 12px;
}

.slideNav a {
    background: url(../../sp/tsutaya/img/module/bg_circle_ccc.png) no-repeat left top;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    text-indent: -9999px;
	
}

.slideNav a.selected {
    background: url(../../sp/tsutaya/img/module/bg_circle_h.png) no-repeat left top;
}




.titleSmall {
    clear: both;
    font-size: 22px;
    margin: auto;
    padding: 20px 0 15px 25px;
	color:#666666;
}

.titleSmall_1 {
    clear: both;
    font-size: 22px;
    margin: auto;
    padding: 20px 0 5px 25px;
	color:#666666;
}

.border25{
	border-top: 2px solid #ccc;
	margin-left: 25px;
}

.border{
	border-top: 2px solid #ccc;
	margin-left: 27px;
	clear:both;
	margin-right: 27px;
}

.borderInner{
	border-top: 2px solid #ccc;
}

#visual02 {
	margin-right: 27px;
	margin-left: 27px;
	border-left: 2px solid #CCC;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}



/* # clearfix.border
---------------------------------------------------------------------------- */

.buttonList:after,
div.slider ul:after,
.visualList:after {
    content: "";
    clear: both;
    display: block;
}

.visualTitle{
	padding-bottom:30px;
}

.categoryName {
  font-size: 24px;
  font-weight: bold;
  width: 50%;
  float: left;
  margin: 20px 0 20px 5%;
}

.visualTitleSec{
	padding-bottom:0;
	float: right;
	margin: 20px 5% 20px 0px;
}

.buyPriceText {
  clear: both;
  margin: 10px 30px 20px 30px;
  font-size: 14px;
}


.pdf {
    margin: 0 auto;
    background: #fff;
  /*border-left: 1px solid #cfcfcf;*/
  /*border-right: 1px solid #ddd;*/
  /*border-bottom: 1px solid #b3b3b3;*/
  /*border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;*/
  /*box-shadow: 0 1px 0 0 #cfcfcf;
    -moz-box-shadow: 0 1px 0 0 #cfcfcf;
    -webkit-box-shadow: 0 1px 0 0 #cfcfcf;*/
    padding : 20px 0 20px 25px;;
  /*width: 592px;*/
}

.pdf a {
	color:#333333;
	font-size:140%;
	display: block;
}

.pdf ul.download {
	text-align: center;
}

.pdf ul.download li div {
    float: left;
    margin-left: 24px;
    margin-top: 10px;
    text-align: left;
}

.pdf a span img {
	float: right;
	padding-right: 20px;
} 

div.pagetopBtn {
	text-align: center;
	margin: 20px 0;
}

.linkArea{
	display:block;
	width:100%;
}

#ulBgcolor {
	width: 380px;
	height: 30px;
	margin-left: 27px;
}

#storeBtn {
	height: 34px;
}

#storeBtn li{
	float: left;
	width: 76px;
	//margin-left:1px;
}

#storeBtn1 {
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn01.png) no-repeat 0 0;
}

#storeBtn > .active  > #storeBtn1{
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn01_a.png) no-repeat 0 0;
}

#storeBtn > .noClick > #storeBtn1{
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn01_n.png) no-repeat 0 0;
}

#storeBtn1:hover{
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn01_h.png) no-repeat 0 0;
}

#storeBtn2 {
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn02.png) no-repeat 0 0;
}


#storeBtn > .active > #storeBtn2{
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn02_a.png) no-repeat 0 0;
}

#storeBtn > .noClick > #storeBtn2{
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn02_n.png) no-repeat 0 0;
}

#storeBtn2:hover{
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn02_h.png) no-repeat 0 0;
}

#storeBtn3 {
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn03.png) no-repeat 0 0;
}


#storeBtn > .active > #storeBtn3{
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn03_a.png) no-repeat 0 0;
}

#storeBtn > .noClick > #storeBtn3{
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn03_n.png) no-repeat 0 0;
}

#storeBtn3:hover{
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn03_h.png) no-repeat 0 0;
}

#storeBtn4 {
	/*margin-left:-1px;*/
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn04.png) no-repeat 0 0;
}

#storeBtn > .active > #storeBtn4{
	/*margin-left:-1px;*/
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn04_a.png) no-repeat 0 0;
}

#storeBtn > .noClick > #storeBtn4{
	/*margin-left:-1px;*/
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn04_n.png) no-repeat 0 0;
}

#storeBtn4:hover{
	/*margin-left:-1px;*/
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn04_h.png) no-repeat 0 0;
}

#storeBtn5 {
	/*margin-left:-2px;*/
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn05.png) no-repeat 0 0;
}


#storeBtn > .active > #storeBtn5{
	/*margin-left:-2px;*/
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn05_a.png) no-repeat 0 0;
}

#storeBtn > .noClick > #storeBtn5{
	/*margin-left:-2px;*/
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn05_n.png)no-repeat 0 0;
}

#storeBtn5:hover{
	/*margin-left:-2px;*/
	display:block;
	width: 76px;
	height: 30px;
	background: url(../../../img/module/recycle/btn05_h.png)no-repeat 0 0;
}

#storeBtn .noClick a {
	cursor: default;
}


.storeNoInfo {
	//color: #999;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	font-size: 14px;
	font-weight: bold;
}

#notice {
	background: url(../../sp/tsutaya/img/module/recycle/exclamation2x.png) no-repeat top left;
	float:right;
	height:32px;
	margin: 15px 150px 0px 0px;
	text-indent: 40px;
	color:#0d7aff;
	font-size: 12px;
	padding-top:5px;
}

.visualTitleSec select {
	float: right;
	margin-right: 65px;
	/*margin-top: 17px;*/
}

.visualTitleSec select{
	width:190px;
	height:40px;
	background:url(../../sp/tsutaya/img/module/recycle/categoryBtn.png) no-repeat 160px 14px;
	background-size:20px;
	border: 2px solid #666;
    border-radius: 5px;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#666;
    padding-left:10px;
    /*padding-top:7px;*/
    font-size:15px;
    /*letter-spacing: -1px;*/
    /*position: relative;*/
    background-color:#fff;
    margin-bottom:15px;
}

#pullDown {
	position: absolute;
	top: 14px;
	right: 25px;
	width:15px;
}
/*
.visualInner02 {
	height: 72px;
}
*/

.fontlen {
	font-size: 65%;
	letter-spacing:-2px;
	padding-left:7px;
}

.titleCategory {
	color:#999;
	font-size:20px;
	font-weight:bold;
	/*padding-top:20px;*/
	margin-left:30px;
	margin-bottom:13px;
}


.textCategory {
	color:#999;
	font-size:12px;
	margin-top:10px;
	margin-left:30px;
	line-height: 22px;
}

.recycleRank{
	margin-top:30px;
	position:relative;
}

.recycleRank ul {
	width:500px;
	/*margin-left:30px;*/
	padding-left:1em;
	text-indent:-1em;
	font-size:110%;
}

.productName {
	color:#666;
	margin-bottom:20px
}

.model{
	margin-left:1.5em;
	font-size:70%;
	margin-bottom:5px;
	color:#999;
}

.genre{
	margin-left:1.5em;
	font-size:70%;
	margin-bottom:5px;
	color:#999;
}

.artist{
	margin-left:1.5em;
	font-size:70%;
	margin-bottom:5px;
	color:#999;
}

.card{
	margin-left:1.5em;
	font-size:70%;
	margin-bottom:20px;
	color:#999;
}

.price{
	margin-left:1.3em;
	font-size:90%;
	color:#999;
	margin-bottom:20px;
}

.byprice{
	margin:0 0 20px 1em;
	color:red;
	font-size:110%;
}

.byprice span {
	font-size: 120%;
}

.linkArrow {
	position:absolute;
	top:35%;
	right:30px;
}

.storeInfo {
	font-size: 24px;
	padding-left: 30px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*.comment {
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
}*/

.recycleRank:last-child .borderInner {
	border :none;
}

.invisible {
	display: none;
}

.contentTitle {
	font-size: 130%;
	text-align: center;
	padding-top: 25px;
	font-weight: bold;
	color: #666;
	letter-spacing: .3em;
}

.pageParamTitle{
	font-size: 150%;
	color: #999;
	text-align: center;
	padding-top: 10px;
}

#pagerContent {
  text-align: right;
}

#pagerContent .pageRecord {
  text-align: right;
  height: 29px;
  line-height: 29px;
  font-size: 14px;
}

#pagerContent ul {
  display: inline-block;
}


#pagerContent .pageRecord .pageText {
  width: 200px;
}

#pagerContent .pageRecord .pageAllText {
  width: 80px;
  text-align: left;
}

#pager {
  margin-right: 20px;
  margin-bottom: 20px;
}

#pager li {
	display: inline-block;
    width: auto;
	cursor: pointer;
}

#pager .current a, #pager li a:hover {
  background: url(../../../img/module/release/bg_page01_o.gif) no-repeat left top;
  color: #999; 
  text-decoration: none; 
}

#pager li a{
  background: url(../../../img/module/release/bg_page01.gif) no-repeat left top;
  color: #6c86b9;
  display: inline-block;
  font-size: 130%;
  height: 27px;
  padding: 2px 2px 0 0;
  text-align: center;
  width: 20px;
}

#pager .next a{
  background: url(../../../img/module/release/bg_page02.gif) no-repeat left top;
  width: 25px;
}

#pager .next a:hover{
  background: url(../../../img/module/release/bg_page02_o.gif) no-repeat left top;
}

#pager .current a {
  color: #666;
}

.disnon { display:none; }
.border-top { border-top: 1px solid #EEEEEE; }

.byprice { 
	color:red !important;
	text-align:center;
}

.price { 
	text-align:center;
}

.thItem { width:10%; }
.thJunre { width:10%; }
.thTitle { width:30%; }
.thArtist { width:30%; }
.thUsedPrice { width:10%; }
.thPrice { width:10%; }
.thAuthor { width:10%; }
.thFixedPrice { width:10%; }

#cont2 .thJunre { width: 10% !important; }
#cont2 .thTitle { width: 35% !important; }
#cont2 .thAuthor { width: 25% !important; }
#cont2 .thUsedPrice { width: 15% !important; }
#cont2 .thPrice { width: 15% !important; }

#tableDvd tr.delete:nth-child(2n+0), #tableBook tr.delete:nth-child(2n+0), 
#tableCard tr.delete:nth-child(2n+0), #tableGame tr.delete:nth-child(2n+0) {
	background-color: #F6F6F6 !important;
}

.pagerLast { 
	cursor:text !important;
	border:none !important;
	color:#666;
	font-size: 23px;
	margin-right: 0 !important;
	width: 25px !important;
}

.recycleListTable {
  padding-left: 27px;
  padding-right: 27px;
}


.recycleListTable table td {
	background:none;
}

#cont6 p {
	font-weight: bold;
	font-size: 14px;
	padding-left: 30px;
	padding-bottom: 10px;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	padding-top: 10px;
	margin-left: 27px;
	margin-right: 27px;
}

.recycleListTable table {
	width: 100% !important;
}

.itemListText{
	padding: 10px 0px 20px 30px;
}

.text li {
	padding-right:21px;
}

#cont5 {
    background: url(../../../img/module/recycle/bgPc.png) no-repeat 0 0;
    margin: 0 20px 20px 20px;
    height: 250px;
    position: relative;
}

#cont5 .cont5inner {
  width: 100%;
  padding-top: 50px;
}

.cont5inner p {
	margin-left: 30px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

#cont5 .cont5inner .linkBtn {
	text-align: center;
	margin-top: 50px;
	margin-left:0;
}

#cont5 .cont5inner p:last-child {
    text-align: center;
}

.btn_usedbuyprice {
    margin-left: 560px;
}

@media screen and (max-width: 1391px){
  #cont5 {
    background: url(../../../img/module/recycle/bgPc_684.png) no-repeat 0 0;
  }
}