@charset "utf-8";
/* CSS Document */

body { background: url(../images/bg.jpg) repeat left top; margin: 0px; padding: 0px; text-align: center; font-size: 10pt;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,td,th { margin: 0px; padding: 0px; font-size: 10pt; font-weight: normal; line-height: 1.4em;}
li { list-style: none;}
a { color: #b84020;}
a:hover { color: #f02020;}
img { border: 0px; vertical-align: top;}

#main-container { margin: 0 auto; text-align: left; padding: 0px 5px; background: url(../images/mainbg.jpg) repeat-y left top;
  width: 910px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 900px;
  }
#header { background: url(../images/siteheader.jpg) no-repeat left top; height: 203px; position: relative;}
#header #head-text { color: #fff; font-size: 10px; padding-left: 10px; padding-top: 5px;}
#header h2 { text-indent: -99999px; background: url(../images/header_photo.jpg) no-repeat left top; position: absolute; top: 0px; left: 604px; width: 336px; height: 203px;}
#header h2 a { position: absolute; left: -604px; top: 42px; display: block; width: 526px; height: 133px;}

#footer { clear: both; width: 910px; margin: 0 auto; background: url(../images/mainbg_btm.jpg) no-repeat left top; padding: 20px 0px;}
#footer p { font-size: 9pt; line-height: 1.6em; color: #565656; text-align: left; margin: 0px; padding-left: 15px;}
#footer a { color: #4e4e4e; text-decoration: none;}
#footer a:hover { color: #b84020; text-decoration: underline;}

/* Navigations */
#nav { padding-left: 10px; padding-bottom: 10px;}
#nav:after { content: "."; display: block; height: 1px; line-height: 0px; clear: both; visibility: hidden;}
/* \*/ * html #nav { height: 1%;} /* */
/* */ *:first-child+html #nav { height: 1%;}
#nav li { width: 160px; height: 40px; float: left; margin-right: 20px;}
#nav li#nav5 { margin-right: 0px;}
#nav li a { display: block; width: 160px; height: 40px; text-indent: -99999px; text-decoration: none;}
#nav li#nav1 a { background: url(../images/nav_shopping.jpg) no-repeat left top;}
#nav li#nav2 a { background: url(../images/nav_concept.jpg) no-repeat left top;}
#nav li#nav3 a { background: url(../images/nav_qa.jpg) no-repeat left top;}
#nav li#nav4 a { background: url(../images/nav_boast.jpg) no-repeat left top;}
#nav li#nav5 a { background: url(../images/nav_music.jpg) no-repeat left top;}
#nav li#nav1 a:hover { background: url(../images/nav_shopping_ov.jpg) no-repeat left top;}
#nav li#nav2 a:hover { background: url(../images/nav_concept_ov.jpg) no-repeat left top;}
#nav li#nav3 a:hover { background: url(../images/nav_qa_ov.jpg) no-repeat left top;}
#nav li#nav4 a:hover { background: url(../images/nav_boast_ov.jpg) no-repeat left top;}
#nav li#nav5 a:hover { background: url(../images/nav_music_ov.jpg) no-repeat left top;}
#shop-info { background: url(../images/banner_shopinfo.jpg) no-repeat left top; width: 150px; height: 274px;}
#shop-info * { text-indent: -99999px;}

/* Common Styles */
#container { overflow: hidden;}
#item-nav { width: 150px; float: left; margin-right: 20px;}
#main { width: 520px; float: left;}
#cart { width: 200px; float: right;}
#side { width: 200px; float: right;}
.ptop { text-align: right; padding: 20px 0px;}
.ptop a { color: #666;}
.banner-blog { margin-top: 20px;}
.text-header { color: #8d2f06; font-size: 1.3em; font-weight: bold; background: url(../images/icon_wheel.jpg) no-repeat left top; padding-left: 35px; line-height: 29px; margin-bottom: 5px; clear: both;}
.text-header2 { color: #8d2f06; font-weight: bold; margin-bottom: 5px;}
.list-icon { background: url(../images/icon_listhead.jpg) no-repeat left center; padding-left: 15px;}
#page-qa #main,
#page-boast #main,
#page-news #main,
#page-music #main,
#page-community #main { width: 670px; padding-left: 10px;}
.tbl-def { border-collapse: collapse; margin: 10px 0px; width: 100%;}
.tbl-def th, .tbl-def td { padding: 3px; border: 1px solid #8f826e;}
.tbl-def th { font-weight: bold; background: #ddd7cc; color: #444; white-space: nowrap;}
.page-nav { text-align: right; padding: 10px 0px;}
#item-nav form { padding: 0 10px;}
.form-buttons { padding: 5px; background: #ddd7cc; text-align: center;}
.error { background: #e5cfcf; padding: 10px;}
.error p { color: #cc0000; font-weight: bold;}
.note { color: #666; font-size: 9pt;}
.required { color: #cc3333; font-weight: bold;}
.section-comments { margin-top: 15px; }
/* \*/ * html .section-comments { height: 1%; }
.section-comments .indiv-comment { border-left: 6px solid #b9b1a4; padding: 5px 10px; margin-bottom: 10px;}
.section-comments .indiv-comment .header { background: #ddd7cc; padding: 3px;}
.section-postcomment { margin-top: 20px; padding-top: 10px; border-top: 1px solid #8f826e;}
.section-postcomment .comment-author { width: 300px; float: left;}
.section-postcomment .comment-author input { width: 250px;background: #faf3e7;}
.section-postcomment .comment-email { width: 600px; float: left;}
.section-postcomment .comment-email input { width: 250px;background: #faf3e7;}
.section-postcomment .comment-bake { width: 300px; float: left;}
.section-postcomment .comment-body { clear: both;}
.section-postcomment .comment-body textarea {width: 620px; height: 100px; margin-left: 15px; background: #faf3e7;}
#page-blog .section-postcomment .comment-body textarea {width: 340px;}
.section-postcomment .comment-footer { margin-left: 15px;}
.section-trackbacks { margin-top: 20px; padding-top: 10px; border-top: 1px solid #8f826e;}
.page-header { margin: 10px 0px;}
.content-nav { padding: 5px 0px; text-align: center; border: 1px dotted #8f826e; margin-top: 30px;}
#search-form { margin-bottom: 15px;}
.mid { vertical-align: middle;}

/* Left Column */
#item-nav .inner { padding-bottom: 15px;}
#item-nav .side-list li { background: url(../images/line_sidebreak.jpg) no-repeat center bottom; padding-bottom: 10px; margin-bottom: 8px; text-align: center;}
#item-nav .side-list li a { text-decoration: none; color: #404040;}
#item-nav .side-list li a:hover { text-decoration: underline; color: #b84020;}

/* Main Column */
#topic-path { background: url(../images/icon_topicpath.jpg) no-repeat left top #e2d5c0; padding-left: 30px; line-height: 22px; font-size: 10px; margin-bottom: 15px;}
#main .inner { padding: 10px 0px 20px 10px;}
#page-title-image { margin-bottom: 10px;}

/* Site Index Page */
#sitetop-header { padding: 0 20px 30px 20px;}
#sitetop-header:after { content: "."; display: block; clear: both; height: 1px; line-height: 0px; visibility: hidden;}
/* \*/ * html #sitetop-header { height: 1%;} /* */
/* \*/ *:first-child+html #sitetop-header { height: 1%;} /* */
#sitetop-header .door { width: 200px;}
#sitetop-header #shopping { float: left; margin-right: 20px;}
#copy-text { height: 91px; margin-bottom: 5px; background: url(../images/sitetop_text.gif) no-repeat center top;}
#copy-text * { visibility: hidden;}
#sitetop-header #sitetop-image { float: left; width: 420px;}
#sitetop-header #community { float: right;}
#sitetop-content { clear: both; padding: 0 20px; margin-left: 20px;} /* margin-left: 0px;*/
#sitetop-content h3 {margin-bottom: 10px;}
#sitetop-content .column-left { width: 450px; float: left;} /* width: 430px;*/
#sitetop-content .column-right { width: 335px; float: right;} /* width: 403px; */
#sitetop-content .inner { margin-bottom: 20px;}
#sitetop-footer { clear: both; padding-top: 30px;}
#sitetop-footer .sign { float: left; padding-left: 220px;}
#sitetop-footer .inner h1 { font-weight: bold; padding: 8px 0px;}

/* Shopping Top */
.tbl-info { margin-bottom: 10px;}
.tbl-info td { padding-right: 8px; vertical-align: top;}
.information-others p { background: url(../images/icon_listhead.jpg) no-repeat 0px 2px; padding-left: 15px;}

/* Item Common */
.price { color: #8d2f06; font-size: 1.2em; font-weight: bold;}
.price-comp { color: #8d2f06;}
.brand-name { font-family: "Bookman Old Style"; color: #673c1e; font-weight: bold;}
.item-code { font-family: "Bookman Old Style"; color: #673c1e;}
.item-name { font-family: "Bookman Old Style"; color: #673c1e; font-size: 1.3em; margin-bottom: 15px;}
.category-description { margin-bottom: 5px;}
.category-description h1 { font-weight: bold;}
.item-list {}
.item-list:after { content: "."; display: block; clear: both; height: 1px; line-height: 0; visibility: hidden;}
/* \*/ * html .item-list { height: 1%;} /* */
/*  */ *:first-child+html .item-list { height: 1%;} /* */
.item-list .indiv { width: 150px; margin-right: 15px; float: left; padding-bottom: 20px;}


/* Item Category */
#page-item-category .lower-categories { margin: 8px 0px;}
#page-item-category .item-name { margin-bottom: 0px;}
#page-item-category .brand-list { margin-bottom: 20px; background: url(../images/woodline.jpg) no-repeat left top; padding-top: 15px;}
#page-item-category .brand-list h2 { font-size: 1.3em; font-weight: bold; background: url(../images/icon_wheel.jpg) no-repeat left top; padding-left: 35px; line-height: 29px;}
#page-item-category .brand-list .view-more { text-align: right;}

/* Item Detail */
#page-item-detail #main li { list-style-type: none; background: url(../images/icon_listhead.jpg) no-repeat left top; padding-left: 15px; margin-bottom: 5px;}
#page-item-detail #main .wrapper { padding-bottom: 20px;}
#page-item-detail #main .wrapper:after { content: "."; display: block; clear: both; height: 1px; line-height: 0px; visibility: hidden;}
#page-item-detail #main .left-column { width: 180px; float: left;}
#page-item-detail #main .right-column { width: 320px; float: right;}
#page-item-detail #main .right-column table { border-collapse: collapse;}
#page-item-detail #main .right-column table td,
#page-item-detail #main .right-column table th { padding: 3px; border: 1px solid #8f826e;}
#page-item-detail #main .right-column table th,
#page-item-detail #main .right-column table thead td { background: #cfc9bf;}
#page-item-detail #main .left-column .area-price { margin: 10px 0px;}
#page-item-detail #main .left-column .area-buy { margin: 10px 0px 0px;}
#page-item-detail #main .photos { clear: both; padding: 20px 0px; background: url(../images/woodline.jpg) no-repeat left top;}
#page-item-detail #main .photos:after { content: "."; display: block; clear: both; height: 1px; line-height: 0px; visibility: hidden;}
/* \*/ * html #page-item-detail #main .photos { height: 1%;} /* */
/*  */ *:first-child+html #page-item-detail #main .photos { height: 1%;} /* */
#page-item-detail #main .photos p { width: 180px; margin-right: 20px; padding-bottom: 10px; float: left;}
#page-item-detail #main .related-items { clear: both; padding-bottom: 20px; }
#page-item-detail #main .related-items h1 { margin-bottom: 10px; background: url(../images/woodline.jpg) no-repeat left top; padding-top: 20px;}
#page-item-detail #main .related-items .item-name { font-size: 1.1em;}
#page-item-detail #main .related-items .photo { width: 260px; float: left;}
#page-item-detail #main .content1 p { margin-bottom: 10px;}
#page-item-detail #main .content1 h1 { font-weight: bold; color: #673C1E; margin-bottom: 8px;}

#page-community .ptop { margin: 5px 0px 20px 0px; padding: 0px;}
#page-community .recent { margin-left: 20px;}

/* Brand Concept */
#page-concept .inner p { margin-bottom: 10px;}

/* Q&A */
#page-qa .section-question { padding: 5px; background: #ddd7cc; border: 1px solid #8f826e;}
#page-qa .section-question h1 { width: 430px; float: left;}
#page-qa .section-question .author { width: 210px; float: right; padding-bottom: 5px;}
#page-qa .section-question .entry-body { clear: both; padding: 10px 0px; border-top: 1px solid #d1cbc1;}
#page-qa .section-question .entry-body p { margin-bottom: 1em;}


/* Boast */
#page-boast .inner {}
#page-boast .entry-body { margin-bottom: 20px;}
#page-boast .inner .text-header { margin-bottom: 10px;}
#page-boast .inner .entry-body p { margin-bottom: 1em;}
#page-boast .photos .indiv-photo { margin-bottom: 20px; background: #e2d5c0; clear: both; border: 3px solid #d4c0a0; border-width: 4px 0px;}
#page-boast .photos .indiv-photo:after { content: "."; display: block; clear: both; height: 1px; line-height: 0; visibility: hidden;}
/* \*/ * html #page-boast .photos .indiv-photo { height: 1%;} /* */
/*  */ *:first-child+html #page-boast .photos .indiv-photo { height: 1%;} /* */
#page-boast .photos .indiv-photo .photo { width: 400px; float: left; text-align: center;}
#page-boast .photos .indiv-photo .comment { width: 240px; float: right;}
#page-boast .inner .indiv { margin-bottom: 10px;}
#page-boast .inner .indiv p { margin-left: 28px;}

/* Music */
#page-music .music-list dd { margin-left: 20px;}
#page-music .entry-body { margin-top: 10px;}
#page-music .entry-body p { margin-bottom: 1em;}
#page-music .entry-body li { list-style-type: none; background: url(../images/icon_listhead.jpg) no-repeat left top; padding-left: 15px; margin-bottom: 5px;}
#page-music .entry-footer { text-align: right; color: #666; border-top: 1px solid #8f826e; padding-top: 5px; margin: 10px 0px 20px 0px;}

/* Static */
#page-static #main .inner p { margin-bottom: 1em; padding-left: 15px;}
#page-static #main .inner table { margin-left: 15px; margin-bottom: 15px; border-collapse: collapse;}
#page-static #main .inner td { padding: 3px; border: 1px solid #8f826e;}
#page-static #main .inner th { padding: 3px; border: 1px solid #8f826e; background: #cfc9bf;}
#page-static #main .inner h1 { color: #8d2f06; font-size: 1.1em; font-weight: bold; margin-bottom: 10px;}
#page-static #main .inner h2 { font-weight: bold; margin-bottom: 10px; padding-left: 15px;}
#page-static .inquiry-form { padding: 5px; background: #ddd7cc; border: 1px solid #8f826e; margin-bottom: 20px;}
#page-static .inquiry-form dd { margin-left: 20px; margin-bottom: 10px;}

/* Blog */
#page-blog {}
#page-blog #main .entry-title { font-weight: bold; font-size: 1.2em; color: #8d2f06; }
#page-blog #main .entry-date { padding-left: 20px; color: #464646;}
#page-blog #main .entry-body { margin: 10px 0px;}
#page-blog #main .entry-footer { text-align: right; color: #464646; margin: 10px 0px 20px 0px;}
#page-blog #main .text-header { margin: 5px 0px 10px 0px;}
#page-blog #side .box { margin-bottom: 10px; background: url(../images/line_sidebreak.jpg) no-repeat center bottom; padding-bottom: 20px; }
#page-blog #side .box h2 { font-weight: bold; color: #8d2f06; font-size: 1.1em;}
#page-blog #side .box ul { margin: 5px 0px;}
#page-blog #side .box ul li { margin-left: 20px; padding-left: 5px; list-style-type: disc; color: #666;}
#page-blog .recent-date { text-align: right; margin-bottom: 5px; color: #666;}
#page-blog .entry-tags-list { margin-left: 20px;}
#page-blog .entry-tag { display: inline; padding-right: 5px;}