
* {
 margin:0;
 padding:0;
}

#wrapper {
        width: 99%;
        margin: 10px;
}

#container {
    float:none;
    margin-right:0;
    width:950px;
 }

#header {
    width: 100%;
}

#contents{
    width: 100%;
    float: right;
    margin-left: -220px;
    background-color:#fff;

}

#contents-inner{
    position: relative;
    margin: 0 0 0  200px;
    padding:  0 ;
    background-color:#fff;

}

#left-sidebar{
    width: 200px;
    float: left;
    overflow:hidden;
    }


div.top_text{
    font-size:90%;
    margin-bottom:10px;
    padding:3px 5px;
    color:#808080;
    }


div.unit_meter em{
    color:#FF0000;
    font-style:normal;
    }

/**********************
  contents
************************/
#left-sidebar .menu-box{
    width:180px;
    }
     
.page{
     font-size:85%;
     margin-left:20px;
     }


#contents-inner h1.title_line{
    width:100%;
    border-bottom:2px solid #808080;
    background:none;
    font-weight:normal;
    }

#contents-inner h2.title_line{
    width:85%;
    margin-bottom:10px;
    }

#contents-inner h3.title_line{
    width:20em;
    margin-bottom:10px;
    }


/****** category_table *******/
    
table.category_table{
    width:95%;
    overflow:hidden;
    border-collapse: separate;
    border-spacing: 5px 5px;
    margin: 10px auto 0;
    background-color:#fff;
    table-layout:fixed;
    }
table.category_table td{
    width:33%;
    height:200px;
    }


table.category_table td div.item_pict{
    display:table-cell;
    height:140px;
    width:140px;
    padding:3px;
    text-align:center;
    vertical-align:middle;
    border:2px dashed #aaaaaa;
    layout-grid-line:132px;
    margin-bottom:5px;
    }

table.category_table td div.item_pict img{
    vertical-align:middle;
    }


table.category_table td div.product_name{
    margin-top:10px;
    width:110px;
    font-size:85%;
    }

table.category_table td div.product_name div.price{
    color:#808080;
    }

table.category_table td div.product_name div.kind_size{
    color:#FF8000;
    }
    
table.category_table td div.product_name a,
table.list_table td div.product_name a{
    text-decoration:none;
    }


/****** list_table *******/

table.list_table{
    /*width:745px;*/
    overflow:hidden;
    border-collapse: separate;
    border-spacing: 3px auto;
    margin: 0 auto;
    table-layout:fixed;
    word-break:break-all;
    }

table.list_table td{
    /*border:1px solid #aaaaaa;*/
    vertical-align:middle;
    overflow:hidden;
    padding-bottom:20px;
    width:33%;
    }

table.list_table td div.item_pict{
    float:left;
    margin:0 5px 0 0;
    width:110px;
    height:110px;
    }


div.list_item  div.item_pict div.pict_box,
table.list_table td div.item_pict div.pict_box{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100px;
    height:100px;
    layout-grid-line:100px;
    border:1px solid #aaaaaa;
    padding:2px;
    }

table.list_table td div.item_pict div.pict_box2{
    
    margin-left:auto;
    margin-right:3px;
    width:40px;
    height:auto;
    }


table.list_table td div.item_pict div.pict_box img{
    max-height:95px;
    max-width:95px;
    /*vertical-align:middle;*/
    margin:0;
    }


table.list_table td div.item_pict div.pict_box2 img{
    max-height:40px;
    max-width:40px;
    }


table.list_table td div.item_info{
    float:left;
    width:120px;
    
    }
table.list_table td div.product_name{
      width:110px;
      font-size:90%;
      margin-top: 2px;
      }

table.list_table td div.item_info div.expansion{
    margin-top:5px;
    margin-left:2px;
    }

table.list_table td div.item_info div.expansion img{
    border:none;
    }

table.list_table td div.item_info div.kind_of_size{
    margin-top:5px;
    margin-left:2px;
    }
table.list_table td div.color{
      font-size:75%;
      color:#008080;
      font-weight:bold;
      margin-top: 2px;
    }
    
table.list_table td div.unit_meter{
      font-size:75%;
      color:#FF0000;
      font-weight:bold;
      margin-top: 2px;
    }

table.list_table td div.color span,
table.list_table td div.unit_meter span{
      font-size:100%;
      color:#000;
      font-weight:normal;
    }



table.list_table td .retail_price{
    font-size:smaller;
    text-decoration:line-through;
    color:#000;
    font-weight:normal;
    margin-right:4px;
    }

table.list_table td div.price{
      width:110px;
      font-size:85%;
      margin-top: 2px;
      color:#FF0000;
      font-weight:normal;
      }

table.list_table td div.cart{
    height:27px;
    padding-top:8px;
    
    }
table.list_table td div.cart input{
    width:100px;
    }

/***** pickup.html ****/
div.list_table{
        margin-left:10px;
}
    
div.list_table div.pickup_table div.list_item{
    float:left;
    overflow:hidden;
    margin-right:10px;
    margin-bottom:10px;
    width:230px;
}

div.list_table div.pickup_table div.list_item div.item_pict {
    float:left;
    text-align:center;
    width:106px;
    height:106px;
    }

div.list_table div.pickup_table div.list_item div.item_pict img{
    max-width:100px;
    max-height:100px;
    border:none;
    margin-top:3px;
}

div.list_table div.pickup_table div.list_item div.item_info{
    float:left;
    width:110px;
    font-size:85%;
    padding:5px;
    
    }

div.list_table div.pickup_table div.list_item div.item_info .price{
    margin-top:20px;
}
div.list_table div.pickup_table div.list_item div.item_info a{
    text-decoration:none;
}
    