@charset "shift_jis";

@import url("common/common.css");
@import url("common/utility.css");
@import url("common/contents.css");

/* ---------------------------------------------- *
 *  contents                (width: 540px)
 *   - products-box         (width: 540px)
 *     - product            (width: 120px / paddign-left: 20px)
 *
 *
 *
 *   - products-list        (width: 540px)
 *     - product            (width: 540px)
 *       - product-name     (font-size: 85%)
 *
 *       - product-left     (width: 120px / padding-right: 10px)
 *       - product-center   (width: 190px)
 *       - product-right    (width: 210px)
 *
 */

/* utility.css 上書き */
table, td {
padding:0;
border:none;
}


/* ---------------------------------------------- *
 * サムネイル                                     */

.products-box {
width:540px;
margin-bottom:11px;
padding-bottom:11px;
background:url(../img/common/border-dot.gif) no-repeat bottom;
}

td {
vertical-align:top;
background:url(../img/category/bg-ichiran-product.gif) repeat-y right;
}

/* contents.css 上書き -- */
.products-box .product {
padding-left:20px;
}


/* ---------------------------------------------- *
 * 一覧表示                                       */

.products-list .product {
float:none;           /* contents.css 上書き */
width:540px;          /* contents.css 上書き */
margin-bottom:9px;
padding-bottom:9px;
background:url(../img/common/border-dot.gif) no-repeat bottom;
}

.products-list .product p {
width:auto;           /* contents.css 上書き */
}

.products-list .product-name {
margin-bottom:9px;
font-weight:bold;
font-size:107%; /* #body の font-size 80% × 107% ＝ 約85% */
}


/* 製品段組 */
.product-left {
float:left;
width:120px;
padding-right:10px;
}

.product-left .photo{
padding-bottom:10px;   /* contents.css 上書き */
}

.product-center {
float:left;
width:190px;
}

.product-center p.comment {
margin-top:-3px;
}

.product-right {
float:right;
width:210px;
}