@charset "euc-jp";

/*--------------
   page.css
 ---------------*/
 

/* ================================= */
/*                                   */
/*         PAGE BREADĦĦLIST          */
/*                                   */
/* ================================= */
#bread-list        { width: 100%; height: 26px; font-size: 92%; line-height: 26px; }
#bread-list p      { padding-left: 1em; }


/* ================================= */
/*                                   */
/*       SHOPPING GUIDE PAGE         */
/*                                   */
/* ================================= */
.red_box           { width: 91%; font-size: 115%; color: #FFF; margin: 15px auto; padding: 0.4em; text-align: center; background-color: #ef6767; border: 3px solid #ff0000; }
#guide-navi        { width: 700px; margin: 0 auto 15px auto; padding: 5px; list-style: url('../../images/icons/arrow_01.jpg') inside; display: block; }
#guide-navi2       { width:100%; margin: 0 auto 15px auto; padding: 5px; list-style: url('../../images/icons/arrow_01.jpg') inside; display: block; }
#guide-navi li     { float: left; margin-right: 1em; }
#guide-navi2 li    { float: left; margin-right: 1em; font-size:0.9em; line-height:1.5em; }
#guide             { border-bottom: 1px dashed #ccc; }
#guide p           { padding: 0.5em; }
.step_box          { margin-bottom: 50px; }
.step_box h3       { font-size: 1.2em; margin-bottom:10px; padding:10px; border-bottom:1px solid #000;}
.step_box h3 a     { text-decoration: none; color: #000; }
.step_box h4       { font-size: 1.1em; margin-bottom:10px; padding:5px 10px; border-left:3px solid #000;}
.step_box ol       { list-style-type: decimal; }
.step_box ol li    { line-height:1.7em; }
.step_box ul li    { line-height:1.7em; }
.step_box blockquote    { margin-left: 2em; }
.step_box p        { line-height:1.7em; }
.step_box div      { padding:10px; }
.box                    { border: 1px solid #ccc; padding: 0.5em; margin:10px 0 20px 20px; }
.box2                   { width: 100%; margin: 15px auto; border: 1px solid #aaa; padding: 1.2em; list-style: disc inside; }
.under-arrow_box        { width: 80%; text-align: center; background: url('../images/icons/arrow_02.jpg') no-repeat center bottom; margin: 15px auto; padding-bottom: 57px; }
#guide .sub_title   	{ font-size:1.3em; margin-bottom:0; font-weight:bold; color:#C00; padding-left:5px; }
#guide .rakuten-point   { height: 85px; background: url('../images/pages/shoppingguide/rakuten-point.gif') no-repeat 5px center; padding-left: 145px; display: block; }
#guide .delivery_trader { height: 55px; background: url('../images/common/footer/seino.gif') no-repeat 5px center; padding-left: 170px; }
#guide .none       { background: none; }

.guide-table            { width: 80%; margin: 8px auto; border: 1px solid #ccc; margin-bottom: 15px; }
.guide-table th         { font-weight: 700; text-align: center; padding: 3px 15px; border: 1px solid #ccc; background-color: #ededed; }
.guide-table td         { text-align: right; padding: 3px 20px; border: 1px solid #ccc; }
.guide-table2           { width: 98%; font-size: 87%; margin: 15px auto; border: 1px solid #ccc; }
.guide-table2 th        { width: 12%; font-weight: 700; padding: 0.3em; text-align: center; vertical-align: middle; border: 1px solid #ccc; background-color: #ededed; }
.guide-table2 td        { padding: 0.8em 0.3em; font-size: 93%; text-align: center; border: 1px solid #ccc; }
.guide-table3           { width: 98%; font-size: 90%; margin: 5px auto; border: 1px solid #ccc; }
.guide-table3 th        {  font-weight: 700; padding: 5px; text-align: center; vertical-align: middle; border: 1px solid #ccc; background-color: #ededed; }
.guide-table3 td        { padding: 5px; font-size: 93%; text-align: left; border: 1px solid #ccc; }


/* ================================= */
/*                                   */
/*       PRIVACY POLICY PAGE         */
/*                                   */
/* ================================= */
#policy            { padding-bottom: 25px; margin-bottom: 45px; border-bottom: 1px dashed #ccc; }
#policy h3         { width: 90%; text-align: center; font-size: 110%; letter-spacing: 0.5em; margin: 10px auto; padding: 0.85em; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; }
#policy p          { padding: 0.5em; }
#policy .box       { width: 90%; border-top: none; border-left: none; border-right: none; border-bottom: 1px dotted #aaa; padding: 1.2em; }


/* ================================= */
/*                                   */
/*            FAQ PAGE               */
/*                                   */
/* ================================= */
#faq              { padding-bottom: 25px; margin-bottom: 45px; border-bottom: 1px dashed #ccc; }
#faq p,
.faq_box          { padding: 0.5em; }
.faq_box h3       { height: 27px; font-size: 125%; background: url('../../images/pages/qa/qa-title.gif') left top no-repeat; padding-top: 15px; padding-left: 56px; border-bottom: 1px dashed #ddd; }
.faq_box ul       { margin-left: 2em; }
.faq_box .q       { list-style: url('../../images/icons/q.gif') inside; }
.faq_box ul li    { margin-top: 13px; margin-bottom: 13px; }
.faq_box ul .a    { color: #0f7a23; margin-top: 15px; margin-bottom: 45px; padding-left: 34px; padding-top: 5px; padding-bottom: 1em; background: url('../../images/icons/a.gif') no-repeat left top; list-style: none; }
.faq_box ul .a ul { margin: 0; list-style: circle inside; }
.faq_box ul .a ul ul li { padding-left: 1.5em; list-style: none; display: block; }
.faq_box ul .q a  { text-decoration: none; }
.faq_box ul li strong  { color: #ea3618; }
.faq_box .faq-table    { border: 1px solid #ccc; margin: 15px auto; }
.faq_box .faq-table th { text-align: right; background-color: #e6f2ff;  }
.faq_box .faq-table td { text-align: center; }
.faq_box .faq-table th,
.faq_box .faq-table td         { padding: 0.5em; vertical-align: middle; border: 1px solid #ccc; }
.faq_box .faq-table .t-head td { background-color: #c4e1ff; }


/* ================================= */
/*                                   */
/*        STORE INFO PAGE            */
/*                                   */
/* ================================= */
#storeinfo            { padding-bottom: 25px; margin-bottom: 45px; border-bottom: 1px dashed #ccc; }
#storeinfo h3         { width: 90%; text-align: center; font-size: 110%; letter-spacing: 0.5em; margin: 10px auto; padding: 0.85em; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; }
.company-info_table   { width: 98%; margin: 0 auto 25px auto; border-top: #D8D8D8 1px solid; border-left: #D8D8D8 1px solid; }
.company-info_table td,
.company-info_table th     { padding: 0.5em; vertical-align: top; border-bottom: #D8D8D8 1px solid; border-right: #D8D8D8 1px solid; }
.company-info_table th     { background: #e6f2ff; text-align: center; font-weight: 700; vertical-align: middle; }


/* ================================= */
/*                                   */
/*            ABOUT PAGE             */
/*                                   */
/* ================================= */
#about                { padding-bottom: 25px; }
#about h3             { width: 90%; text-align: center; font-size: 110%; letter-spacing: 0.5em; margin: 10px auto; padding: 0.85em; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; }
.material-table       { background: #f5f5f5; border: 1px solid #dcdcdc; }
.material-table h4    { margin-bottom:5px; }
.material-table td    { padding: 10px;  border: 1px solid #dcdcdc; vertical-align: top; background: url('../images/pages/about/line.gif') left bottom repeat-x; }
.material-table2      { width: 646px; margin: 25px auto 25px auto; border: 1px solid #dcdcdc; }
.material-table2_2    { width: 100%; margin: 25px auto 25px auto; border: 1px solid #dcdcdc; }
.material-table2 th   { border: 1px solid #dcdcdc; }
.material-table2 td   { width: 193px; padding: 10px;  border: 1px solid #dcdcdc; text-align: center; vertical-align: middle; background: url('../images/pages/about/line.gif') left bottom repeat-x; }
.material-table2_2 th   { border: 1px solid #dcdcdc; }
.material-table2_2 td   { padding: 10px;  border: 1px solid #dcdcdc; text-align: center; vertical-align: middle; background: url('../images/pages/about/line.gif') left bottom repeat-x; }
.case-area            { margin-bottom: 20px; padding-top: 10px; padding-bottom: 20px; border-bottom: 1px dotted #dcdcdc; }
#about .box2 h4        { padding-left: 18px; background: url(../images/icons/arrow_01.jpg) no-repeat left center; }
.photo-box            { text-align: center; }