body{font-size:12px;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color: #111111;}
a {color: #111111;text-decoration: none}
a:visited { text-decoration: none}
a img{border: none}
a:hover{opacity: 0.8;filter: alpha(opacity=80)}
a:hover img{opacity: 0.8; filter: alpha(opacity=80)}

#contents{
	text-align:center;
	padding:0;
	margin:0;
	overflow:hidden;}

.rankbox{
	padding:0;
	float: left;
	width: 100%;}

.rankNo{
	text-align:left;
}
.rankNo img{
	height:15px;
}
.rankNo span{
	font-weight:bold;
	color:#444444;
	font-size:10px;
	padding:0 0 0 5px;
}

.item_image{
	text-align:center;
}
.item_image img{
     max-width:100%;
     height:auto;
}
.item_name{
     text-align: left;
     height:0px;
     overflow:hidden;
}
.item_price{
     text-align: center;
     color: #ff0000;
     font-size: 11px;
     margin: 2px 5px 10px 0px;
}
.tax{
     font-size: 0px;
}

/* width 300px - 760 px */
@media (min-width: 300px) {

#contents{
     overflow:hidden;}

.rankbox{
     padding:1%;
      float: left;
      width: 48%;}
.rankNo{
	text-align:left;
}
.rankNo img{
	height:30px;
}
.rankNo span{
	font-weight:bold;
	color:#444444;
	font-size:18px;
	padding:0 0 0 5px;
}

.item_image{
	text-align:center;
}
.item_image img{
     max-width:100%;
     height:auto;
}
.item_name{
     text-align: center;
     height:38px;
     overflow:hidden;
}
.item_price{
     text-align: center;
     color: #ff0000;
     font-size: 18px;
     font-weight: bold;
     margin: 2px 5px 10px 0px;
}
.tax{
     font-size: 12px;
}
}

/* width 760px以上 */
@media (min-width: 760px) {

#contents{
     overflow:hidden;}
.rankbox{
     padding:1%;
      float: left;
      width: 23%;}
}