body{
    font-family:"MS P Gothic","ＭＳ Ｐゴシック","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Verdana,Arial,Meiryo,sans-serif;
  }
  
  div#container{
    margin:10px;
  }
  div#all_list{
    margin:10px;
    padding:5px;
    background: #000000;
    color:#ffffff;
  }
  
  div.item{
    text-align:center;
    float:left;
    border:1px solid #aaaaaa;
    margin:2 2 2 2;
    width:200px;
    height:200px;
    font-size:13px;
    padding:10px;
    line-height:110%;
    overflow:hidden;
    position: relative;
  }

  .item a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


  div.item_title{
    width:200px;
    height:30px;
    overflow:hidden;
  }
  
  div.item_price{
    width:200px;
    height:13px;
    font-size:12px;
    overflow:hidden;
    text-align: right;
    margin:2 0 0 0;
  }
  
  div.item_shopname{
    width:200px;
    height:13px;
    font-size:10px;
    overflow:hidden;
    text-align: right;
  }
  
  img.image{
    border:1px solid #cccccc;
    margin:2 2 2 2;
    object-fit: contain;
  }
  
  div#item_area{
    margin-left:230px;
  }
  
  div#attribute_area{
    width:220px;
    float:left;
  
  }
  div.attribute_name{
    font-weight:bold;
    margin:0 0 10px 10px;
    background: #CCCCCC;
    padding:3px;
  }
  div.attribute{
    margin:0 0 20px 15px;
    font-size:13px;
    line-height:20px;
  }
  div#total_count{
    margin:0 0 0px 15px;
    font-size:13px;
    line-height:17px;
  }
  div#page_no{
    margin:0 0 5px 15px;
    font-size:13px;
    line-height:17px;
  }
  div#sort{
    margin:10px;
    font-size:13px;
    text-align: right;
  }
  div#breadcrumb{
    margin:10px;
    font-size:13px;
  }

  .pagination { text-align: center; margin-top: 20px; }
  .pagination a { padding: 8px 12px; border: 1px solid #ddd; margin: 2px; text-decoration: none; }
  .pagination a.active { background-color: #007bff; color: white; border: 1px solid #007bff; }