@charset "EUC-JP";

/**
 * トップページ メインカラム中央
 */
.column_c {
    float: left;
    width: 538px;
    display: inline; /* IE6 hack */
}


.column_c DIV.center_banner {
    width: 538px;
    overflow: hidden;
    margin-bottom: 10px;
}


/**
 * ランキング枠
 */
.column_c TABLE.top3 {
    width: 538px;
    table-layout: fixed;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}


.column_c TABLE.top3 TR {
    vertical-align: top;
}


/**
 * TOP3 ランキングロゴ 商品紹介
 */
.column_c TABLE.top3 .column1 {
    float: left;
    width: 104px;
    padding: 5px 0;
    text-align: center;
    line-height: 11pt;
    display: inline;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 11px;
}


/**
 * TOP3 時計画像(div)
 */
.column_c TABLE.top3 .column2 {
    float: right;
    width: 73px;
    padding: 5px 0 0 0;
    display: inline;
    overflow: hidden;
}


/**
 * TOP3 時計画像(img)
 */
.column_c TABLE.top3 .column2 IMG {
    height: 100px;
}


.column_c_rank {
    float: left;
    border: 1px solid #999999;
    width:178px;
    height: 150px;
}
.column_c_td_rank {
    border: 1px solid #999999;
    width:178px;
}

/**
 * トップページ ブランドへのリンク画像
 */
.column_c_brand {
    float: left;
    width: 170px;
}

/**
 * トップページ ブランドへのリンク画像（キャプション）
 */
.column_c_brand_caption {
    width: 170px;
    text-align: center;
    padding-top: 5px;
}

/**
 * トップページ 右カラム
 */
.column_r {
    float: right;
    width: 160px;
    display: inline; /* IE6 hack */
}


/**
 * トップページ 右カラム 共通バナー
 */
.column_r DIV.right_banner {
    width: 160px;
    overflow: hidden;
    margin-bottom: 10px;
}


/**
 * トップページ 右カラム プライスダウンエリア
 */
.column_r_border {
    width: 158px;
    border: 1px solid #999999;
    font-size: 11px;
}

/**
 * トップページ 右カラム プライスダウンエリア 価格部分
 */
.column_r_pricedown_price {
    width: 160px;
    /*background-image: url(/img2011/top/pricedown2.gif);*/
    text-align: center;
    line-height: 38px;
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
}


/**
 * 最近チェックした商品
 */
.column_r_recent_header {
    margin-top: 10px;
}

/*
 * IE11対策. flex-itemの高さが不定だとalign-items:centerで縦中央にならない.
 * containerでstretch, itemでcenterを指定.
 */
.column_r_recent_item {
    width: 158px;
    padding: 5px 0;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.column_r_recent_item .recent_img,
.column_r_recent_item .recent_caption {
    min-height: 100px;
    display: inline-flex;
    align-items: center;
}

.column_r_recent_item .recent_img {
    width: 73px;
    flex: 0 0 auto;
}

.column_r_recent_item .recent_img img {
    width: 100%;
    height: auto;
}

.column_r_recent_item .recent_caption {
    width: 80px;
    flex: 0 0 auto;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 11pt;
    font-size: 11px;
}

/**
 * twitterブログパーツ
 */
.twtr-hd { display: none; }
.twtr-ft { display: none; }


/**
 * 中央バナー
 */
DIV.center_banner DIV.banner_caption,
DIV.feature_left  DIV.banner_caption,
DIV.feature_right DIV.banner_caption {
    padding-top: 5px;
    text-align: center;
}

/**
 * 特集左
 */
DIV.feature_left {
    width: 267px;
    float: left;
    overflow: hidden;
}
DIV.feature_left DIV.feature_image {
    text-align: left;
}

/*
 * 特集右
 */
DIV.feature_right {
    width: 267px;
    float: right;
    overflow: hidden;
}
DIV.feature_right DIV.feature_image {
    text-align: right;
}