@charset "UTF-8";

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

/* ロールオーバー時メニュー画像  */
li#guideside {
    background: transparent url('../../img/menu/guideside_over.jpg') no-repeat left top;
}
li#privacy {
    background: transparent url('../../img/menu/privacy_over.jpg') no-repeat left top;
}
li#law {
    background: transparent url('../../img/menu/law_over.jpg') no-repeat left top;
}

/* 通常時メニュー画像 */
li#guideside a {
    background: transparent url('../../img/menu/guideside.jpg') no-repeat left top;
}
li#privacy a {
    background: transparent url('../../img/menu/privacy.jpg') no-repeat left top;
}
li#law a {
    background: transparent url('../../img/menu/law.jpg') no-repeat left top;
}

/* 通常時メニュー画像を消す */
li#guideside a:hover,
li#privacy a:hover,
li#law a:hover {
    background: none;
}

/* 選択時メニュー画像 */
div.menu ul.main li#guideside_selected {
    height: 43px;
}
li#guideside_selected a {
    background: transparent url('../../img/menu/guideside_over.jpg') no-repeat left top;
}
li#privacy_selected a {
    background: transparent url('../../img/menu/privacy_over.jpg') no-repeat left top;
}
li#law_selected a {
    background: transparent url('../../img/menu/law_over.jpg') no-repeat left top;
}

/* サブメニュー */
div.menu ul.sub {
    margin-left: 60px;
    font-size: 12px;
}
div.menu ul.sub li {
    list-style-image: url('../../img/square_brown.jpg');
    margin-bottom: 10px;
}
div.menu ul.sub li a {
    color: #452414;
    text-decoration: none;
}

/* メニュー選択時 */
div.menu ul.sub li.selected {
    list-style-image: url('../../img/square_pink.jpg');
}
div.menu ul.sub li.selected a {
    color: #ee8189;
    text-decoration: none;
}

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

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: 60px;
    width: 602px;
}

/*-----------------------------------------------------------------------------
 お買い物方法
-----------------------------------------------------------------------------*/
div.main h2.title {
    margin-left: 30px;
    color: #d05c6a;
    font-size: 17px;
    font-weight: bold;
}

div.main div.line {
    margin-left: 25px;
    width: 602px;
    height: 4px;
    background: transparent url('../../img/title_line_short.jpg') no-repeat left top;
    border: 0px solid #00f;
}

div.shopping div.provisions {
    margin: 22px 0 0 0;
    padding-left: 30px;
    width: 550px;
}

div.shopping ul {
    margin: 0 0 0 1em;
    padding: 0;
    border: 0px solid #00f;
}

div.shopping li {
    list-style-type: decimal;
    color: #595758;
    font-size: 12px;
    line-height: 20px;
}

/*-----------------------------------------------------------------------------
 お支払い方法
-----------------------------------------------------------------------------*/
div.pay p {
    color: #595758;
    font-size: 12px;
    line-height: 20px;
}

div.pay p.notice {
    margin: 22px 0 0 25px;
}

div.pay div.provisions {
    padding-left: 30px;
    width: 550px;

    list-style-type: decimal;
    color: #595758;
    font-size: 12px;
    line-height: 20px;    
}

div.pay ul {
    margin: 0 0 0 1em;
    padding: 0;
    border: 0px solid #00f;
}

div.pay li {
    list-style-type: decimal;
    color: #595758;
    font-size: 12px;
    line-height: 20px;
}

div.pay p.note {
    margin: 30px 0 0 35px;
}

/*-----------------------------------------------------------------------------
 送料
-----------------------------------------------------------------------------*/
div.main div.line_gray {
    margin-left: 22px;
    width: 550px;
    height: 4px;
    background: transparent url('../../img/title_line.jpg') no-repeat left top;
    border: 0px solid #00f;
}

div.carriage p {
    margin: 22px 0 0 35px;
    color: #595758;
    font-size: 12px;
    line-height: 20px;
}

/*-----------------------------------------------------------------------------
 返品・交換
-----------------------------------------------------------------------------*/
div.return_change p {
    color: #595758;
    font-size: 12px;
    line-height: 20px;
}

div.return_change p.notice {
    margin: 22px 0 0 35px;
}

div.return_change p.note {
    margin: 30px 0 0 35px;
    width: 550px;
}

div.return_change p.atention {
    margin: 30px 0 30px 35px;
}

div.return_change ul {
    margin-left: 35px;
    width: 550px;
    border: 0px solid #00f;
}

div.return_change li {
    list-style-type: disc;
    list-style-position: inside;
    color: #595758;
    font-size: 12px;
    line-height: 20px;
}

/* ページトップ */
div#contents div.jump {
    margin-top: 5px;
    width: 590px;
    text-align: right;
}

div#contents div.jump a {
    color: #eb656f;
    font-size: 10px;
    vertical-align: bottom;
    text-decoration: none;
}

/* 高さ調整 */
div.main div.list {
    height: 10px;
}