/************************
CSS for Brand Top Page
*************************/

* {
 margin:0;
 padding:0;
}


#contents-inner{
    position: relative;
    margin: 0 0 0  240px;
    padding:  0 10px;
    }


/*******************
     contents
********************/

h2.title_line{
    margin-top:10px;
    margin-bottom:15px;
    clear:both;
    }
strong {
    font-size: 160%;
    font-weight: bold;
    }

p strong {
    font-size: 100%;
    font-weight: bold;
    }

#brand_intro {
    margin-bottom:35px;
     }

#brand_intro p{
    margin-bottom:10px;
     }

#brand_intro p{
    margin-bottom:20px;
    margin-top:15px;
    color:#708090;
    font-size:85%;
    font-weight:bold;
    }

.brand_category{
    width:100%;
    height:300px;
    }

.brand_category div.img{
    margin-right: 3px;
    margin-left: 0; 
    width:210px;
    height:auto;
    float:left;
    } 
.brand_category_right{
    text-align:left;
    margin-left:215px;
    height:auto;
    width:auto;
    overflow:hidden;
    }

.brand_top_category{
   /* float:left;*/
    text-align:center;
    width:450px;
    padding:20px 0 10px 0;
    overflow:hidden;
    }

.brand_top_category .item{
    width:140px;
    height:184px;
    float:left;
    margin:0 0 20px 0;
    font-size:90%;
    font-weight:bold;
    }
.brand_top_category .item2{
    width:105px;
    float:left;
    margin:0 5px 20px 0;
    font-size:90%;
    font-weight:bold;
    overflow:hidden;
    }



.brand_top_category .item a,.brand_top_category .item2 a{
    text-decoration:none;
    }

.brand_top_category img{
    width:120px;
    border:1px solid #AAAAAA;
    }

.brand_top_category .item2 img{
    width:100px;
    border:1px solid #AAAAAA;
    }

#rank_box{
    border: 1px solid #808080;
    margin-bottom:30px;
    width:730px;
    }

#rank_box h2{
    clear:both;
    padding:3px 1px 3px 1em;
    margin:0 0 10px 0;
    background:#808080;
    color:#fff;
    }

.brand_top_rank{
   /* float:left;*/
    text-align:center;
    padding:20px 0 10px 0;
    overflow:hidden;
    }
.brand_top_rank .item{
    width:140px;
    height:auto;
    float:left;
    margin:0 ;
    }
    
.brand_top_rank .rank_num{
    float:left;
    height:120px;
    padding-right:12px;
    padding-top:40px;
    }

.brand_top_rank .rank_item{
    float:left;
    width:90px;
    }
.brand_top_rank .rank_item div{
    font-size:80%;
    }


.brand_top_rank img{
    width:80px;
    border:1px solid #AAAAAA;
    }

 
 
 
.update_info{
    margin:5px 5px 30px 0;
    height:auto;
    font-size:90%;
    }
.update_info ul{
    list-style-image: url();
    text-align:left;
    margin-left:25px;
    padding-left:0;
    }

div.brand_txt {
    margin-bottom:30px;
    }

.brand_txt p{
    font-size:90%;
    margin: 5px 0 10px 10px;
    }

}

.brand_txt table.table_line{
        background-color: #000000;
         }

.brand_txt table.table_line td{
        background-color: #ffffff;
        font-size: 95%;
        padding:3px;
         }

div.brand_txt h5{
    margin-left:1em;
    font-size:90%;
}

.brand_txt ul{
    list-style-image: url("");
    list-style-type:none;
}

ul.member_name, ul.related_links{
    margin-left:1em;
    font-size:85%;
}

ul.related_links {
    margin-top:15px;
}

ul.related_links li {
    margin-bottom:3px;
}

ul.member_name li.support{
    margin-top:5px;
}

.collaboration,
.activities{
    font-size:85%;
    margin-left:20px;
    }
    
.activities dt{
    font-weight:bold;
    margin-top:3px;
    }

.collaboration dd,
.activities dd{
    margin-left:20px;
    }

.activities dd.event{
    margin-bottom:3px;
}

.activities dd.event span.title{
    display:block;
}

.activities dd.event span.outline{
    display:block;
    font-style:italic;
    font-size:90%;
    padding-left:1em;
}

ul.collaboration{
    margin-top:1em;
}
.add_image{
    margin:5px 0 10px 10px;
    float:right;
    }

.add_image img{ 
    width:230px;
    }

.add_left_image{
    float: left; 
    margin:5px 10px 10px 0 ;
    }

.add_image_bottom{
    margin:10px 0 10px 10px;
    text-align:left;
}
.add_image_bottom img{
    margin-right:5px;
}

.add_shop_image{
    margin:10px;
    text-align:center;
    }


.clear{
    clear:both;
    }
img {
    border:none;
    }
    

/** grid layout **/
ul.grid{
    max-width:700px;
    list-style-image: none;
    list-style-type: none;
    line-height: 100%;
}

ul.grid li{
    float:left;
    width:240px;
    height:320px;
}

ul.grid li div{
    font-size:85%;
    height:2.5em;
    width:220px;
}

/*----------------
    Sex Pot
----------------*/
#sexpot .brand_txt h4.vinyl{
    font-weight:normal;
    font-size:100%;
    margin-bottom:0.5em;
}

/*----------------
    VOLTAGE
----------------*/
#valtage #brand_intro div.header_mark {
    background: #000;
    width:145px;
    float:left;
}

#voltage #brand_intro p,
#voltage #brand_intro div.header_brandname,
#voltage #brand_intro div.header_mark {
    float:left;
    
}

#voltage #brand_intro div.header_brandname {
    width:455px;
    margin-left:10px;
}

#voltage #brand_intro p {
    margin-left:25px;
    margin-bottom:0;
    width:500px;
}

#voltage #brand_intro div.header_brandname img{
    text-align:center;;
}

/*---------------
 Moi-meme-Moitie
-----------------*/

div.mmm_top img{
    margin-left:10px;
    }

div.silver_accessories{
    margin-left:10px;
    margin-bottom:35px;
    }

/*---------------
 Deorart
-----------------*/

#drt_brand_intro {
    margin-bottom:35px;
    color:#ffffff;
     }

#drt_brand_intro img.logo {
    margin-right: 10px;
    float:left;
    }

#drt_brand_intro div.name{
    font-size: 200%; 
    font-weight: bold;
    margin-top:10px; 
    margin-bottom:10px;
     }

#drt_brand_intro div.sub_title{
    font-size:110%; 
    font-weight: bold;
    margin-top:10px; 
    margin-bottom:10px;
     }

#drt_brand_intro p{
    margin-bottom:20px;
    margin-top:15px;
    color:#F9F7ED;
    font-size:85%;
    font-weight:bold;
    }

/*---------------
    Sexpot
 Free paper   
 -----------------*/
div.toc ul{
    line-height:100%;
    list-style-image:url();
    margin-bottom:5px;
    margin-top:2px;
}

div.toc ul li{
    margin-left:20px;
    font-size:90%;
    }

/*---------------
   LISTEN FLAVOR   
 -----------------*/

#brand_intro img.listenflavor{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

/*------------------------
arconomi_landingpage.html
-------- -----------------*/

body.landingpage #wrapper{
    width:750px;
    text-align:left;
    margin-right:auto;
    margin-left:auto;
    }

body.landingpage #contents {
    float:right;
    margin-left:10px;
    margin-right:10px;
    width:auto;
}

body.landingpage .website img{
    float:left;
    margin-right:10px;
    margin-bottom:5px;
    }

body.landingpage .website .site_link{
    margin-left:190px;
    padding-top:5px;
    }

body.landingpage .website ul{
    list-style-image:url();
    list-style-type: none;
    font-size:80%;
    margin-bottom:0;
    }
    

body.landingpage #header div.header_image {
    margin-left:10px;
    clear:left;
    }

body.landingpage strong{
    font-size:larger;
    }

body.landingpage .brand_txt p{
    font-size:100%;
    margin: 5px 0 10px 10px;
    }

body.landingpage .activities{
    font-size:100%;
    }

body.landingpage .add_left_image{
    margin-left:10px;
    }
body.landingpage .jpop_image,
body.landingpage .anime_image{
    margin-left:10px;
    }

body.landingpage .title_image{
    margin-bottom:8px;
    clear:both;
    }
body.landingpage div.hover_image {
    border: 0;
    margin: 25px 0 0 0;
    padding: 0;
    width: 728px;
    height: 90px;
    overflow: hidden;
    }

body.landingpage div.hover_image img{
    visibility: hidden;
    }

body.landingpage div.hover_image a{
    background-image: url(/apparel/landing_page_img/To-Check-Details.gif);
    }

body.landingpage div.hover_image a,
body.landingpage div.hover_image a:link,
body.landingpage div.hover_image a:visited {
    background-position: 0px 0px;
    float:left;
}
body.landingpage div.hover_image a:focus,
body.landingpage div.hover_image a:hover,
body.landingpage div.hover_image a:active {
    background-position: 0px 90px;
    float:left;
}

/*** Side Menu ***/

 .menu-box ul{
    list-style-image: url();
    text-align:left;
    font-size:90%;
    margin-left:25px;
    padding-left:0;
    }

    
 .menu-box .side_add_item{
    text-align:center;
    }

#left-sidebar .banner-box{
    width:200px;
    margin-bottom:3px;
    }