@charset "utf-8";
@import "default.css";

body { font-size: 12px; color: #333;}
#popup { background: #370404;}
a:link { color: #b85548;}


#wrapper-upside { background: url(../images/bg_body_upper.jpg) repeat-x; }

#header { width: 910px; height: 80px; margin: 0 auto; background: url(../images/bg_header.jpg) repeat-x; position: relative;}
#header h1 { position: absolute; left: 37px; top: 17px;}
#header #local-nav { float: right;}
#header #local-nav li { display: inline;}
#header #upside-tel { position: absolute; left: 509px; top: 43px;}
#header #upside-cart { position: absolute; left: 658px; top: 43px;}
#header #upside-customer { position: absolute; left: 793px; top: 43px; width: 108px;}

#global-nav { background: url(../images/bg_globalnav.gif) repeat-x; height: 40px;}
#global-nav ul { width: 910px; margin: 0 auto;}
#global-nav li { float: left;}

#wrapper-contents { background: url(../images/bg_body_lower.jpg) repeat-x #320000;}
#wrapper-contents #contents { width: 826px; margin: 0 auto; background: #370404; padding: 26px 47px 50px 37px;}
#wrapper-contents #contents1 { width: 826px; margin: 0 auto; background: #370404; padding: 26px 47px 50px 37px;}
#wrapper-contents #contents #main-contents { width: 600px; float: left;}
#wrapper-contents #contents1 #main-contents { width: 820px; float: left;}
#wrapper-contents #contents #side-contents { width: 210px; float: right;}

#wrapper-contents #footer { width: 910px; margin: 0 auto; height: 99px; background: url(../images/bg_footer.gif) no-repeat left top;}
#wrapper-contents #footer p { color: #efecd9; text-align: center; padding-top: 44px; font-size: 92%;}

#side-mobile { background: #fff; color: #212121; text-align: center; margin-bottom: 10px;}
#side-mobile #qrcode { margin: 15px;}
#side-mobile h3 { margin-bottom: 8px;}
#side-mobile p { padding-bottom: 10px; margin: 0 10px;}
#side-mobile .underline { background: url(../images/dotline2.gif) repeat-x left bottom; margin-bottom: 10px;}

#side-category { margin-bottom: 35px;}
#side-category li { height: 24px; line-height: 24px; border-top: 1px solid #5a1d1c; border-bottom: 1px solid #370404; background: #4c0504; padding: 0px 10px;}
#side-category li a { display: block; height: 24px; background: url(../images/icon_categorylist.gif) no-repeat left center; padding-left: 16px; color: #d3c3b0; text-decoration: none;}
#side-category li a:hover { color: #ff0000;}

/* ----------------------------
  common styles
----------------------------- */
.clear { clear: both;}
.banners div { margin-bottom: 10px;}
.area-header { margin-left: 10px; margin-bottom: 15px;}
.box { width: 600px; background: url(../images/box_upper.jpg) no-repeat left top; padding-top: 14px; margin-bottom: 35px;}
.box .box-bottom { background: url(../images/box_lower.jpg) no-repeat left bottom; padding-bottom: 14px;}
.box .box-bottom .box-inner { background: url(../images/box_mid.jpg) repeat-y; padding: 20px; width: 560px;}
#contents1 .box { width: 820px; background: url(../images/box_upper_l.jpg) no-repeat left top; padding-top: 14px; margin-bottom: 35px;}
#contents1 .box .box-bottom { background: url(../images/box_lower_l.jpg) no-repeat left bottom; padding-bottom: 14px;}
#contents1 .box .box-bottom .box-inner { background: url(../images/box_mid_l.jpg) repeat-y; padding: 20px; width: 780px;}
.item { width: 180px; text-align: center; padding-bottom: 20px;}
.item * { color: #ac7028;}
.item .pic { margin-bottom: 15px;}
.item .item-name { margin-bottom: 3px;}
.item .price {}

#topic-path { width: 820px; height: 28px; background: url(../images/bg_topicpath.gif) no-repeat; margin-bottom: 20px;}
#topic-path li { float: left; padding: 0px 15px 0px 0px; line-height: 28px; color: #9f4316;}
#topic-path li a { text-decoration: none; float: left; background: url(../images/img_path_separator.gif) no-repeat 100% 0%; padding: 0px 30px 0px 0px; ine-height: 28px; color: #d3c3b0;}
#topic-path #path-top { margin-left: 20px;}

.box-header { border-left: 17px solid #c03317; margin-left: -10px; margin-top: -10px; margin-bottom: 20px; padding: 2px 0px 2px 12px; width: 550px;}
.box-header h3 { color: #c02304; font-size: 112%; margin-bottom: 3px;}
.box-header p { color: #868686; font-size: 92%;}

.tbl-def { border-collapse: collapse; width: 550px; margin: 15px 0px;}
.tbl-def th { border-bottom: 1px solid #f69f8c; vertical-align: top; padding: 5px; color: #d4300e; background: #fde3dd;}
.tbl-def td { border-bottom: 1px solid #f69f8c; padding: 5px; }
#contents1 .tbl-def { border-collapse: collapse; width: 760px; margin: 15px 0px;}

.pagetop { text-align: right; margin: 20px 0px;}

.box60 { width: 60px;}
.box120 { width: 120px;}
.box380, .area380 { width: 380px;}

#popup #windowarea { padding: 10px;}
#popup #windowarea h2 { text-align: center;}
#popup .windowtext { color: #ddd;}
#popup .tbl-def td { background: #ffffff;}

/* ----------------------------
  top page styles
----------------------------- */
#flash { text-align: center;}
#area-top-news { margin-left: 10px; margin-bottom: 30px; border-top: 1px solid #4b1d1d; color: #d3c3b0;}
#area-top-news table { width: 580px;}
#area-top-news td { padding: 10px; background: url(../images/dotline1.jpg) repeat-x left bottom;}
#area-top-news td.date { text-align: right; width: 80px; vertical-align: top;}
.item-padding { margin-right: 10px;}


/* ----------------------------
  detail page styles
----------------------------- */
#area-detail { padding-left: 20px; width: 530px; border-bottom: 1px solid #c02304; margin-bottom: 20px;}
#area-detail .photo { width: 310px; padding-bottom: 20px;}
#area-detail .desc { width: 200px; padding-bottom: 20px;}
#area-detail .item-point { margin: 10px 0px;}
#area-detail dl { margin: 10px 0px;}
#area-detail dt { width: 80px; float: left; padding-bottom: 5px;}
#area-detail dd { width: 120px; float: right;  padding-bottom: 5px;}

#area-info .sub-photos { width: 205px;}
#area-info .infos { width: 330px;}
#area-info .infos p { padding: 5px 20px;}
#area-info .infos .services { margin: 30px 0px;}
#area-info .infos .services .row { background: #a5230a; padding: 5px 7px; border-top: 1px solid #b53820; border-bottom: 1px solid #891b05;}
#area-info .infos .services .row p { background: #fff; padding: 5px;}

#customer-voices { margin: 10px 0px;}
#customer-voices li { border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px;}
#customer-voices li .voicedate { background: #fde4df; padding: 3px;}
#customer-voices li .voicelevel { padding: 0px;}
#customer-voices li .voicelevel .level { color: #c00;}
#customer-voices li .voicetitle { margin: 5px 0px;}

/* ----------------------------
  category page styles
----------------------------- */
#category-image { width: 910px; margin: 0 auto;}
.item-list { margin-bottom: 30px;}
.item-list h3 { margin-bottom: 20px;}
.page-nav { margin: 10px; text-align: center;}

/* ----------------------------
  static pages styles
----------------------------- */
#page-school table { width: 520px; margin: 10px 0px;}
#page-school th { font-weight: bold; width: 80px; background: #f6f6f6; text-align: center; border-bottom: 1px solid #ccc; padding: 5px;}
#page-school td { width: 400px; border-bottom: 1px solid #ccc; padding: 5px;}

#page-faq .question-list { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #666; }
#page-faq .question-list li { line-height: 160%;}
#page-faq .contents-box { background: url(../images/dotline2.gif) repeat-x left bottom; padding-bottom: 5px; margin-top: 5px;}
#page-faq .contents-box h3 { font-size: 114%; margin-bottom: 10px;color: #e8593b;}
#page-faq .contents-box .answer { margin: 10px 20px;}

#page-arrange .arrange-banner { margin-bottom: 5px;}
#page-arrange .arrange-concept { margin: 20px 0px; color: #868686;}
#page-arrange .arrange-concept h3 { background: url(../images/dotline2.gif) repeat-x left bottom; padding-bottom: 4px; margin-bottom: 15px;}
#page-arrange .item .text { text-align: left; }
#page-arrange .arrange-detail .pic { width: 180px; float: left; margin-right: 20px;}
#page-arrange .arrange-detail .pic p { margin: 5px 0px; text-align: center;}
#page-arrange .arrange-detail .text { width: 330px; float: left; }


.tblareabtn { margin: 20px; text-align: center;}
.flowarea { margin-bottom: 10px;}
.attention { color: #f00; font-weight: bold;}

#mynavarea { width: 190px; float: left;}
#mycontentsarea { width: 570px; float: right;}
#mycontentsarea .tbl-def { width: 550px;}
.subheader { margin-bottom: 10px;}

#sitemap-tree ul { margin: 10px 20px;}
#sitemap-tree li { list-style-type: none; margin: 10px 0px; padding-left: 15px; background: url(../images/icon_categorylist.gif) no-repeat 0px 3px;}

#order-form p { margin-bottom: 1em;}
#order-form #order-form-complete { font-size: 120%; margin-bottom: 10px; color: #370404;}