/* /////////////////////////////////////////////////////////////////// */


#comic_ranking_tab {
    height:34px;
    background:transparent 
               url(/img/comic_ranking_tab_border.png)
               no-repeat
               scroll
               bottom;
    margin-bottom:5px;
}

#comic_ranking_tab li{
    float:left;
    list-style-type:none;
    padding-right:4px;
}

#comic_ranking_tab li a{
    outline-style:none;
    display:block;
    width:100px;
    height:29px;
    text-indent:-9999px;
    background:transparent 
               url(/img/comic_ranking_tab.png)
               no-repeat
               scroll
               left
               top;
}

#comic_ranking_tab li#total a{
    background-position: 0px 0px;
}

#comic_ranking_tab li#total a:hover {
    background-position: 0px -30px;
}

#comic_ranking_tab li#total a.on{
    background-position: 0px -30px;
}

/* ----*/

#comic_ranking_tab li#boys a{
    background-position: -100px 0px;
}

#comic_ranking_tab li#boys a:hover {
    background-position: -100px -30px;
}

#comic_ranking_tab li#boys a.on{
    background-position: -100px -30px;
}
/* ----*/

#comic_ranking_tab li#mens a{
    background-position: -200px 0px;
}

#comic_ranking_tab li#mens a:hover {
    background-position: -200px -30px;
}

#comic_ranking_tab li#mens  a.on{
    background-position: -200px -30px;
}
/* ----*/

#comic_ranking_tab li#girls a{
    background-position: -300px 0px;
}

#comic_ranking_tab li#girls a:hover {
    background-position: -300px -30px;
}

#comic_ranking_tab li#girls a.on{
    background-position: -300px -30px;
}
/* ----*/

#comic_ranking_tab li#custom a{
    background-position: -400px 0px;
}

#comic_ranking_tab li#custom a:hover {
    background-position: -400px -30px;
}

#comic_ranking_tab li#custom a.on{
    background-position: -400px -30px;
}

/* /////////////////////////////////////////////////////////////////// */


.comic_ranking_box_header {
    height:30px;
    background:transparent 
               url(/img/comic_ranking_box_header.png)
               repeat-x scroll
               center
               bottom;
}

.comic_ranking_box_header p{
    padding-top:5px;
    padding-left:20px;
}

.comic_ranking_box_content {
    border-right: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a;
    padding-top:15px;
    height:95px;
}

.comic_ranking_box_footer {
    height:15px;
    background:transparent 
               url(/img/comic_review_footer.png)
               repeat-x scroll
               center
               bottom;
}

#ranking_module ul.comic_ranking li{
    display:block;
    clear:both;
    margin:0em;
    padding:0.5em 0;
    list-style-type:none;
}

#ranking_module span.ranking_num,
#ranking_module span.ranking_num1,
#ranking_module span.ranking_num2,
#ranking_module span.ranking_num3{
    width:50px;
    height:32px;
    text-align:center;
    margin-right:10px;
    font-size:140%;
}

/*
#ranking_module .ranking_num1,
#ranking_module .ranking_num2,
#ranking_module .ranking_num3{
    text-indent:-1450px;
}

#ranking_module .ranking_num1{
    background:transparent 
               url(/img/ranking_num_1.png)
               no-repeat
               bottom;
}

#ranking_module .ranking_num2{
    background:transparent 
               url(/img/ranking_num_2.png)
               no-repeat
               bottom;
}

#ranking_module .ranking_num3{
    background:transparent 
               url(/img/ranking_num_3.png)
               no-repeat
               bottom;
}

*/

#ranking_module li img{
    float:left;
    margin-left:30px;
    width:63px;
}

#ranking_module li div.info{
    float:right;
    padding:0 0 0 0.1em;
    list-style-type:none;
    padding-top:10px;
    width:520px;
    font-size:95%;
}

#ranking_module li div.info p{
    margin-bottom:3px;
}

/* /////////////////////////////////////////////////////////////////// */

/* side */


#disp_graph{
    margin-top:1em;
    border:1px solid #99ccff;
}

/* same_age module */

#side_module_content h2#same_age{
    margin-left:0.5em;
    background:transparent 
               url(/img/comic_side_logo_same_age.png)
               repeat-x scroll 0 0;
    height:25px;
    width:270px;
    text-indent:-1450px;
}

#side_module_content h2#same_auther{
    margin-left:0.5em;
    background:transparent 
               url(/img/comic_side_logo_same_auther.png)
               repeat-x scroll 0 0;
    height:25px;
    width:270px;
    text-indent:-1450px;
}


#side_module_content li img{
    float:left;
    width:50px;
    height:75px;
}

#side_module_content li div.info{
    float:left;
    height:75px;
    width:200px;
    padding:0 0 0 0.1em;
    list-style-type:none;
}

/* -------- each_magazine ranking ------------------*/
#each_magazine_ranking_status {
    border:1px solid #bbb;
    padding:0.75em;
    margin:0.75em;
}

/* status */
#each_magazine_ranking_status span#title{
    padding-left:1em;
    display:block;
    padding-top:5px;
    color:#444;
    font-size:90%;
    font-weight:bold;
}

#each_magazine_ranking_status span{
    display:block;
    float:left;
    margin-right:10px;
    padding-top:3px;
}
#each_magazine_ranking_status span.sort_noselect a,
#each_magazine_ranking_status span.sort_noselect a:visited {
    padding-top:3px;
    display:block;
    color:#6ea603;
    font-weight:bold;
    font-size:90%;
}

#each_magazine_ranking_status span.sort_noselect a:hover {
    border-bottom:1px solid #6ea603;
}

#each_magazine_ranking_status span.sort_current a,
#each_magazine_ranking_status span.sort_current a:visited {
    display:block;
    color:#fff;
    padding-top:3px;
 }

#each_magazine_ranking_status span.sort_current{
    background:transparent 
               url(/img/comic_show_sort_option_back.png)
               repeat-x scroll
               center
               bottom;
    width:70px;
    height:23px;
    font-size:80%;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}

#each_magazine_ranking_status #desc {
    float:right;
    padding-right:2em;
}

#each_magazine_ranking_status .magazine_name {
    border-bottom:1px dashed #888;
    padding-bottom:0.5em;
    margin-bottom:0.5em;
}
