@charset "UTF-8";

/*************************
ランキングレイアウト
**************************/
#mainContentsRanking{
width:750px;
margin:10px auto;
padding:0;
overflow:hidden;
background-color:#fdf9f3;
position:relative;
}

#mainContentsRanking:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*************************
ランキングタイトル部分
**************************/

#mainContentsRanking .mainContentsRightTtlarea{
margin:5px auto 1px auto;
}


#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightTtlareaBlock h1.ttlRanking{
width:750px;
height:115px;
margin:0 auto 0 auto;
padding:1px 0 0 0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/ranking/ttl_ranking.jpg);
background-repeat:no-repeat;
background-position:top left;
position: relative;
}

#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightTtlareaBlock h1.ttlRanking:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightTtlareaBlock p{
width:500px;
height:42px;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
position:absolute;
top:54px;
left:218px;
font-size:12px;
line-height:140%;
}

#mainContentsRanking .mainContentsRightTtlarea .mainContentsRightTtlareaBlock p.mainContentsRankingLastup{
width:717px;
margin:0 auto;
padding:0;
text-align:right;
position:absolute;
top:30px;
left:0;
}

/*************************
ランキング１～３
**************************/
#mainContentsRanking .mainContentsRightRankingBest3{
width:710px;
margin:0 auto 40px auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest3:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*1～３共用*/
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3Name{
width:220px;
height:30px;
margin:0 auto 0 12px;
padding:0;
text-align:left;
font-weight:bold;
line-height:14px;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3Pcode{
width:220px;
margin:0 auto 0 12px;
padding:0;
text-align:left;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3Price{
width:220px;
margin:0 auto 0 12px;
padding:0;
text-align:left;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3Price span{
text-decoration:line-through;
}


#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingBest3PriceDown{
width:220px;
margin:0 auto 2px 12px;
padding:0;
text-align:left;
font-weight:bold;
color:#ee316b;
}

#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:239px;
margin:0;
padding:0;
text-align:center;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingOne .mainContentsRightRankingImg{
width:239px;
height:313px;
margin:0 auto;
padding:0;
background-image:url(../../../img/ranking/bgimg_ranking_1.jpg);
background-repeat:no-repeat;
background-position:center top;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingOne .mainContentsRightRankingImg p{
display:none;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingOne .mainContentsRightRankingImg img{
width:203px;
height:237px;
margin:0 auto;
padding:59px 0 0 0;
}

/*BEST2*/
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingTwo{
width:230px;
margin:0;
padding:0;
text-align:center;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingTwo .mainContentsRightRankingImg{
width:201px;
height:313px;
margin:0 auto;
padding:0;
background-image:url(../../../img/ranking/bgimg_ranking_2.jpg);
background-repeat:no-repeat;
background-position:center top;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingTwo .mainContentsRightRankingImg p{
display:none;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingTwo .mainContentsRightRankingImg img{
width:183px;
height:214px;
margin:0 auto;
padding:82px 0 0 0;
}

/*BEST3*/
#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingThree{
width:230px;
margin:0;
padding:0;
text-align:center;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingThree .mainContentsRightRankingImg{
width:201px;
height:313px;
margin:0 auto;
padding:0;
background-image:url(../../../img/ranking/bgimg_ranking_3.jpg);
background-repeat:no-repeat;
background-position:center top;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingThree .mainContentsRightRankingImg p{
display:none;
}

#mainContentsRanking .mainContentsRightRankingBest3 .mainContentsRightRankingThree .mainContentsRightRankingImg img{
width:183px;
height:214px;
margin:0 auto;
padding:82px 0 0 0;
}



/*************************
ランキング４・５
**************************/
#mainContentsRanking .mainContentsRightRankingBest45{
width:710px;
margin:0 auto 40px auto;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest45:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*ランキング４*/
#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingFour{
width:340px;
margin:0 20px 0 0;
padding:0;
float:left;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingFour:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingFour .mainContentsRightRankingBest4{
width:154px;
height:22px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/ranking/subttl_ranking_4.jpg);
background-repeat:no-repeat;
}

/*ランキング５*/
#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingFive{
width:340px;
margin:0;
padding:0;
float: left;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingFive:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingFive .mainContentsRightRankingBest5{
width:154px;
height:22px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../img/ranking/subttl_ranking_5.jpg);
background-repeat:no-repeat;
}

/*4・5共用*/
#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingImg{
width:150px;
height:190px;
margin:0;
padding:0;
text-align:center;
float:left;
overflow:hidden;
background-image:url(../../../img/ranking/bgimg_ranking_45.jpg);
background-repeat:no-repeat;
background-position:center top;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingImg img{
width:142px;
height:166px;
margin:0 auto;
padding:20px 0 0 0;
overflow:hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingTxt{
width:180px;
margin:0;
padding:0;
float:right;
text-align:left;
}


#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45Name{
width:178px;
height:26px;
line-height:12px;
margin:0 auto;
padding:0;
text-align:left;
font-weight:bold;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45Pcode{
width:178px;
margin:0 auto 2px auto;
padding:0;
text-align:left;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45Price{
width:178px;
margin:0 auto 2px auto;
padding:2px 0 0 0;
text-align:left;
line-height:11px;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45Price span{
text-decoration:line-through;
}


#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45PriceDown{
width:178px;
margin:0 auto 2px auto;
padding:0;
text-align:left;
font-weight:bold;
color:#ee316b;
font-size:10px;
line-height:11px;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45Comment{
width:178px;
margin:0 auto 5px auto;
padding:0;
text-align:left;
overflow:hidden;
}

#mainContentsRanking .mainContentsRightRankingBest45 .mainContentsRightRankingBest45More{
display:block;
width:138px;
height:19px;
margin:0;
padding:0;
}

#mainContentsRanking .mainContentsRightRankingBest45 .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;}


/*************************
ランキング下
**************************/
#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;}