@charset "euc-jp";
/* CSS Document */


/* ショッピングガイド（guide/）*/



/* カテゴリ内ナビゲーション */

#navi_link {
 width: 492px;
 height: 29px;
 list-style-type: none;
 float: right;
 margin-right: 20px;
 background: url(../../guide/img/navi_link.gif) no-repeat 0 0;
}
#navi_link li {
 width: 123px;
 height: 29px;
 float: left;
}
#navi_link a {
 width: 123px;
 height: 29px;
 display: block;
}
#navi_link #navi_link_01 a:hover { background: url(../../guide/img/navi_link.gif) no-repeat 0 bottom;}
#navi_link #navi_link_02 a:hover { background: url(../../guide/img/navi_link.gif) no-repeat -123px bottom;}
#navi_link #navi_link_03 a:hover { background: url(../../guide/img/navi_link.gif) no-repeat -246px bottom;}
#navi_link #navi_link_04 a:hover { background: url(../../guide/img/navi_link.gif) no-repeat -369px bottom;}

#navi_link #navi_link_01_on a { background: url(../../guide/img/navi_link.gif) no-repeat 0 -29px;}
#navi_link #navi_link_02_on a { background: url(../../guide/img/navi_link.gif) no-repeat -123px -29px;}
#navi_link #navi_link_03_on a { background: url(../../guide/img/navi_link.gif) no-repeat -246px -29px;}
#navi_link #navi_link_04_on a { background: url(../../guide/img/navi_link.gif) no-repeat -369px -29px;}


/* ページタイトル（ガイド） */

.ttl_pagename_guide {
 width: 715px;
 height: 50px;
 margin: 0 auto 25px;
 font-size: 1px;
 float: none;
 clear: both;
}

#ttl_pagename_guide_howto { background: url(../../guide/img/howto/ttl_pagename.gif) no-repeat 0 0;}
#ttl_pagename_guide_pay { background: url(../../guide/img/pay/ttl_pagename.gif) no-repeat 0 0;}
#ttl_pagename_guide_cancel { background: url(../../guide/img/cancel/ttl_pagename.gif) no-repeat 0 0;}
#ttl_pagename_guide_member { background: url(../../guide/img/member/ttl_pagename.gif) no-repeat 0 0; margin-bottom: 0;}


/* 小見出し(h2） */

.ttl_h2 {
 width: 715px;
 height: 40px;
 margin-bottom: 15px;
 font-size: 1px;
 float: none;
 clear: both;
}


/* 会員登録ボタン */

.btn_member_guide {
 width: 254px;
 height: 54px;
 background: url(../../guide/img/btn_member.gif) no-repeat 0 0;
}
.btn_member_guide a {
 width: 254px;
 height: 54px;
 display: block;
}
.btn_member_guide a:hover {
 background: url(../../guide/img/btn_member.gif) no-repeat 0 bottom;
}


/* ページ下リンク */

#link_guide_b {
 text-align: center;
 margin-top: 40px;
 list-style-type: none;
 float: none;
 clear: both;
}
#link_guide_b li {
 display: inline;
 padding: 0 8px;
 border-left: 1px solid #777;
}
#link_guide_b li#link_guide_b_first {
 border-left: none 0px #FDF9F6;
}



/* ------------------------- トップページ（guide/index.html） ------------------------- */

#guide_top {
 width: 705px;
 margin: 0 20px;
 list-style: none;
}

#guide_top li {
 width: 346px;
 height: 150px;
 float: left;
 margin-bottom: 15px;
}
#guide_top li a {
 width: 346px;
 height: 150px;
 display: block;
}

#guide_top_btn_link_howto { background: url(../../guide/img/btn_link_howto.jpg) no-repeat 0 0; margin-right: 13px;}
#guide_top_btn_link_pay { background: url(../../guide/img/btn_link_pay.jpg) no-repeat 0 0;}
#guide_top_btn_link_cancel { background: url(../../guide/img/btn_link_cancel.jpg) no-repeat 0 0; margin-right: 13px;}
#guide_top_btn_link_member { background: url(../../guide/img/btn_link_member.jpg) no-repeat 0 0;}

#guide_top_btn_link_howto a:hover { background: url(../../guide/img/btn_link_howto.jpg) no-repeat 0 bottom;}
#guide_top_btn_link_pay a:hover { background: url(../../guide/img/btn_link_pay.jpg) no-repeat 0 bottom;}
#guide_top_btn_link_cancel a:hover { background: url(../../guide/img/btn_link_cancel.jpg) no-repeat 0 bottom;}
#guide_top_btn_link_member a:hover { background: url(../../guide/img/btn_link_member.jpg) no-repeat 0 bottom;}





/* ------------------------- お買い物の仕方（guide/howto.html） ------------------------- */

#howto_ttl_h2_01 { background: url(../../guide/img/howto/ttl_h2_01.jpg) no-repeat 0 0;}
#howto_ttl_h2_02 { background: url(../../guide/img/howto/ttl_h2_02.jpg) no-repeat 0 0;}
#howto_ttl_h2_03 { background: url(../../guide/img/howto/ttl_h2_03.jpg) no-repeat 0 0;}
#howto_ttl_h2_04 { background: url(../../guide/img/howto/ttl_h2_04.jpg) no-repeat 0 0;}
#howto_ttl_h2_05 { background: url(../../guide/img/howto/ttl_h2_05.jpg) no-repeat 0 0;}
#howto_ttl_h2_06 { background: url(../../guide/img/howto/ttl_h2_06.jpg) no-repeat 0 0;}


.howto_box {
 width: 695px;
 margin-left: auto;
 margin-right: auto;
 float: none;
 clear: both;
}
.howto_box h3 {
 color: #E68C51;
 font-size: 14px;
 background: url(../img/icon_circle_02.gif) no-repeat 0 5px;
 padding-left: 12px;
}
.howto_box .howto_box_link {
 font-size: 14px;
 background: url(../img/icon_arrow_03.gif) no-repeat 0 8px;
 padding: 2px 0 2px 18px;
}
.howto_box_l {
 width: 470px;
 float: left;
 padding-bottom: 25px;
}
.howto_box_r {
 float: right;
 margin-bottom: 30px;
} 



/* ------------------------- 支払方法・配送（guide/pay.html） ------------------------- */

#pay_ttl_h2_01 { background: url(../../guide/img/pay/ttl_h2_01.jpg) no-repeat 0 0;}
#pay_ttl_h2_02 { background: url(../../guide/img/pay/ttl_h2_02.jpg) no-repeat 0 0;}

.pay_box {
 width: 645px;
 padding: 19px ;
 border: 1px solid #DAD8C0;
 background: #FFF;
 margin-left: auto;
 margin-right: auto;
 font-size: 14px;
}
.pay_box h3 {
 width: 645px;
 height: 27px;
 margin-bottom: 10px;
}
#pay_ttl_h3_01 { background: url(../../guide/img/pay/ttl_pay_01.gif) no-repeat 0 0;}
#pay_ttl_h3_02 { background: url(../../guide/img/pay/ttl_pay_02.gif) no-repeat 0 0;}
#pay_ttl_h3_03 { background: url(../../guide/img/pay/ttl_pay_03.gif) no-repeat 0 0;}


.pay_box p {
 margin-left: 15px;
 margin-right: 15px;
 font-size: 14px;
}
.pay_box ul {
 margin: 0 15px;
 list-style-type: none;
}
.pay_box ul li {
 background: url(../img/icon_circle_03.gif) no-repeat 0 10.5px;
 padding: 5px 0 0 14px;
}

.pay_box .pay_box_transfer_l {
 display: block;
 width: 65px;
 float: left;
}
.pay_box .pay_box_transfer_r {
 display: block;
 width: 525px;
 float: right;
}




/* ------------------------- 返品について（guide/cancel.html） ------------------------- */

.cancel_ttl_h2 {
 width: 715px;
 height: 25px;
 margin-bottom: 15px;
 font-size: 1px;
 float: none;
 clear: both;
}
#cancel_ttl_h2_01 { background: url(../../guide/img/cancel/ttl_h2_01.gif) no-repeat 0 0;}
#cancel_ttl_h2_02 { background: url(../../guide/img/cancel/ttl_h2_02.gif) no-repeat 0 0;}
#cancel_ttl_h2_03 { background: url(../../guide/img/cancel/ttl_h2_03.gif) no-repeat 0 0;}
#cancel_ttl_h2_04 { background: url(../../guide/img/cancel/ttl_h2_04.gif) no-repeat 0 0;}
#cancel_ttl_h2_05 { background: url(../../guide/img/cancel/ttl_h2_05.gif) no-repeat 0 0;}

.cancel_list {
 margin-left: 15px;
 margin-right: 15px;
 list-style-type: none;
}
.cancel_list li {
 background: url(../img/icon_circle_03.gif) no-repeat 0 6px;
 padding: 2px 0 0 14px;
}

.cancel_box {
 width: 645px;
 padding: 19px;
 border: 1px solid #DAD8C0;
 background: #FFF;
 margin-left: auto;
 margin-right: auto;
 font-size: 14px;
}
.cancel_box h3 {
 color: #CFBC38;
 font-size: 14px;
 margin-left: 15px;
 margin-right: 15px;
 background: url(../img/icon_circle_04.gif) no-repeat 0 5px;
 padding-left: 12px;
}
.cancel_box p {
 margin-left: 15px;
 margin-right: 15px;
 font-size: 14px;
}
.cancel_box .cancel_box_line {
 width: 645px;
 padding: 12px 0;
 background: url(../img/line_dot_02.gif) repeat-x 0 center;
}



/* ------------------------- 会員登録について（guide/member.html） ------------------------- */

#member_mainimg {
 width: 715px;
 height: 210px;
 background: url(../../guide/img/member/main.jpg) no-repeat 0 0;
 margin-bottom: 25px;
 margin-left: auto;
 margin-right: auto;
}
#member_mainimg h2 {
 height: 132px;
 font-size: 1px;
}
#member_mainimg .btn_member_guide {
 margin-left: 330px;
}

.member_ttl_h2 {
 width: 715px;
 height: 58px;
 margin-bottom: 15px;
 font-size: 1px;
 float: none;
 clear: both;
}
#member_ttl_h2_01 { background: url(../../guide/img/member/ttl_h2_01.jpg) no-repeat 0 0;}
#member_ttl_h2_02 { background: url(../../guide/img/member/ttl_h2_02.jpg) no-repeat 0 0;}

.member_box_l {
 width: 500px;
 float: left;
 padding-bottom: 25px;
}
.member_box_l h3 {
 width: 500px;
 height: 20px;
 margin-bottom: 10px;
}
#member_txt_merit_01 { background: url(../../guide/img/member/txt_merit_01.gif) no-repeat 0 0;}
#member_txt_merit_02 { background: url(../../guide/img/member/txt_merit_02.gif) no-repeat 0 0;}

.member_box_r {
 float: right;
 margin-bottom: 30px;
}