@charset "UTF-8";
@import url("../../../../web/css/front/common/common.css");
span.dblock{
	display:block;
	padding:0;
	margin:0;
}
.rankingshop03 .content{
	overflow:hidden;
	padding:0;
	margin:0;
}
.rankingshop02 .content{
	overflow:hidden;
	padding:0;
	margin:0;
	background:url('../../../images/front/rankingshop/bgrankingShop02Top.gif') no-repeat left top;
}
.rankingshop01 .content{
	overflow:hidden;
	padding:0;
	margin:0;
	background:url('../../../images/front/rankingshop/bgrankingShop02Top02.gif') no-repeat left top;
}
.RankingTit{
	padding:28px 0 0 12px;
	margin:0;
	overflow:hidden;
	background:none;
}
.RankingTit .flashA{
	float:left;
	padding:0; 
	margin:-28px 0 0 0;
	font:0/0 Arial;
}
.RankingTit h3{
	float:left;
	padding:0; 
	margin:-9px 0 0 0;
	font:0/0 Arial;
}
.rankingTap{
	width:700px;
	height:35px;
	padding:0 0 0 20px; 
	margin:-1px 0 0 0;
	font:0/0 Arial;
}
.rankingTap ul{	
	list-style:none;
	float:left;
	width:150px;
	height:23px;
	padding:5px 0 0 0; 
	margin:17px 0 0 0;
	font:0/0 Arial;
	cursor:pointer;
	background:url('../../../images/front/rankingshop/bg_TapMenu.gif') no-repeat left top;
}
.rankingTap ul.on{
	background:url('../../../images/front/rankingshop/bg_TapMenu_on.gif') no-repeat left top;
}
.rankingTap ul li{
	float:left;
	padding:1px 9px 0 8px; 
	margin:0;
	font:0/0 Arial;
	background:url('../../../images/front/rankingshop/bg_TapLine.gif') no-repeat left top;
}
.rankingTap ul.last{
	width:155px;
}
.rankingTap ul li.first{
	padding-left:17px;
	background:none;
}
.rankingTap ul.last li.first{
	padding-left:12px;
}
.ProductBox_top	{
	background:url('../../../images/front/rankingshop/bgrankingShop02Top03.gif') no-repeat left 20px;
	width:930px;
	height:90px;
	margin:0;
	clear:both;
}
.ProductBox_top2	{
	background:url('../../../images/front/rankingshop/bgrankingShop02.gif') no-repeat left 20px;
	width:930px;
	height:90px;
	margin:0;
	clear:both;
}
.ProductBox_top3	{
	background:url('../../../images/front/rankingshop/bgrankingShop02Top02.gif') no-repeat left 20px;
	width:930px;
	height:90px;
	margin:0;
	clear:both;
}
.ProductBox	{
	position:relative;
}
.ProductBox	ol	{
	width:930px;	
	height:180px;
	padding:0 0 0 0px; 
	margin:-20px 0 0 0;
	font:0/0 Arial;
	clear:both;
}
.ProductBox	ol	li{
	float:left;
	width:161px;
	padding:0 0 0 16px;
	margin:0 0 0 0;
	font:0/0 Arial;
	position:relative;
}
.ProductBox	ol	li div.view{
	width:135px; 
	height:101px; 
	padding:0;
	margin:5px 0 0 3px;
	font:0/0 Arial;
	border:1px solid #D4D4D4;
	z-index:99;
}
.ProductBox	ol	li div.view img.prview{
	width:135px;
	height:101px;
}
.ProductBox	ol	li div.view img.bNum{
	display:block;
	margin-top:-1px;
	margin-left:-5px;
}
.view	.thumb	{
	position:relative; top:0;
}
.view	.thumb	.thumb_icon	{
	position:absolute; 
	top:-3px;
	left:-5px
}
.ProductBox	ol	li dl.dlcon{
	width:137px;
	padding:0;
	margin:0;	
}
.ProductBox	ol	li dl.dlcon dt.dtit{
	height:25px;
	padding:9px 0 0 23px;
	margin:0;	
	font:12px/14px Gulim;
	color:#696969;	
	text-align:left;
}
.ProductBox	ol	li dl.dlcon dd.pay,.ProductBox	ol	li dl dd.btn{
	width:137px;
	padding:4px 0 0 0;
	margin:0;
	font:12px/14px Gulim;
	color:#696969;	
	padding-top:4px;
	text-align:center;
}
.ProductBox	ol	li dl dd.btn{
	padding-top:7px;
}
.ProductBox	ol	li dl dt strong{
	font-weight:bold;
}
.ProductBox	ol	li dl dd img.left{
	margin-left:2px
}
.rankingshop03 ol{
	padding:0 0 130px 34px; 
	margin:0px auto;
	width:910px;
	background:url('../../../images/front/rankingshop/bgrankingShop03Footer.gif') no-repeat bottom left;
}
.rankingshop02 ol{
	padding:0 0 150px 34px; 
	margin:0px auto;
	width:910px;
	background:url('../../../images/front/rankingshop/bgrankingShop02Footer.gif') no-repeat bottom left;
}
.rankingshop01 ol{
	padding:0 0 130px 34px; 
	margin:0px auto;
	width:910px;
	background:url('../../../images/front/rankingshop/bgrankingShop02F02.gif') no-repeat bottom left;
}
.rankingshop02 .ProductBox	ol	li dl.dlcon dd.pay{
	padding:7px 0 0 0;
}
ul.productlistop5{
	width:1003px;
	padding:0; 
	margin:0;
	font:0/0 Arial;
	clear:both;
}
ul.productlistop5 li{
	float:left;
	width:311px;
	padding:0 0 0 20px;
	margin:0 0 0 0;
	font:0/0 Arial;
	background:url('../../../images/front/rankingshop/bg_Top5.gif') no-repeat left bottom;
}
.rankingshop03 ul.productlistop5 li{
	padding:0 0 37px 20px;
}
.rankingshop02 ul.productlistop5 li{
	padding:0 0 70px 20px;
}
.rankingshop01 ul.productlistop5 li{
	padding:0 0 37px 20px;
}
ul.productlistop5 li h4{
	width:230px;
	height:34px;
	padding:6px 0 0 32px; 
	margin:0;
	font:0/0 Arial;
	background:url('../../../images/front/rankingshop/bg-stit.gif') no-repeat left top;
}
ul.productlistop5 li div.view{
	width:178px; 
	height:134px; 
	padding:0;
	margin:4px 0 0 35px;
	font:0/0 Arial;
	border:1px solid #D4D4D4;
}
ul.productlistop5 li div.view img.prview{
	width:178px; 
	height:134px; 
}
ul.productlistop5 li div.view img.bNum{
	display:block;
	margin:-140px 0 0 -10px;
	position:relative;
	top:0;
	left:0;
}
ul.productlistop5 li dl.dlcon{
	width:137px;
	padding:0;
	margin:0;	
}
ul.productlistop5 li dl.dlcon dt.dtit{
	width:192px;
	height:25px;
	padding:10px 0 0 52px;
	margin:0;	
	font:12px/14px Gulim;
	color:#696969;	
	text-align:left;
}
ul.productlistop5 li dl.dlcon dd.pay,ul.productlistop5 li dl.dlcon dd.btn{
	width:244px;
	padding:5px 0 0 0;
	margin:0;
	font:12px/14px Gulim;
	color:#696969;	
	text-align:center;
}
ul.productlistop5 li dl.dlcon dd.btn{
	padding-top:7px;
}
ul.productlistop5 li dl.dlcon dt strong{
	font-weight:bold;	
}
ul.productlistop5 li dl.dlcon dd img.left{
	margin-left:2px
}
strong.txtR{
	color:#E85D18;
}
.bestWarp{
	width:1053px;
	padding:0; 
	margin:0;
	overflow:hidden;
	clear:both;
}
.productlist {
	float:left;
	width:330px;
	list-style:none;	
	padding:0;
	margin:0;
}
.productlist li.pList{
	float:left;
	width:300px;
	height:193px;
	padding:0 0 0 20px;
	margin:0;
}
.rankingshop02 .productlist li.pList{
	float:left;
	width:300px;
	height:230px;
	padding:0 0 0 20px;
	margin:0;
}
.productlist li.pList ul {
	float:left;
	width:300px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font:0/0 Arial;
}
.productlist li.pList ul li{
	float:left;
	width:134px;
	padding:0 0 0 1px;
	margin:0 0 0 0;
	font:0/0 Arial;
}
.productlist li div.view{
	width:109px; 
	height:82px; 
	padding:0;
	margin:0 0 0 2px;
	font:0/0 Arial;
	border:1px solid #D4D4D4;
}
.productlist li div.view img.prview{
	width:109px; 
	height:82px; 
}
.productlist li div.view img.bNum{
	display:block;
	margin-top:-84px;
	margin-left:-2px;
}
.productlist li.pList ul li dl.dlcon{
	width:110px;
	padding:0;
	margin:0;	
}
.productlist li.pList ul li  dl.dlcon dt.dtit{
	width:110px;
	height:25px;
	padding:10px 0 0 0;
	margin:0;	
	font:12px/14px Gulim;
	color:#696969;	
	text-align:left;
}
.productlist li.pList ul li  dl.dlcon dd.pay{
	width:120px;
	padding:7px 0 0 0;
	margin:0;
	font:12px/14px Gulim;
	color:#696969;	
	text-align:center;
}
.productlist li.pList ul li  dl.dlcon dd.btn{
	width:120px;
	padding:9px 0 0 0;
	margin:0;
	font:12px/14px Gulim;
	color:#696969;	
	text-align:center;
}
.productlist li.pList ul li dt strong{
	font-weight:bold;	
}

.productlist02 {
	list-style:none;
	width:1027px;
	padding:0 0 0 17px;
	margin:0;
}
.productlist02 li{
	float:left;
	width:331px;
	height:110px;
	padding:0 0 0 1px;
	margin:0 0 0 0;
	font:0/0 Arial;
}
.productlist02 li div.view{
	float:left;
	width:109px; 
	height:82px; 
	padding:0;
	margin:0 22px 0 2px;
	font:0/0 Arial;
	border:1px solid #D4D4D4;
}
.productlist02 li div.view img.prview{
	width:109px; 
	height:82px; 
}
.productlist02 li div.view img.bNum{
	display:block;
	margin-top:-84px;
	margin-left:-2px;
}
.productlist02 li dl.dlcon{
	float:left;
	width:110px;
	padding:4px 0 0 0;
	margin:0;	
}
.productlist02 li dl.dlcon dt.dtit{
	width:110px;
	padding:10px 0 0 2px;
	margin:0;	
	font:12px/14px Gulim;
	color:#696969;	
	text-align:left;
}
.productlist02 li  dl.dlcon dd.pay{
	width:120px;
	padding:6px 0 0 2px;
	margin:0;
	font:12px/14px Gulim;
	color:#696969;	
	text-align:left;
}
.productlist02 li  dl.dlcon dd.btn{
	width:120px;
	padding:8px 0 0 0;
	margin:0;
	font:0/0 Arial;
	color:#696969;	
	text-align:center;
}
.productlist02 li dt strong{
	font-weight:bold;	
}
#layerID{	
	display:inline;
	position:absolute;
	padding:0;
	margin:0;
}
.tiplayer {
	float:left;
	padding:0;
	margin:0;
	height:80px;
	position:relative;
	overflow:hidden;
}
.tiplayer dl{
	float:left;
	overflow:hidden;
	padding:6px 0 0 7px; 
	margin:0;
	font:12px/14px Gulim;
}
.tiplayer dl dt{
	float:left;
	padding:2px 6px 0 0; 
	margin:0;
	font:0/0 Arial;
}
.tiplayer dl dt.last{
	padding:2px 8px 0 10px; 
	background:url('../../../images/front/rankingshop/bg_Line.gif') no-repeat 0 2px;
}
.tiplayer dl dd{
	float:left;
	padding:0 9px 0 0; 
	margin:0;
	font:11px/12px Gulim;
	color:#8E8E8E;
}
.tiplayer dl dd span{
	float:left;
}
img.tLeft{position:absolute;top:0;left:0;z-index:1;}
img.tCen{position:absolute;top:0;right:-340px;z-index:-1;}
img.tRight{position:absolute;top:0;right:0;z-index:-1}
.ProductBox .gradN {
	width:138px;
	padding:0 0 0 27px; 
	margin:20px 0 0 0;
	font:0/0 Arial;	
}
.ProductBox .gradN img{
	float:left;
}
.ProductBox .gradN img.cln01{margin-right:1px}
.ProductBox .gradN img.cln02{margin-top:11px}
.ProductBox .gradN img.cln03{margin-right:3px}
.ProductBox .gradN img.cln04{margin-top:1px}

.productlistop5 .gradN {
	width:138px;
	padding:0 0 0 76px; 
	margin:15px 0 0 0;
	font:0/0 Arial;	
}
.productlistop5 .gradN img{
	float:left;
}
.productlistop5 .gradN img.cln01{margin-right:1px}
.productlistop5 .gradN img.cln02{margin-top:15px}
.productlistop5 .gradN img.cln03{margin-right:3px}
.productlistop5 .gradN img.cln04{margin-top:4px}

.productlist .gradN {
	width:98px;
	padding:0 0 3px 13px; 
	margin:15px 0 0 0;
	font:0/0 Arial;	
}
.productlist .gradN img{
	float:left;
}
.productlist .gradN img.cln01{margin-right:1px}
.productlist .gradN img.cln02{margin-top:11px}
.productlist .gradN img.cln03{margin-right:3px}
.productlist .gradN img.cln04{margin-top:2px}