@charset "UTF-8";

/*-----------------------------------------------------------------------------
 バナー
-----------------------------------------------------------------------------*/
div#banner div.down {
    margin-top: 10px;
}

/*-----------------------------------------------------------------------------
 サブ
-----------------------------------------------------------------------------*/
div#sub {
    margin: 35px 0 15px 0;
    border: 0px solid #f00;
}


div#sub div.header {
    overflow: hidden; /* IE6だけ隙間ができるので */
    width: 672px;
    height: 10px;
    background: transparent url(../../img/sub/header.jpg) no-repeat left top;
}
div#sub div.main {
    width: 672px;
    background: transparent url(../../img/sub/main.jpg) repeat-y left top;
}

div#sub div.footer {
    width: 672px;
    height: 12px;
    background: transparent url(../../img/sub/footer.jpg) no-repeat left top;
}

/*-----------------------------------------------------------------------------
 ナビゲーション
-----------------------------------------------------------------------------*/
div.navi {
    overflow: hidden;
}

div.navi ul {
    margin-left: 32px;
    font-size: 12px;
}

div.navi li {
    display: inline;
    border-left: 1px solid #462515;
    padding: 0 10px;
}

div.navi li.last {
    border-right: 1px solid #462515;
}

div.navi a {
    color: #462515;
    text-decoration: none;
}

/*-----------------------------------------------------------------------------
 生地紹介
-----------------------------------------------------------------------------*/
div#sub h2.title {
    clear: left;
    margin-left: 8px;
    width: 638px;
    height: 83px;
    background: transparent url(../../img/title/concierge.jpg) no-repeat left top;
    text-indent: -9999px;
}


div#sub div.cloth {
    margin-left: 60px;
}

/* テキスト */
div.cloth div.text {
    float: left;
    width: 387px;
}

div.cloth h3.catchcopy {
    height: 20px;
    color: #b45942;
    font-size: 14px;
    font-weight: bold;
}

div.cloth p.comment {
    color: #595758;
    font-size: 12px;
}

/* 写真 */
div.cloth div.photo {
    float: left;
    width: 191px;
}

/* この商品ページへ */
div.cloth div.detail {
    clear: left;
    width: 578px;
    text-align: right;
}
div.cloth div.detail a {
    color: #7bbbdc;
    font-size: 10px;
    text-decoration: none;
}

div#sub div.bar {
    margin-left: 8px;
    width: 638px;
    height: 33px;
    background: transparent url(../../img/sub/bar.jpg) no-repeat left top;
}

/* Page Top */
div#sub div.jump {
    width: 638px;
    height: 30px;
    text-align: right;
}

div#sub div.jump a {
    color: #7bbbdc;
    font-size: 10px;
    text-decoration: none;
}