@charset "utf-8";






/** announce ************************/
.announce{
	text-align:left; 
	border-top:#333 solid 1px; 
	font-size:12px; 
	padding:10px 0 5px 5px; 
	text-indent:0; 
	background:#EEE;
}




/**************************/
.wrap{
	width:106%;
	margin:0 auto 0 auto;
	background:#EEE;
	background:url(../../img/bg.png) repeat;
}

.contents{
	width:1084px; 
	font-size:12px; 
	color:#333;
	background:#EEE;
	background:url(../../img/bg.png) repeat;
	margin:0 auto;
	padding:0 0;
	
}
.main{
	width:768px; 
	margin:0 auto 10px auto; 
	font-size:12px; 
	color:#333;
	float:left;
}






/**************************/
.sideMenu{
	width:300px;
	min-height:1000px;
	margin:0 auto 10px auto; font-size:12px; color:#333;
	border:#CCC solid 0px;
	float:right;
	
}
.sideMenu .adBox{
	margin:0 0 10px 0;	
}
.sideMenu .googleadsence{
	height:250px;
	margin:0 0 10px 0;	
}





/**************************/
.slideDisplay{
	width:768px; height:312px; border:#CCC solid 1px; margin:0 0 30px 0; overflow:hidden;
}






/**************************/
.rankingBox{
	width:1084px;
	margin:0 0 30px 0;
	text-align:left;
	position:relative;
}
.rankingHead{
	height:100px;
	margin:0 0 10px 0;
	padding:0;
	border:#CCC solid 0px;
	position:relative;
	
}
.rankingHeadTitle{
	position: absolute;
	top: 43px;
	left: 126px;
	width: 457px;
	height: 20px;
	font-size: 18px;
}
.rankingTitle{
	width:70%;
	height:16px;
	text-align:left;
	float:left;
}
.rankingDate{
	width: 30%;
	height: 16px;
	text-align: right;
	position: absolute;
	right: -1px;
	top: 46px;
}
.rankingBox .rakuten{
	background:url(../../img/midashi_rakuten.png);
	background-size:1084px 100px;
}
.rankingBox .yahoo{
	background:url(../../img/midashi_yahoo.png);
	background-size:1084px 100px;
}
.rankingBox .amazon{
	background:url(../../img/midashi_amazon.png);
	background-size:1084px 100px;
}
.rankingBox .ponpare{
	background:url(../../img/midashi_ponpare.png);
	background-size:1084px 100px;
}
.rankingBox .omni7{
	background:url(../../img/midashi_omni7.png);
	background-size:1084px 100px;
}
.rankingBox .noMargin{
	margin:0 0 0 0;
}
.rankingBox ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.rankingContentsBox{
	width:144px; 
	height:295px;
	float:left; 
	overflow:hidden; 
	margin:0 0 10px 10px; 
	padding:1px 1px; 
	border:#CCC solid 1px;
	background:#FFF;
}

.rankingBox ul li{
	display:inline-block;
	width:100%;
	height:20px;
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	overflow:hidden;
}

.partsBox{
	width:768px;
	border:#CCC solid 1px;
	margin:0 0 40px 0; 
	padding:0 0 0 0;
}
.partsTitle{
	background:#999;
	color:#FFF;
	margin:0;
	padding:2px 0;
	text-align:center;
	
}
.motionWidgetBox{
	height:210px;
	text-align:center;
	overflow:hidden;
}
.badgeBox{
	margin:10px auto;
	text-align:center;
}










/**************************/
.appPrBox{
	width:680px;
	margin:0 auto 0 auto;
	padding:20px 0 20px 0;
	text-align:center;
}
.appBox{
	width:80px;
	margin:0 20px 0 0;
	float:left;
}
.appPrBoxLast{
	margin:0 0 5px 0;float:left;
}
.iconBox{
	margin:0 0 0 0; width:80px; height:80px; border-radius:15px 15px; overflow:hidden;
}
.appDescription{
	margin:0 0 0 0; width:80px; line-height:120%; text-align:center; font-size:12px;
	padding:5px 0;
}
.appDescription a{
	color:#CCC;
	font-weight:bold;
	text-decoration:none;
}










/**************************/
.pagingBox{
	width:100%;
	border-top:#999 solid 1px;
	padding:20px 0;
}
.rev{
	float:left; width:20%; height:25px; line-height:100%; text-align:left; padding:7px 0 5px 0;
}
.fwd{
	float:left; width:20%; height:25px; line-height:100%; text-align:right; padding:7px 0 5px 0;
}
.revBtn{
	margin:0 0 0 5px;
}
.fwdBtn{
	margin:0 5px 0 0;
}
.pagerTitle{
	float:left; width:60%; height:25px; line-height:100%; text-align:center; padding:10px 0 5px 0;
}








/**************************/
.btn{
	display:block;
	width:97.3%;
	background:#FFF;
	color:#FFF;
	text-align:center;
	border:#CCC solid 1px;
	border-radius:0 0;
	padding:15px 5px;
	margin:0 auto 20px 12px;
	cursor:pointer;
	float:none;
	
	/*グラデボタン*/
	/*
	background: -moz-linear-gradient(top,#FFF 0%,#CCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
	*/
	color:#111;
	font-size: medium;
	
}









/**************************/
.productBox{
	width:90%;
	margin:10px auto;
	padding:10px 10px; 
	/*border-top:#888 solid 1px;*/
	box-shadow:#666 0px 0px 2px ;
	
}


.productBox2{
	width:90%;
	margin:10px auto;
	padding:10px 10px; 
	/*border-top:#888 solid 1px;*/
	box-shadow:#666 0px 0px 2px ;
	width:140px; height:360px; overflow:hidden; float:left; margin-left:5px;
	
}





.shopName{
font-size:10px; color:#333;
background:#FEA;
padding:5px;
margin:0 0 5px 0;
}

.shopNameRakuten{
font-size:10px; color:#333;
background:#FEA;
padding:5px;
margin:0 0 5px 0;
}

.shopNameRakuten2{
font-size:10px; color:#333;
background:#FEA;
padding:5px;
margin:0 0 5px 0;
width:140px; height:14px; margin:0 0 10px 0; padding:5px 0; overflow:hidden;
}



.shopNameYahoo{
font-size:10px; color:#333;
background:#CEF;
padding:5px;
margin:0 0 5px 0;
}
.shopNameYahoo2{
font-size:10px; color:#333;
background:#CEF;
padding:5px;
margin:0 0 5px 0;
width:140px; height:14px; margin:0 0 10px 0; padding:5px 0; overflow:hidden;
}



.image{
	width: 150px;
	margin: 0px 0 0px 0;
	overflow:hidden;
	width:130px; height:130px; overflow:hidden;
}
.image a img{
	display: block;
	width: auto;
	height: 100%;
	margin: 0 auto;
	object-fit: contain;
	object-position: inherit;
}

.image2{
	width: 150px;
	margin: 0px 0 0 0;
	overflow:hidden;
	text-align:center; width:140px; height:140px; margin:10px 0 0 0; padding:0; overflow:hidden;
}
.image2 a{
	width:100%;
	height:100%;
	display:block;
}
.image2 a img{
	width:auto;
	height:100%;
	display:block;
	margin:0 auto;
	object-fit:contain;
	object-position:inherit;
}


.productUrl{
	font-size: 12px;
	margin: 5px 0 0 0;
	width:135px; 
	height:57px; 
	overflow:hidden;
}
.productUrl2{
	font-size: 12px;
	margin: 5px 0 0 0;
	height:40px;
	overflow:hidden;
}
.productUrl a{
	width:100%;
	color:#333 !important;
}
.productUrl2 a{
	width:100%;
	color:#333 !important;
}

.pointTag{
	font-size:14px; 
	color:#F00; 
	margin-left:-5px;
	font-weight:bold;
}
.getTag{
	font-size:12px; 
	color:#333; 
	margin-left:-5px;
}
.priceBox{
	text-align: right;
	margin:0 0 5px 0;
}
.priceTag1{
	font-size:12px; 
	color:#333; 
	margin-right:10px;
}
.priceTag2{
	font-size:24px; 
	color:#F00;
}
.tagBox{
	text-align: right;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.catchcopy{
	font-size:14px;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	margin:5px 0;
	padding:5px 0 5px 0;
	/*
	box-shadow:#999 0px 0px 2px;*/

}

/**************************/
.snsArea{
	width:140px;
	height:21px;
	margin:10px 0 0 0;
	padding:0 10px 0 0;
	
}
.twBtn{
	width:120px; height:21px; float:left; margin:0 0 5px 0;
}
.fbBtn{
	width:120px; height:21px; float:left; margin:0 0 5px 0;
}








/**************************/
.sorterBox{
	font-size:small;
	
	width:100%;
	margin:0px auto;
	padding:1px 0px; 
	/*border-top:#888 solid 1px;*/
	box-shadow:#666 0px 0px 2px ;
	
	background: linear-gradient(#FEFEFE,#DDD);
    background: gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
    background: -webkit-gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
    /* CSS3 PIE独自プレフィックス */
    -pie-background: linear-gradient(#FEFEFE,#DDD);
	
	
}

.sorterGenre{
	text-align:left; padding:10px 0 5px 10px;
}

.sorterCondition{
	text-align:left; padding:5px 0 5px 10px;
}

.sorterPoint{
	/*background:#EEE;*/ padding:5px 0 5px 10px;
}
.sorterPrice{
	/*background:#EEE;*/ padding:5px 0 10px 10px;
}


.selectorPrice option{
	width:70px;
}






.genreBox{
	width:20%; display:table-cell;
}
.genreTitle{
	font-size:12px;
}
.genreChangeBtn{
	width:10%; display:table-cell;line-height: 0em;
}
.genreSelect{
	width:90%;
	font-size:12px;
	margin-right:10px;
}