﻿@charset "UTF-8";

/*************************
ランキングレイアウト
**************************/
#mainContentsRanking{
width:750px;
margin:0 auto;
padding:0;
overflow:hidden;
}

#mainContentsRanking:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*************************
ランキングタイトル部分
**************************/

#mainContentsRanking .mainContentsRightTtlarea{
width:750px;
height:120px;
margin:0 auto;
padding:0;
}

#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightTtlareaBlock h1.ttlRanking{
width:750px;
height:55px;
margin:0 auto;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/ttl_ranking.gif);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightTtlareaBlock h1.ttlRanking:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightTtlareaBlock{
width:750px;
height:55px;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
border-bottom:#000 1px dotted;
}

#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightDate{
width:750px;
height:55px;
margin-top:8px;
padding:0;
text-align:left;
overflow:hidden;
background-image:url(../../../img/2011/ranking/bg_date.gif);
background-repeat:no-repeat;
}


#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightDate .Coment{
width:612px;
height:30px;
margin:0;
padding:0;
text-align:left;
float:left;
}

#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightDate .Coment p{
margin:0;
padding:0;
text-align:left;
font-size:12px;
line-height:140%;
}

#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightDate .Lastup{
width:138px;
height:30px;
margin:0;
padding:0;
text-align:left;
float:left;
}

#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightDate .Lastup p{
margin:0;
padding-left:4px;
text-align:left;
font-size:10px;
line-height:140%;
}


/*************************
ランキング 上段
**************************/
#mainContentsRanking .mainContentsRankingTop{
width:750px;
margin:0 auto;
padding:0;
border-bottom:#000 1px dotted;
}

/*************************
ランキング 下段
**************************/
#mainContentsRanking .mainContentsRankingBottom{
width:750px;
margin:0 auto;
padding-top:22px;
}


/*************************
ランキング１～３
**************************/
#mainContentsRanking .mainContentsRightRankingBest3{
width:750px;
margin:0 auto 18px auto;
padding:0;
text-align:left;
}

#mainContentsRanking .mainContentsRightRankingBest3:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightRankingBest3 h2{
width:217px;
height:20px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/ttl_allitems.gif);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRightRankingBest3 h2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightRankingBest3 .inner{
width:700px;
margin:0 auto 40px auto;
padding:0;
}

/*1～３共用*/
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3Name{
width:220px;
margin:0;
padding-top:5px;
text-align:left;
line-height:140%;
font-size:10px;
}

/*
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3Pcode{
width:220px;
margin:0 auto 0 12px;
padding:0;
text-align:left;
font-size:10px;
}
*/

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3Price{
width:220px;
margin:0;
padding-top:7px;
text-align:left;
font-size:10px;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3Price span{
text-decoration:line-through;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3PriceDown{
width:220px;
margin:0 0 2px 0;
padding:0;
text-align:left;
color:#e34020;
font-size:10px;
}

/*
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3Comment{
width:220px;
height:70px;
margin:0 auto 5px 12px;
padding:0;
text-align:left;
overflow:hidden;
}


#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3More{
display:block;
width:138px;
height:19px;
margin:0 auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3More a{
display:block;
width:138px;
height:19px;
text-indent:-9999px;
line-height:1;
margin:0;
padding:0;
background-image: url(../../../img/ranking/btn_ranking_more.jpg);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3More a:link,#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3More a:visited {background-position:top;}
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3More a:hover {background-position:bottom;}
*/

/*BEST1*/
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingOne{
width:220px;
margin-right:20px;
padding:0;
text-align:center;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingOne .mainContentsRightRankingImg{
width:220px;
height:294px;
margin:0 auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingOne .mainContentsRightRankingImg p{
width:138px;
height:28px;
margin:0 auto;
padding:0;	
background-image: url(../../../img/2011/ranking/img_top_ranking1.jpg);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingOne .mainContentsRightRankingImg img{
width:220px;
height:266px;
margin:0 auto;
padding:0;
-ms-interpolation-mode: bicubic;
display:block;
}

/*BEST2*/
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingTwo{
width:220px;
margin-right:20px;
padding:0;
text-align:center;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingTwo .mainContentsRightRankingImg{
width:220px;
height:294px;
margin:0 auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingTwo .mainContentsRightRankingImg p{
width:138px;
height:28px;
margin:0 auto;
padding:0;	
background-image: url(../../../img/2011/ranking/img_top_ranking2.jpg);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingTwo .mainContentsRightRankingImg img{
width:220px;
height:266px;
margin:0 auto;
padding:0;
-ms-interpolation-mode: bicubic;
display:block;
}

/*BEST3*/
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingThree{
width:220px;
margin:0;
padding:0;
text-align:center;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingThree .mainContentsRightRankingImg{
width:220px;
height:294px;
margin:0 auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingThree .mainContentsRightRankingImg p{
width:138px;
height:28px;
margin:0 auto;
padding:0;	
background-image: url(../../../img/2011/ranking/img_top_ranking3.jpg);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingThree .mainContentsRightRankingImg img{
width:220px;
height:266px;
margin:0 auto;
padding:0;
-ms-interpolation-mode: bicubic;
display:block;
}



/*************************
ランキング４・５
**************************/
#mainContentsRanking .mainContentsRightRankingBest45{
width:700px;
margin:0 auto 44px auto;
padding:0;
text-align:left;
}

#mainContentsRanking .mainContentsRightRankingBest45:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block{
width:360px;
margin:0;
padding:0;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block{
width:340px;
margin:0;
padding:0;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block h3{
width:340px;
height:51px;
margin:79px auto 0 auto;
padding:0;	
background-image: url(../../../img/2011/ranking/ttl_check.gif);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate{
width:340px;
height:146px;
margin:0 auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul{
width:340px;
height:146px;
margin:13px auto 0 auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul li{
display:block;
width:74px;
height:73px;
padding:0;
overflow:hidden;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul li a{
display:block;
width:74px;
height:73px;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul li a:link,#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul li a:visited {background-position:top;}
#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul li a:hover {background-position:bottom;}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul li a.tops{
width:74px;
height:73px;
padding:0;
background-image: url(../../../img/2011/ranking/btn_tops.gif);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}
#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul li a.bottoms{
width:74px;
height:73px;
padding:0;
background-image: url(../../../img/2011/ranking/btn_bottoms.gif);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}
#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul li a.onepiece{
width:74px;
height:73px;
padding:0;
background-image: url(../../../img/2011/ranking/btn_onepiece.gif);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}
#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul li a.goods{
width:74px;
height:73px;
padding:0;
background-image: url(../../../img/2011/ranking/btn_goods.gif);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}

#mainContentsRanking .mainContentsRightRankingBest45 .right-block .cate ul .margin{
margin-right:14px;
}


/*ランキング４*/
#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingFour{
width:163px;
margin:0 15px 0 0;
padding:0;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingFour:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingFour .mainContentsRightRankingImg p{
width:138px;
height:28px;
margin:0 auto;
padding:0;	
background-image: url(../../../img/2011/ranking/img_top_ranking4.jpg);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}

/*ランキング５*/
#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingFive{
width:163px;
margin:0;
padding:0;
float: left;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingFive:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingFive .mainContentsRightRankingImg p{
width:138px;
height:28px;
margin:0 auto;
padding:0;	
background-image: url(../../../img/2011/ranking/img_top_ranking5.jpg);
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
}

/*4・5共用*/
#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingImg{
width:163px;
height:215px;
margin:0;
padding:0;
text-align:center;
overflow:hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingImg img{
width:163px;
height:197px;
margin:0 auto;
padding:0;
overflow:hidden;
-ms-interpolation-mode: bicubic;
display:block;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingBest45Name{
width:163px;
line-height:140%;
margin:0;
padding-top:5px;
text-align:left;
font-size:10px;
}

/*
#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingBest45Pcode{
width:163px;
margin:0;
padding:0;
text-align:left;
font-size:10px;
}
*/

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingBest45Price{
width:163px;
line-height:140%;
margin:0;
padding-top:7px;
text-align:left;
font-size:10px;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingBest45Price span{
text-decoration:line-through;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingBest45PriceDown{
width:163px;
margin:0 0 2px 0;
padding:0;
text-align:left;
color:#e34020;
font-size:10px;
}

/*
#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingBest45Comment{
width:178px;
margin:0 auto 5px auto;
padding:0;
text-align:left;
overflow:hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingBest45More{
display:block;
width:138px;
height:19px;
margin:0;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest45 .left-block .mainContentsRightRankingBest45More a{
display:block;
width:138px;
height:19px;
text-indent:-9999px;
line-height:1;
margin:0 auto;
padding:0;
background-image: url(../../../img/ranking/btn_ranking_more.jpg);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45More a:link,#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45More a:visited {background-position:top;}
#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45More a:hover {background-position:bottom;}
*/

/*************************
ランキング カテゴリー
**************************/

/*TOPS*/
.RankingCate-tops{
width:750px;
margin:0 auto 27px auto;
padding:0;
text-align:left;
overflow:hidden;
}
.RankingCate-tops:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.RankingCate-tops h2{
width:217px;
height:20px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/ttl_tops.gif);
background-repeat:no-repeat;
}

/*BOTTOMS*/
#mainContentsRanking .mainContentsRankingBottom .RankingCate-bottoms{
width:750px;
margin:0 auto 27px auto;
padding:0;
text-align:left;
overflow:hidden;
}
#mainContentsRanking .mainContentsRankingBottom .RankingCate-bottoms:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRankingBottom .RankingCate-bottoms h2{
width:217px;
height:20px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/ttl_bottoms.gif);
background-repeat:no-repeat;
}

/*ONEPIECE*/
#mainContentsRanking .mainContentsRankingBottom .RankingCate-onepiece{
width:750px;
margin:0 auto 27px auto;
padding:0;
text-align:left;
overflow:hidden;
}
#mainContentsRanking .mainContentsRankingBottom .RankingCate-onepiece:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRankingBottom .RankingCate-onepiece h2{
width:217px;
height:20px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/ttl_onepiece.gif);
background-repeat:no-repeat;
}

/*GOODS*/
#mainContentsRanking .mainContentsRankingBottom .RankingCate-goods{
width:750px;
margin:0 auto 27px auto;
padding:0;
text-align:left;
overflow:hidden;
}
#mainContentsRanking .mainContentsRankingBottom .RankingCate-goods:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRankingBottom .RankingCate-goods h2{
width:217px;
height:20px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/ttl_goods.gif);
background-repeat:no-repeat;
}


/***共用***/
#mainContentsRanking .mainContentsRankingBottom .inner{
width:750px;
padding-top:10px;
margin:0;
text-align:left;
overflow:hidden;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRanking{
width:138px;
padding:0;
float:left;
overflow:hidden;
}

#mainContentsRanking .mainContentsRankingBottom .margin{
margin-right:15px;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRanking .One{
width:138px;
height:28px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/img_top_ranking1.jpg);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRanking .Two{
width:138px;
height:28px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/img_top_ranking2.jpg);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRanking .Three{
width:138px;
height:28px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/img_top_ranking3.jpg);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRanking .Four{
width:138px;
height:28px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/img_top_ranking4.jpg);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRanking .Five{
width:138px;
height:28px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/2011/ranking/img_top_ranking5.jpg);
background-repeat:no-repeat;
}



#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRankingImg{
width:138px;
height:189px;
margin:0;
padding:0;
text-align:center;
overflow:hidden;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRankingImg img{
width:138px;
height:161px;
margin:0 auto;
padding:0;
overflow:hidden;
-ms-interpolation-mode: bicubic;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRankingName{
width:138px;
line-height:140%;
margin:0 auto;
padding-top:5px;
text-align:left;
font-size:10px;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRankingPrice{
width:138px;
margin:0 0 2px 0;
padding-top:7px;
text-align:left;
line-height:140%;
font-size:10px;
}

#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRankingPrice span{
text-decoration:line-through;
}


#mainContentsRanking .mainContentsRankingBottom .mainContentsRightRankingPriceDown{
width:138px;
margin:0 0 2px 0;
padding:0;
text-align:left;
color:#e34020;
line-height:140%;
font-size:10px;
}


/*************************
ランキング下
**************************/
/*
#mainContentsRanking .mainContentsRightRankingBuck{
width:710px;
margin:0 auto 20px auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBuck:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightRankingBuck h2{
width:702px;
height:29px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/ranking/subttl_ranking_backnumber.jpg);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRightRankingBuck ul{
width:702px;
margin:0 auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBuck ul li{
width:678px;
margin:0 auto 2px auto;
padding:0 0 0 13px;
text-align:left;
background-image:url(../../../img/common/bgimg_linkarrow.jpg);
background-position:left;
background-repeat:no-repeat;
font-size:12px;
}


#mainContentsRanking .mainContentsRightRankingNewItem{
width:702px;
margin:0 auto 80px auto;
padding:20px 0 0 0;
background-image:url(../../../img/ranking/bgimg_ranking_border.jpg);
background-position:top;
background-repeat:repeat-x;
}

#mainContentsRanking .mainContentsRightRankingNewItem p{
display:block;
width:702px;
height:25px;
margin:0;
padding:0;
text-align:left;
}

#mainContentsRanking .mainContentsRightRankingNewItem p a{
display:block;
width:180px;
height:25px;
text-indent:-9999px;
line-height:1;
margin:0;
padding:0;
background-image: url(../../../img/ranking/btn_ranking_newitem.jpg);
background-repeat:no-repeat;
}

#mainContentsRanking .mainContentsRightRankingNewItem p a:link,#mainContentsRanking .mainContentsRightRankingNewItem p a:visited {background-position:top;}
#mainContentsRanking .mainContentsRightRankingNewItem p a:hover {background-position:bottom;}
*/
