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

@import "default.css";

body { background: url(../images/bg_contents.jpg) repeat-y center top #e8e1aa; font-size: 77%; color: #6c6c6c;}

a { color: #d06482;}
a:hover { color: #f689a7;}

.under-obi  { background: url(../images/bg_obi.gif) repeat-x left bottom; padding-bottom: 10px;}
.obi-box { background: url(../images/bg_obi.gif) repeat-x left top; padding-top: 8px; width: 526px;}
.obi-box .obi-box-btm { background: url(../images/bg_obi.gif) repeat-x left bottom; padding-bottom: 8px;}
.obi-box .obi-box-btm .obi-box-mid { background: url(../images/bg_obibox_mid.gif) repeat-y left top; padding:  20px;}
.pagetop { text-align: right; padding: 10px 0px;}
.icon-ring1 { background: url(../images/icon_ring_small.gif) no-repeat left top; padding-left: 18px; line-height: 18px;}
.tbl-def { border-collapse: collapse; margin: 10px 0px;}
#main-column-one .tbl-def { width: 870px;}
#mypagecolumn .tbl-def { width: 630px;}
.tbl-def td { border: 1px solid #c09372; padding: 5px;}
.tbl-def th { border: 1px solid #c09372; padding: 5px; background: url(../images/bg_table.gif) repeat-x left top #f7f2ee; text-align: center;}
.resulttd { text-align: right;}
.pricetd { text-align: right;}
.title { margin-bottom: 20px;}
.attention { color: #f00; font-weight: bold;}
.box120 { width: 120px;}
.box380, .area380 { width: 380px;}

#windowarea { margin: 10px 30px;}

#container { width: 950px; margin: 0 auto;}
#left-column { width: 200px; float: left; margin-right: 12px;}
#main-column { width: 528px; float: left; padding-top: 20px;}
#right-column { width: 200px; float: right;}
#main-column-one { background: #fff; padding: 30px 40px;}

#header { height: 215px; background: url(../images/bg_header.jpg) repeat-x left top; position: relative;}
#header #header-main { position: absolute; left: 0px; top: 41px; background: url(../images/bg_sitelogo.gif) repeat-x left top;}
#header #header-main h1 { float: left; width: 200px;}
#header #header-main h1 img { margin: 62px 17px;}
#header #header-main h2 { float: right; width: 750px; margin-top: 10px;}
#header #navs1 { float: right;}
#header #navs1 li { line-height: 24px; padding: 0px 15px 0px 23px; margin-top: 6px; float: left;}
#header #navs1 li a { color: #666; text-decoration: none;}
#header #navs1 li#nav-home { background: url(../images/icon_ring_blue.gif) no-repeat left top;}
#header #navs1 li#nav-guide { background: url(../images/icon_ring_orange.gif) no-repeat left top;}
#header #navs1 li#nav-shopping { background: url(../images/icon_ring_green.gif) no-repeat left top;}
#header #ec-buttons { float: right;}
#header #ec-buttons li { float: left; padding: 10px 10px 0px 0px;}

#footer { background: url(../images/bg_footer.gif) repeat-x left top; height: 68px; border-top: 1px solid #e9e9e9;}
#footer p { text-align: center; font-size: 92%;}
#footer p.footer-nav { margin: 20px 0px 12px 0px;}
#footer a { color: #6c6c6c;}

.side-nav-area { margin-bottom: 30px;}
#nav-type { background: url(../images/bg_side_type.jpg) no-repeat; min-height: 560px; height: auto !important; height: 560px;}
#nav-type h2 { padding-top: 15px;}
#nav-type ul { margin: 18px 0px 0px 13px;}
#nav-type ul li { width: 85px; float: left; margin-bottom: 4px;}
#nav-type ul li.odd { margin-right: 9px;}
#nav-item ul { margin: 5px 7px;}
#nav-item ul li { margin-bottom: 3px;}
#nav-item .sub-cats { background: #f9f5ec; padding: 5px;}
#nav-size ul { background: url(../images/bg_sizenav.jpg) no-repeat left top; padding: 10px; margin: 9px;}
#nav-size ul li { float: left; width: 54px; height: 39px; padding: 3px 0px; text-align: center;}
.side-contents-area { background: url(../images/bg_lace_top.jpg) no-repeat left top; padding-top: 21px;}
.side-contents-area .side-contents-area-bottom { background: url(../images/bg_lace_btm.jpg) no-repeat left bottom; padding-bottom: 21px;}
.side-contents-area .side-contents-area-bottom .inner { background: #fcfaf7; padding: 10px; color: #5c4131; font-size: 92%;}
#side-melmag { margin-bottom: 30px;}
#side-calendar { margin-bottom: 30px;}
#side-calendar h2 { text-align: center; margin-bottom: 5px;}
#side-calendar .calendar-area { background: #fff; padding: 10px 0px;}
#side-calendar .calendar-area table { width: 170px; margin-bottom: 10px; margin-left: 10px;}
#side-calendar .calendar-area table caption { text-align: center; font-weight: bold;}
#side-calendar .calendar-area table td { text-align: center; padding: 2px;}
#side-calendar .calendar-area table td.off { background: #ffa2a2;}
#side-calendar .calendar-area table th { text-align: center;}
#side-mobile { text-align: center;}
#side-mobile h2 { margin-bottom: 10px;}
#side-mobile p { text-align: left;}
#side-favorite { padding: 10px 10px 15px 10px;}
#side-favorite img{padding-bottom:10px;}
#nav-brand ul { margin: 5px 0px 0px 10px;}
#nav-brand ul li { background: url(../images/bg_brandnav_btns.png) no-repeat left top; height: 35px;}
#nav-brand ul li a.text-link { width: 170px; height: 35px; display: block; line-height: 35px; padding-left: 10px; color: #322810;}

#news table { width: 500px; margin: 10px 0px 0px 20px;}
#news table td { padding: 0px 5px 10px 0px; vertical-align: top;}
#news table td.date { width: 80px;}
#news table td.body { padding-left: 30px; background: url(../images/icon_ring_news.gif) no-repeat left top;}

.contents-box { margin-bottom: 30px;}
#home-parts2 td { padding: 3px;}
#home-parts2 td.brand-images img { border: 1px solid #ccc; padding: 1px;}
#home-coordinate2 .coordinate { padding-bottom: 20px; width: 228px;}
#home-coordinate2 .coordinate .left { width: 90px; margin-right: 13px;}
#home-coordinate2 .coordinate .right { width: 123px;}
#home-coordinate2 .coordinate p { font-size: 82%; padding: 10px 0px;}
#home-coordinate2 .link { background: url(../images/icon_ring_small.gif) no-repeat left top; padding-left: 15px; margin-left: 300px; zoom:100%;}
#home-shopguide .obi-box-mid { padding: 0px 8px; position: relative;}
#home-shopguide .obi-box-mid p { position: absolute; left: 38px; top: 208px; font-size: 82%; line-height: 180%;}
#home-shoppingguide .guide-inner-box { width: 230px; padding-bottom: 30px;}


#page-category .sizes { background: url(../images/bg_cat_size.gif) no-repeat left top; padding: 18px; margin-top: 18px;}
#page-category .sizes li { width: 54px; float: left;}
.page-nav { margin: 10px 0px 30px 0px; color: #50a1a2;}
.page-nav a { color: #50a1a2;}
#item-list-header .pagecount { color: #48370b; width: 400px; float: right; text-align: right;}
#item-list-header h2 { width: 100px; float: left;}
.item-list { margin: 0px 6px;}
.item { width: 112px; float: left; padding-bottom: 20px;}
.item-padding { margin-right: 20px;}
.item .photo { margin-bottom: 17px;}
.item .status-icon { text-align: center;}
.item .item-name { text-align: center; margin: 3px 0px;}
.item .price { text-align: center; color: #d92d3d;}
.item .normal-price { text-align: center;}
.item .soldout { text-align: center; color: #d92d3d; font-weight: bold; border: 1px solid #f5cbcf; padding: 2px;}
.list-desc { text-align: center;}
.category-name { font-size: 112%; color: #dfa611;background: url(../images/icon_ring_orange2.gif) no-repeat left top; padding-left: 25px;}
#category-image { position: relative;}
#category-image .sale-category { position: absolute; left: 30px; top: 210px;}
#category-image .sale-category a { color: #2966bf;}
#size-image { margin: 0px 0px 30px 0px; text-align: center;}

#item-detail-area .item-name { font-size: 112%; color: #ebbf4b; font-weigth: bold; background: url(../images/icon_ring_orange2.gif) no-repeat left top; padding-left: 20px;}
#item-detail-area .under-obi { margin-bottom: 30px;}
#item-detail-area .item-detail .photo { float: left; width: 320px; padding-bottom: 20px;}
#item-detail-area .detail { width: 200px; float: right;}
#item-detail-area .detail .item-comment { margin-bottom: 30px;}
#item-detail-area .detail .price { margin: 5px 0px; font-weight: bold;}
#item-detail-area .detail .normal-price { margin: 5px 0px;}
#item-detail-area .detail .option-area { margin-top: 20px;}
#item-detail-area .detail .btn-cart { margin-top: 20px;}
#item-detail-area .sub-photos { margin-top: 20px;}
#item-detail-area .sub-photos .photo { width: 150px; float: left; margin-left: 0px; padding-right: 10px;}
.related-categories { width: 260px;}
.related-categories p { margin-left: 20px;}
.stock-list { width: 200px; margin-top: 20px;}
.tbl-detail-stock { border-collapse: collapse;}
.tbl-detail-stock td { border: 1px solid #ccc; padding: 5px;}
.tbl-detail-stock td.stock { font-size: 18px;}
/* \*/ * html .tbl-detail-stock td.stock { font-size: 14px;} /* */
.tbl-detail-stock th { border: 1px solid #ccc; padding: 5px;}
.status { margin-bottom: 10px;}

/* */
.tblareabtn { margin: 20px 0px; text-align: center;}
.loginarea { margin-top: 30px; border: 1px solid #ebddd2; border-width: 2px 1px; padding: 20px;}
.loginarea h3 { margin-bottom: 10px;}
.inputbox02 { text-align: center;}
.flowarea { margin: 10px; text-align: center;}
.empty { margin: 30px 0px;}
.tbl-payment .centertd { width: 50px; text-align: center;}
.tbl-confirm th { width: 210px;}
#mynavarea { float: left; width: 200px;}
#mycontentsarea { float: right; width: 650px;}
.addbtn { margin: 20px 0px;}
#undercolumn_order .tbl-def { width: 520px;}

/* coordinate */
#page-coordinate .under-obi { margin-bottom: 20px;}
#page-coordinate .contents-box { margin-bottom: 10px;}
#page-coordinate .box { width: 160px; float: left; padding-bottom: 15px;}
#page-coordinate .box .photo { text-align: center; margin-bottom: 10px;}
#page-coordinate .box .text h3 { margin-bottom: 10px; color: #50a1a2; font-size: 112%;}
#page-coordinate .box-padding { margin-right: 20px;}

/* kid's photo */
#kidsphoto-list { margin: 20px 0px;}
#kidsphoto-list .box { width: 112px; float: left; margin-right: 10px; padding-bottom: 20px;}
.page-list { clear: both; padding: 10px 0px; margin: 20px 40px; text-align: center; border-top: 1px solid #ccc;}

/* sitemap */
.sitemap-tree { width: 250px;}
.sitemap-tree ul { margin-left: 10px;}
.sitemap-tree li { margin: 0px 0px; background: url(../images/icon_ring_news.gif) no-repeat 0px 4px; padding: 5px 20px;}
.sitemap-tree li.home { background: url(../images/icon_ring_orange2.gif) no-repeat 0px 4px; }
.sitemap-tree li.category-level2 { margin-left: 20px; background: url(../images/icon_ring_small.gif) no-repeat 0px 4px; }
.sitemap-tree li.category-level3 { margin-left: 50px; padding-left: 0px; list-style-type: disc; background: none;}

/* links */
#page-links dt { font-weight: bold;}
#page-links dd { margin: 5px 0px 20px 20px;}