#recommendDetail > p { background-image: url(/img/common_navi/ti_rank.gif)}


#recommendDetail > ul li:nth-of-type(1) a div.text span,
#recommendDetail > ul li:nth-of-type(2) a div.text span,
#recommendDetail > ul li:nth-of-type(3) a div.text span { padding: 5px 10px; border-radius: 50%; }
#recommendDetail > ul li:nth-of-type(1) a div.text span { background-color: #D8B83A; }
#recommendDetail > ul li:nth-of-type(2) a div.text span { background-color: #DEDEE1; }
#recommendDetail > ul li:nth-of-type(3) a div.text span { background-color: #BD7864; }


#recommendDetail > ul li:nth-of-type(1) a div.text span::before { content:"No.1" }
#recommendDetail > ul li:nth-of-type(2) a div.text span::before { content:"No.2" }
#recommendDetail > ul li:nth-of-type(3) a div.text span::before { content:"No.3" }
#recommendDetail > ul li:nth-of-type(4) a div.text span::before { content:"No.4" }
#recommendDetail > ul li:nth-of-type(5) a div.text span::before { content:"No.5" }
#recommendDetail > ul li:nth-of-type(6) a div.text span::before { content:"No.6" }
#recommendDetail > ul li:nth-of-type(7) a div.text span::before { content:"No.7" }
#recommendDetail > ul li:nth-of-type(8) a div.text span::before { content:"No.8" }
#recommendDetail > ul li:nth-of-type(9) a div.text span::before { content:"No.9" }
#recommendDetail > ul li:nth-of-type(10) a div.text span::before { content:"No.10" }