@charset "UTF-8";

/*-----------------------------------------------------------------------------
 左メニュー
-----------------------------------------------------------------------------*/
div#main div.menu {
    float: left;
    width: 230px;
    border: 0px solid #f00;
}
div.menu li {
    height: 53px;
    text-indent: -9999px;
}
div.menu li a {
    display: block;
    width: 141px;
    height: 30px;
}
div.menu ul {
    margin-left: 29px;
}

/* ロールオーバー時メニュー画像  */
li#all {
    background: transparent url('../../img/menu/all_over.jpg') no-repeat left top;
}
li#item {
    background: transparent url('../../img/menu/item_over.jpg') no-repeat left top;
}
li#list {
    background: transparent url('../../img/menu/list_over.jpg') no-repeat left top;
}
li#sale {
    background: transparent url('../../img/menu/sale_over.jpg') no-repeat left top;
}
li#sell {
    background: transparent url('../../img/menu/sell_over.jpg') no-repeat left top;
}
li#swatch {
    background: transparent url('../../img/menu/swatch_over.jpg') no-repeat left top;
}

/* 通常時メニュー画像 */
li#all a {
    background: transparent url('../../img/menu/all.jpg') no-repeat left top;
}
li#item a {
    background: transparent url('../../img/menu/item.jpg') no-repeat left top;
}
li#list a {
    background: transparent url('../../img/menu/list.jpg') no-repeat left top;
}
li#sale a {
    background: transparent url('../../img/menu/sale.jpg') no-repeat left top;
}
li#sell a {
    background: transparent url('../../img/menu/sell.jpg') no-repeat left top;
}
li#swatch a {
    background: transparent url('../../img/menu/swatch.jpg') no-repeat left top;
}

/* 通常時メニュー画像を消す */
li#all a:hover,
li#list a:hover,
li#sale a:hover,
li#swatch a:hover {
    background: none;
}

/* 選択時メニュー画像 */
li#all_selected a {
    background: transparent url('../../img/menu/all_over.jpg') no-repeat left top;
}
li#item_selected a {
    background: transparent url('../../img/menu/item_over.jpg') no-repeat left top;
}
li#list_selected a {
    background: transparent url('../../img/menu/list_over.jpg') no-repeat left top;
}
li#sale_selected a {
    background: transparent url('../../img/menu/sale_over.jpg') no-repeat left top;
}
li#sell_selected a {
    background: transparent url('../../img/menu/sell_over.jpg') no-repeat left top;
}
li#swatch_selected a {
    background: transparent url('../../img/menu/swatch_over.jpg') no-repeat left top;
}

/*-----------------------------------------------------------------------------
 右コンテンツ
-----------------------------------------------------------------------------*/
div#contents {
    float: right;
    width: 671px;
    border: 0px solid #00f;
}

/*-----------------------------------------------------------------------------
 検索機能
-----------------------------------------------------------------------------*/
div#contents div.title {
    width: 171px;
    height: 16px;
    float: left;
    margin-left: 35px;
    color: #eb656f;
    font-size: 15px;
    margin-bottom: 5px;
    border: 0px solid #00f;
}
div#contents div.notice {
    width: 348px;
    height: 16px;
    float: left;
    color: #000000;
    font-size: 12px;
    text-align: right;
    margin-bottom: 5px;
    border: 0px solid #00f;
}
div#contents div.search {
    clear: both;
    width: 671px;
    border: 0px solid #f00;
}
div.search table {
    width: 519px;
    margin-left: 35px;
    border-collapse: collapse;
    border-top: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    color: #3f3f3f;
    font-size: 12px;
}
div.search th {
    border-bottom: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    background-color: #ffc5bb;
    text-align: center;
}
div.search td {
    border-bottom: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    padding: 5px 0 5px 10px;
}
div.search div.button {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 600px;
    text-align: center;
}
input#sarch_button {
    width: 80px;
}

/*-----------------------------------------------------------------------------
 検索結果
-----------------------------------------------------------------------------*/
div#contents div.header {
    overflow: hidden; /* IE6だけ隙間ができるので */
    background: transparent url('../../img/frame/header.jpg') no-repeat left top;
    height: 10px;
    width: 602px;
}
div#contents div.main {
    background: transparent url('../../img/frame/main.jpg') repeat-y left top;
    width: 602px;
}
div#contents div.footer {
    background: transparent url('../../img/frame/footer.jpg') no-repeat left top;
    height: 10px;
    width: 602px;
}

/*-----------------------------------------------------------------------------
 生地の説明
-----------------------------------------------------------------------------*/
div.cloth {
    clear: both;
    border: 0px solid #00f;
}

div.cloth h2.title {
    margin: 0 0 5px 22px;
    color: #b45942;
    font-size: 18px;
    font-weight: bold;
}

div.cloth h2.title span.sub {
    font-size: 13px;
}

div.cloth h2.title span.notice {
    margin-left: 20px;
    color: #595758;
    font-size: 12px;
    font-weight: normal;
}

div.cloth div.wrapper {
    margin: 23px 0 0 32px;
    border: 0px solid #00f;
}

div.wrapper div.item {
    float: left;
    width: 267px;
    text-align: center;
    border: 0px solid #f00;
}

div.item div.label {
    margin-top: 5px;
}

div.item p.notice {
    margin-top: 5px;
    color: #452414;
    font-size: 12px;
}

/*-----------------------------------------------------------------------------
 バナー
-----------------------------------------------------------------------------*/
div#contents div.navi {
    margin: 10px 0 0 25px;
    width: 602px;
    height: 100px;
    border: 0px solid #00f;
}
div.navi div.offsale {
    float: left;
    width: 198px;
    height: 60px;
    border: 0px solid #00f;
}
div.navi div.message {
    margin: 5px 0 0 5px;
    float: left;
    width: 128px;
    height: 55px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    border: 0px solid #0f0;
}
div.navi div.logo {
    float: left;
    width: 137px;
    height: 60px;
    border: 0px solid #f00;
}

div#contents div.jump {
    margin-top: 5px;
    width: 602px;
    text-align: right;
    font-size: 10px;
    color: #eb656f;
}