/* --画面全体のレイアウトTOP PAGE(３カラム用)-- */

* {
 margin:0;
 padding:0;
}

#wrapper {
   width: 99%;
   width: expression(
      (document.documentElement.clientWidth > 1300)? "1300px" :
         (document.documentElement.clientWidth < 970)? "970px" :
            "auto"
   );
  margin: 10px;
}

#header {
    width: 100%;
    margin-bottom:20px;
}


#footer {
    width: 100%;
    clear:both;
}


#container{
    width: 100%;
    float: left;
    margin-right: -220px;
}

#contents{
    width: 100%;
    float: right;
    margin-left: -220px;
    margin-top:0;
}

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


/********* 
 side bar 
 footer
 etc
**********/

#left-sidebar{
    width: 210px;
    float: left;
}

#right-sidebar{
    width: 220px;
    float: right;
    overflow:hidden;
}

#footer{
    clear:both;
    width:100%;
    padding-top:50px;
 }

div.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

div.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}

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

.navimain {
    background-color:#808080;
    color:#FFFFFF;
    font-weight:bold;
    margin-top:0;
    padding:0;
    text-align:center;
    }

.brands td{
    padding:5px;
}

.brands td p{
    font-size: 80%;
    color: #708090;
    margin: 5px 10px 5px 10px;
}

.brands td p strong{
    font-weight: bold;
    color: #000000;
}

.clear{clear:both;}

.title_line{
    background-color:#F1F1EF;
}

h1.title_line{
   font-weight:normal;
   font-soze:150%;
   color:#808080;
   padding:3px 5px 3px;
   margin-top:0;
   margin-bottom:10px;
}

h2.title_line{
   font-weight:bold;
   font-size:100%;
   padding: 3px 1px 3px 1em;
   color:#808080;
   margin-top:0px;
}

h3.title_line{
   font-weight:bold;
   font-size:100%;
   padding: 3px 1px 3px 5px;
   color:#000;
   margin-top:0px;
   margin-left:1em;
   background-color:transparent;
   border:none;
   
}


#info_banner{
    text-align:center;
    margin-bottom:10px;
    }
.banner{
    overflow:hidden;
    }
.genre_desc{
    padding:5px;
    text-align:left;
    font-size:90%;
    width:85%;
    margin-left:2em;
    }

.whats_new{
    width:500px;
    margin:10px;
}
.whats_new div.whats_new_item{
    width:110px;
    float:left;
    margin-right:10px;
}

.whats_new div.whats_new_item div.comment{
    font-size:75%;
    width:100px;
    margin: 3px auto;
}

.whats_new div.whats_new_item div.update{
    font-size:75%;
    color:#ff0000;
    margin-top:3px;
}

#contents-inner .seemore{
    text-align:right;
    padding-right:10px;
    margin-bottom:10px;
}

#contents-inner .seemore img{
    border:none;
}

div.overview div.button{
    margin-left:8em;
    margin-bottom:10px;
}

/****************
     Side Bar
******************/
.menu_title{
         border:1px solid #F1F1EF;
        /* font-size:85%;*/
         padding:3px 0px 3px 0px;
         background-color:#F1F1EF;
         Color:#808080;
         font-weight: bold;
         text-align:center;
/*         width:160px;*/
           }
 .menu-box{
         border:1px solid #CACAC1;
        /* padding:0px 0px 0px 0px;*/
         background-color:#FFFFFF;
         text-align:left;
         font-size:90%;
         margin-bottom:10px;
           }

 .menu-box .sub_genre1 {
        font-size:90%;
        font-weight:bold;
        margin-bottom:5px;
        margin-left:10px;
        margin-top:5px;
    }

 .menu-box .sub_genre1a {
        font-size:90%;
        font-weight:normal;
        margin-bottom:3px;
        margin-left:15px;
        margin-top:3px;
    }

 .menu-box ul,.brand-box ul{
         
         text-align:left;
         font-size:90%;
         margin-left:25px;
         margin-top:5px;
         padding-left:0;
         line-height:normal;
}
/*
 .menu-box ul li,.brand-box ul li{
         height:15px;
         margin:auto 0;
}
*/
.menu-box div.category_name{
        margin-left:3px;
        font-weight:bold;
        }


 .update-box{
         border:1px solid #CACAC1;
         padding:0px 0px 5px 0px;
         background-color:#FFFFFF;
         text-align:left;
         font-size:90%;
         margin-bottom:10px;
           }


.brand-box{
         border:1px solid #CACAC1;
         padding:0px 0px 5px 0px;
         background-color:#FFFFFF;
         text-align:left;
         font-size:90%;
         margin-bottom:10px;
        }



 #left-sidebar .menu-box,
 #left-sidebar .brand-box,
 #left-sidebar .update-box{
        width:200px;
}

 #right-sidebar .menu-box{
        width:210px;
}


 #left-sidebar .menu-box a{
        text-decoration: none;
}

 #left-sidebar .menu-box span.menu_op{
        color:#FF0066;
        font-style:italic;
        font-weight:bold;
        font-size:85%;
        letter-spacing:-1.5px;
}

 #right-sidebar .banner_box{
        margin-bottom:10px;
        text-align:center;
}

 #right-sidebar .banner_box img{
        margin-bottom:5px;
}

#left-sidebar .update-box ul{
         text-align:left;
         font-size:90%;
         margin-left:25px;
         padding-left:0;
}

#left-sidebar .menu-box .seemore{
        text-align:right;
        margin-right:5px;
        margin-top:10px;
}

.menu-box .mark{
    margin-left:10px;
    margin-right:0;
    margin-top:3px;
    }

#left-sidebar .banner{
    margin:20px  auto;
    }
/** ranking **/
table.rank{
        padding:0;
      }

.rank td.rank_title{
        font-size:90%;
        padding-right:2px;
      }

table.rank td.seemore{
    text-align:right;
    padding-right:3px;
    }

td.seemore img{
    border:none;
    margin-top:5px;
    margin-bottom:5px;
    }

div.brand_top_rank div.seemore{
    clear:both;
    text-align:right;
    padding-right:10px;
    padding-bottom:10px;
    height:30px;
    }

div.brand_top_rank div.seemore img{
    text-align:right;
    border:none;
    margin-top:10px;
    }


.rank_num{
        color:#FF8000;
        font-weight:bold;
        font-size:150%;
        padding-left:5px;
}

table.rank_table{
    width:85%;
    margin-top:10px;
    max-width:800px;
    }


table.rank_table h3.title{
    font-weight:bold;
    font-size:100%;
    border-bottom:none;
    border-left:none;
    padding-left:0;
    margin-bottom:10px;
    }

table.rank_table td{
    padding-bottom:5px;
    }

table.rank_table td.rank_num{
    width:30px;
    }

table.rank_table td.image{
    width:110px;
    }

table.rank_table td.cart{
    vertical-align:bottom;
    }

table.rank_table td.item_info{
    padding-left:5px;
    }
table.rank_table .size,
table.rank_table .color{
    font-size:95%;
    }
table.rank_table s {
    color:#808080;
    font-weight:normal;
    display:inline;
    }
table.rank_table hr {
        margin:5px;
        height: 1px;
        color:#C5C5C5;
        }
        
.path{
        color:#959595;
        font-size:85%;
        margin-bottom:8px;
}
/****Pick Up ********/

#left-sidebar .pickup_box{
    text-align:center;
   }

#left-sidebar  div.item_box{
    margin-top:10px;
    margin-bottom:10px;
    }

#left-sidebar  div.name{
    text-align:left;
    font-size:90%;
    max-width:150px;
    margin: 0 auto; 
    }
/*************************************/

a :hover {
        text-decoration: underline;
}