@charset "shift_jis";


/* Base layout
======================================================================= */


/* Header
----------------------------------------------------------------------- */
div#guiHeaderBase { width:100%; height:114px; background:transparent url(../img/usr/guide/bg_gui_headerbase.jpg) repeat-x center top; }
div#guiHeader { width:600px; height:114px; overflow:hidden; margin:0 auto; background:transparent url(../img/usr/guide/bg_gui_header.jpg) no-repeat 0 0; }
div#guiHeader  h1 { text-indent:-9999px; }

/* Containner
----------------------------------------------------------------------- */
div#guiContainer { width:560px; background-color:#fff; margin:0 auto; padding:30px 0 40px; text-align:left; }

div#guiContainer .text { padding-right:5px; padding-left:5px; }

div#guiContainer h3 { height:30px; padding-left:23px; margin-top:30px; margin-bottom:10px; background:transparent url(../img/usr/static/bg_static_ttl.gif) no-repeat 0 0; }

div#guiContainer .bottomDot { padding-bottom:30px; background:transparent url(../img/usr/common/line_cross.gif) repeat-x left bottom; }
div#guiContainer .arw_dot { background:transparent url(../img/usr/common/arw_dot.gif) no-repeat left 5px; padding-left:6px; }


div#guiContainer.guide ul.guiNav { margin-top:20px; }
div#guiContainer.guide ul.guiNav li { float:left; display:inline; margin-right:1px; margin-bottom:1px; text-align:center; height:22px; padding-top:4px; }
div#guiContainer.guide ul.guiNav li.n01 { width:122px; background:transparent url(../img/usr/guide/bg_gui_guide_nav01.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.n02 { width:122px; background:transparent url(../img/usr/guide/bg_gui_guide_nav02.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.n03 { width:173px; background:transparent url(../img/usr/guide/bg_gui_guide_nav03.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.n04 { width:140px; background:transparent url(../img/usr/guide/bg_gui_guide_nav04.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.n05 { width:173px; background:transparent url(../img/usr/guide/bg_gui_guide_nav05.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.n06 { width:163px; background:transparent url(../img/usr/guide/bg_gui_guide_nav06.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.n07 { width:148px; background:transparent url(../img/usr/guide/bg_gui_guide_nav07.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.n08 { width:222px; background:transparent url(../img/usr/guide/bg_gui_guide_nav08.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.n09 { width:301px; background:transparent url(../img/usr/guide/bg_gui_guide_nav09.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.n10 { width:177px; background:transparent url(../img/usr/guide/bg_gui_guide_nav10.gif) no-repeat 0 0; }
div#guiContainer.guide ul.guiNav li.last { margin-right:0; }
div#guiContainer.guide ul.guiNav li a { color:#ffffff; font-weight:bold; }
div#guiContainer.guide dl,
div#guiContainer.guide p { padding-right:7px; padding-left:7px; }
div#guiContainer.guide dl#step dt { width:22px; height:23px; background:transparent url(../img/usr/guide/bg_gui_guide_no.gif) no-repeat 0 0; color:#ffffff; font-weight:bold; padding:3px 0 0 5px; margin-bottom:10px; }
div#guiContainer.guide dl#step dd { margin-bottom:20px; }
div#guiContainer.guide dl#step dd.last { margin-bottom:0; }
div#guiContainer.guide dl#step dd img { float:left; margin-right:10px; }
div#guiContainer.guide dl#step dd p img { float:none; margin:0 5px; }
div#guiContainer.guide p span { color:#ff0000; }

div#guiContainer.qa dl#qa_q dt { width:547px; height:22px; margin-top:20px; padding:4px 0 0 13px; background:transparent url(../img/usr/guide/bg_gui_qa_q.gif) no-repeat 0 0; color:#ffffff; font-weight:bold; }
div#guiContainer.qa dl#qa_q dd { margin:7px 7px 0; padding-left:19px; background:transparent url(../img/usr/guide/icon_gui_qa_q.gif) no-repeat 0 2px; font-weight:bold; }
div#guiContainer.qa h3 { width:547px; height:22px; margin-top:20px; padding:4px 0 0 13px; background:transparent url(../img/usr/guide/bg_gui_qa_a.gif) no-repeat 0 0; font-weight:bold; }
div#guiContainer.qa dl#qa_a dt { margin:10px 7px 0; padding-left:19px; background:transparent url(../img/usr/guide/icon_gui_qa_q.gif) no-repeat 0 2px; font-weight:bold; }
div#guiContainer.qa dl#qa_a dd { margin:7px 7px 0; padding-left:19px; background:transparent url(../img/usr/guide/icon_gui_qa_a.gif) no-repeat 0 2px; }
div#guiContainer.qa dl#qa_a a { text-decoration:underline; }
div#guiContainer.qa dl#qa_a a:hover { text-decoration:none; }
div#guiContainer.qa div#callcenter { margin-top:30px; padding:0 25px 30px; }
div#guiContainer.qa div#callcenter a { text-decoration:underline; }
div#guiContainer.qa div#callcenter a:hover { text-decoration:none; }

div#guiContainer.aboutpoint div#guiLead  h2 { width:560px; height:119px; overflow:hidden; background:transparent url(../img/usr/guide/ttl_gui_point.gif) no-repeat 0 0; text-indent:-9999px; }
div#guiContainer.aboutpoint div#guiLead  p { width:440px; height:79px; padding:55px 10px 0 110px; overflow:hidden; background:transparent url(../img/usr/guide/bg_gui_point_lead.gif) no-repeat 0 0; font-weight:bold; }
div#guiContainer.aboutpoint div.pointcard { float:left; display:inline; width:105px; height:35px; padding:130px 0 0 170px; background:transparent url(../img/usr/guide/bg_gui_point_cash.jpg) no-repeat 0 0; }
div#guiContainer.aboutpoint div.membercredit { float:right; display:inline; width:105px; height:35px; padding:130px 0 0 170px; background:transparent url(../img/usr/guide/bg_gui_point_member.jpg) no-repeat 0 0; }
div#guiContainer.aboutpoint ul li { margin-bottom:10px; }

div#guiContainer.shipping div#guiLead { width:412px; padding-top:102px; padding-right:142px; padding-left:6px; background:transparent url(../img/usr/guide/ttl_gui_shipping.gif) no-repeat 0 0; }
div#guiContainer.shipping div#guiLead h2 { display:none; }
div#guiContainer.shipping div#guiLead p span { font-weight:bold; color:#f20000; }
div#guiContainer.shipping p.shippingText { width:560px; height:63px; padding-top:24px; text-align:center; background:transparent url(../img/usr/guide/bg_gui_shipping_text.gif) no-repeat 0 0; font-weight:bold; }
div#guiContainer.shipping p.shippingText.long { height:72px; padding-top:15px; }

div#guiContainer.payment div#guiLead { width:454px; height:56px; padding-top:107px; padding-right:100px; padding-left:6px; background:transparent url(../img/usr/guide/ttl_gui_payment.gif) no-repeat 0 0; }
div#guiContainer.payment div#guiLead h2 { display:none; }
div#guiContainer.payment ul.guiNav li { float:left; display:inline; margin-right:1px; text-align:center; height:22px; padding-top:4px; margin-bottom:0; }
div#guiContainer.payment ul.guiNav li.n01 { width:140px; background:transparent url(../img/usr/guide/bg_gui_payment_nav01.gif) no-repeat 0 0; }
div#guiContainer.payment ul.guiNav li.n02 { width:122px; background:transparent url(../img/usr/guide/bg_gui_payment_nav02.gif) no-repeat 0 0; }
div#guiContainer.payment ul.guiNav li.n03 { width:173px; background:transparent url(../img/usr/guide/bg_gui_payment_nav03.gif) no-repeat 0 0; }
div#guiContainer.payment ul.guiNav li.n04 { width:122px; background:transparent url(../img/usr/guide/bg_gui_payment_nav04.gif) no-repeat 0 0; }
div#guiContainer.payment ul.guiNav li.last { margin-right:0; }
div#guiContainer.payment ul.guiNav li a { color:#ffffff; font-weight:bold; }
div#guiContainer.payment ul li img,
div#guiContainer.payment div.ac img { border:1px solid #c9c9c9; margin:5px; }
div#guiContainer.payment p.creditText { padding-right:5px; padding-left:5px; font-weight:bold; }




/* To Page Top Naka
----------------------------------------------------------------------- */
div#toPageTopGui { padding-top:10px; text-align:right; }
div#toPageTopGui a { text-decoration:underline; background:transparent url(../img/usr/common/arw_to_top.gif) no-repeat left center; padding-left:16px; }
div#toPageTopGui a:hover { text-decoration:none; }


/* Footer
----------------------------------------------------------------------- */
div#guiFooter { width:100%; height:26px; background:transparent url(../img/usr/guide/bg_gui_footerbase.jpg) repeat-x 0 0; text-align:center; }
div#guiFooter address { padding-top:5px; color:#ffffff; }