#ranking{
   padding-bottom: 2px;
}
.contents-basic-container{
   margin-top: 2px;
   border-bottom: none;
}

/*----------------------------
title-header
----------------------------*/
.title-header{
   height: 66px;
   background: url(../img/title.gif) no-repeat 1px 1px;
   border-bottom: solid 1px #cccccc;
}
.title-header a{
   display: block;
   height: 66px;
}
.title-header a *{
   visibility: hidden;
}

/*----------------------------
title
----------------------------*/
.page-title{
   padding: 9px;
   line-height: 1.1;
}
.page-title h3{
   color: #db005e;
   font-size: 18px;
   font-weight: bold;
   padding-top: 5px;
}
.page-title p{
   font-size: 10px;
   margin-top: 3px;
}
.ranking-h1{
   color: #db005e;
   font-size: 18px;
   font-weight: bold;
   padding-top: 5px;
}


/*----------------------------
menu
----------------------------*/
.menu{}
.menu ul,
.menu ul li,
.menu ul li a{
   display: block;
   margin: 0;
   padding: 0;
}
.menu ul li{
   float: left;
}
.menu ul li a{
   
   
}

/*----------------------------
menu-page
----------------------------*/
.menu-page,
.menu-page ul,
.menu-page ul li,
.menu-page ul li a{
   height: 36px;
}
.menu-page{
   margin-top: 9px;
   background: url(../img/menu-page-bg.gif) repeat-x left bottom;
}
.menu-page ul{
   padding-left: 21px;
}
.menu-page ul li,
.menu-page ul li a{
   width: 183px;
}
.menu-page ul li{
   margin-right: 9px;
}
.menu-page ul li a{
   text-align: center;
   text-decoration: none;
   line-height: 36px;
   color: #da005d;
   background-image: url(../img/menu-page.gif);
   background-repeat: no-repeat;
   background-position: center top;
}
.menu-page ul li a:hover,
.menu-page .this a{
   background-position: center bottom;
}

/*----------------------------
index-item
----------------------------*/
.index-item{
   border-bottom: solid 1px #dedede;
}
.btn-detail{
   width: 400px;
   margin: auto;
   padding: 9px 0;
}
.btn-detail a{
   display: block;
   font-size: 18px;
   text-align: center;
   color: #fff!important;
   text-decoration: none!important;
   background: #fd338f;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -o-border-radius: 10px;
   -ms-border-radius: 10px;
   padding: 10px;
}
.btn-detail a:hover{
   background: #ff63b7;
}

/*----------------------------
sub-title
----------------------------*/
.sub-title{
   font-size: 12px;
   font-weight: normal;
   padding: 9px;
}

/*----------------------------
menu-category
----------------------------*/
.menu-category,
.menu-category ul,
.menu-category ul li,
.menu-category ul li a{
   height:26px;
}
.menu-category{
   margin-bottom: 9px;
}
.menu-category ul{
   padding-left: 9px;
}
.menu-category ul li,
.menu-category ul li a{
   width: 83px;
}
.menu-category ul li{
   margin-right: 4px;
}
.menu-category ul li a{
   height: 23px;
   line-height: 23px;
   font-size: 10px;
   text-align: center;
   text-decoration: none;
   color: #da005d;
   border: solid 1px #ff9ecf;
}
.menu-category ul li a:hover,
.menu-category .this a{
   color: #fff;
   background: #da005d;
   border-color: #da005d;
}

/*----------------------------
ranking-item
----------------------------*/
.ranking-item{
   overflow: hidden;
   zoom: 1;
}
.ranking-item .item{
   position: relative;
   float: left;
   width: 160px;
   overflow: hidden;
}

/*item-header*/
.ranking-item .item .item-header{
   position: relative;
   height: 32px;
}
.ranking-item .item .item-header .rank{
   width: 31px;
   height: 29px;
   /*text-indent: -9999px;*/
   overflow: hidden;
   margin-left: 3px;
}
.ranking-item .item .item-header .rank img{
   width: 31px;
   height: auto;
}
.ranking-item .item .item-header .bookmark{
   position: absolute;
   right: 9px;
   top: 6px;
   width: 25px;
   height: 23px;
}
.ranking-item .item .item-header .bookmark a{
   display: block;
   width: 25px;
   height: 23px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../img/btn-bookmark.png) no-repeat;
   background-size: 25px auto;
   -webkit-background-size: 25px auto;
   
}
/*thumb*/
.ranking-item .item .thumb,
.ranking-item .item .thumb .img{
   width: 141px;
   height: 165px;
}
.ranking-item .item .thumb{
   width: 141px;
   height: 165px;
   margin-left: 9px;
}

/*icons & link*/
.ranking-item .item .icons,
.ranking-item .item .link{
   position: absolute;
   left: 9px;
   top: 32px;
   width: 141px;
   height: 165px;
}
.ranking-item .item .link a{
   display: block;
   width: 141px;
   height: 165px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../img/spacer.gif);
}
.ranking-item .item .icons .item-properties1,
.ranking-item .item .icons .item-properties1 li,
.ranking-item .item .icons .item-properties2,
.ranking-item .item .icons .item-properties2 li{
   display: block;
   margin: 0;
   padding: 0;
}
.ranking-item .item .icons .item-properties1 li,
.ranking-item .item .icons .item-properties2 li{
   zoom:1;
   height: 15px;
   line-height: 1;
   overflow: hidden;
}

.ranking-item .item .icons .item-properties1,
.ranking-item .item .icons .item-properties2{
   position: absolute;
   left: 0px;
   text-align: left;
}

.ranking-item .item .icons .item-properties1{
   top: 0px;
   width: 141px;
}
.ranking-item .item .icons .item-properties1 li{
   float: left;
   width: 47px;
}
.ranking-item .item .icons .item-properties2{
   /*top: 159px;*/
   bottom: 0px;
}
.ranking-item .item .icons .item-properties2 li{
   float: left;
   width: 141px;
   list-style-position:outside;
   margin: 0!important;
}
.ranking-item .item .icons .item-properties2.dual{
   /*top: 144px!important;*/
}

/*name & price*/
.ranking-item .item .name,
.ranking-item .item .price{
   width: 141px;
   font-size: 10px;
   line-height: 1.3;
   text-align: center;
   margin-left: 9px;
}
.ranking-item .item .name{
   margin-top: 4px;
}
.ranking-item .item .name a{
   color: #000;
   text-decoration: none;
   font-weight: normal;
}
.ranking-item .item .price{
   padding-top: 0;
}
.ranking-item .item .default_price.sale{
   text-decoration: line-through;
}
.ranking-item .item .price .sale_price{
   color: red;
}

.ranking-item .clear{
   width: 100%;
   height: 1px;
   background: #dedede;
   border-bottom: soild 1px #dedede!important;
}

.top3{
   background: #fff url(../img/top3-bg.gif) repeat-y left top;
   border-bottom: solid 1px #dedede;
   border-top: solid 1px #dedede;
}
.top3 .item{
   width: 266px!important;
}
.top3 .item .thumb,
.top3 .item .thumb .img{
   width:248px;
   height: 290px;
}
.top3 .item .item-header{
   height: 50px;
}
.top3 .item .item-header .rank{
   width: 49px;
   height: 44px;
}
.top3  .item .item-header .rank img{
   width: 49px;
}
.top3 .item .item-header .bookmark{
   top: 15px;
   width: 30px;
   height: 28px;
}
.top3 .item .item-header .bookmark a{
   width: 30px;
   height: 28px;
   background-size: 30px auto;
   -webkit-background-size: 30px auto;
}
.top3 .item .item-header .bookmark img{
   width: 30px;
}
.top3 .item .icons,
.top3 .item .link{
   position: absolute;
   left: 9px;
   top: 50px;
   width:248px;
   height: 290px;
}
.top3 .item .link a{
   width:248px;
   height: 290px;
}
/*.top3 .item .icons .item-properties1 li{
   width: 82px;
   height: 26px;
}
.top3 .item .icons .item-properties1 li img{
   width: 82px;
   height: auto;
}*/
.top3 .item .icons .item-properties2 li{
   width: 124px;
   height: 13px;
}
.top3 .item .icons .item-properties2 li img{
   width: 124px;
   height: auto;
}

.top3 .item .name,
.top3 .item .price{
   width: 248px;
   font-size: 12px;
   line-height: 1.3;
   text-align: center;
   margin-left: 9px;
}

.item-list-container{
   padding-bottom: 0;
}
.item-list-container .item{
   margin-right: 0px;
}