@CHARSET "UTF-8";

* { margin:0; padding:0; background-repeat: no-repeat; line-height: 140%;}
body { margin: 0px; padding: 0px; background: url(../images/bg.gif) repeat-x; color: #333; font-size: 10pt; }
h1,h2,h3,h4,h5,h6,p,li,dt,dd,td,th,input { margin: 0px; padding: 0px; font-weight: normal; font-size: 10pt; color: #333;}
ul,li,ol,dl,dt,dd { margin: 0px; padding: 0px; list-style-type: none;}
img { border: 0; vertical-align: top;}
a { color: #00f;}
a:hover { color: #f09;}

/* Containers */
#wrapper{  width: 1004px; background: url(../images/bg_cts.gif) repeat-y left top; text-align: left; margin: 0 auto;}
#contents { clear: both; width: 1000px; margin: 0 0 0 2px;}
#contents-wrapper { overflow: hidden;}
#column-left { width: 180px; float: left; background: url(../images/bg_green.gif) repeat left top; padding-bottom: 32168px; margin-bottom: -32168px; border-right: 1px solid #99cc00;}
#column-main { width: 814px; float: right;}

/* Header */
#header { background: url(../images/bg_head.gif) repeat-x; height: 88px; position: relative; width: 1000px; margin-left: 2px; border-top: 5px solid #000;}
#header h1 { position: absolute; left: 250px; top: 5px; font-size:10px; z-index:9999}
#header h2 a { background-image: url(../images/logo.gif); height: 82px; width: 363px; text-indent:-9999px; display:block; position: absolute; left: 0px; top: 5px;}

#header #r_st { position:absolute; top: 35px; left:780px;}
#header #search_bg { background-image: url(../images/search.png); height: 32px; width: 212px; position:relative; margin-top: 4px;}
#header #search_bg .ti { border: none; background-color: #fff; width: 148px; height: 18px; position: absolute; top: 6px; left: 11px; border-color:#FFFFFF;}
#header #search_bg .bt { position: absolute; top: 5px; left: 170px;}
* html #header #search_bg .bt { top: 3px; left:168px;}
*:first-child+html #header #search_bg .bt { top:3px; left:168px; width: 40px;}
#header .bt_info{  background: url(../images/arrow_pink.gif) no-repeat left center; padding-left: 18px; margin-right: 10px; font-size: 12px; color: #666;}

/* Footer */
#footer { clear: both; border: 1px solid #ccc; border-bottom-width: 0px;}
#footer h5 { height: 52px; width: 147px; background-image: url(../images/logo_btm.gif); text-indent: -9999px; display: block; float:left; margin-left:4px;}
#footer .btm_text { float: left; margin: 10px 0 0 10px; font-size: 80%;}
#footer .btm_text a { padding-right: 10px;}
#footer .copy { clear: both; text-align: right; padding-right: 10px; font-size: 90%;}

/* Global nav */
#gb { background-image: url(../images/gb_bg.gif); background-repeat: repeat-x; height: 43px; width: 1000px; margin:10px 0 0  2px;}
#gb li { float:left; text-indent:-9999px; display:block;}
#gb li a{ float:left; text-indent:-9999px; display:block;}
#gb_menu_01 { background-image: url(../images/gb_menu_01_h.gif); height: 43px; width: 79px;}
#gb_menu_01 a { background-image: url(../images/gb_menu_01.gif); height: 43px; width: 79px;}
#gb_menu_01 a:hover{ background-image: url(../images/gb_menu_01_h.gif);}
#gb_menu_02 { background-image: url(../images/gb_menu_02_h.gif); height: 43px; width: 159px;}
#gb_menu_02 a { background-image: url(../images/gb_menu_02.gif); height: 43px; width: 159px;}
#gb_menu_02 a:hover{ background-image: url(../images/gb_menu_02_h.gif);}
#gb_menu_03 { background-image: url(../images/gb_menu_03_h.gif); height: 43px; width: 139px;}
#gb_menu_03 a { background-image: url(../images/gb_menu_03.gif); height: 43px; width: 139px;}
#gb_menu_03 a:hover { background-image: url(../images/gb_menu_03_h.gif);}
#gb_menu_04 { background-image: url(../images/gb_menu_04_h.gif); height: 43px; width: 89px;}
#gb_menu_04 a { background-image: url(../images/gb_menu_04.gif); height: 43px; width: 89px;}
#gb_menu_04 a:hover { background-image: url(../images/gb_menu_04_h.gif);}
#gb_menu_05 { background-image: url(../images/gb_menu_05_h.gif); height: 43px; width: 139px;}
#gb_menu_05 a { background-image: url(../images/gb_menu_05.gif); height: 43px; width: 139px;}
#gb_menu_05 a:hover { background-image: url(../images/gb_menu_05_h.gif);}
#gb_menu_06 { background-image: url(../images/gb_menu_cart_h.gif); height: 43px; width: 140px;}
#gb_menu_06 a { background-image: url(../images/gb_menu_cart.gif); height: 43px; width: 140px;}
#gb_menu_06 a:hover { background-image: url(../images/gb_menu_cart_h.gif);}
#gb_menu_login { background-image: url(../images/gb_menu_cart_h.gif); height: 43px; width: 104px; margin-left: 290px;}
#gb_menu_login a { background-image: url(../images/gb_menu_login.gif); height: 43px; width: 104px;}
#gb_menu_login a:hover { background-image: url(../images/gb_menu_login_h.gif);}

/* Left Column */
#column-left p { text-align: center;}
#column-left .banners p { margin-bottom: 15px;}
#category-list { margin-bottom: 15px;}
#category-list h3 { border: 1px solid #9c0; width: 167px; height: 30px; padding: 10px 0 0 10px; background: url(../images/arrow_green.gif) no-repeat right center #fff; color: #666;}
#category-list h3 a { color: #666; font-weight: bold;}
#category-list h3 a:hover { color: #f60; background-color: #fc0;}
#category-list h3.openheader { background: url(../images/arrow_green_b.gif) no-repeat right center #eee;}
#category-list li a { display: block; font-weight: bold; padding: 8px 0 8px 24px; background: url(../images/arrow_green.gif) no-repeat 5px center; color: #666;}
/* \*/ * html #category-list li a { height: 1%;} /* */
#category-list li a:hover { color: #f60; background-color: #fc0;}
#category-list li a.selected { color: #f60;}

/* Main Column */
#page-home #column-main .banner1 { margin-bottom: 5px;}
#page-home #column-main .banner2 {}
#page-home #column-main .banner3 img { margin-bottom: 10px;}
#page-home #column-main .banner4 { text-align: center;}
#page-home #column-main .home-left { width: 600px; float: left;}
#page-home #column-main .home-right { width: 214px; float: right;}
#tab_box { width: 590px; margin-top: 10px;}
#tab_box .shadetabs { height: 43px; border-bottom: 5px solid #f69; margin: 0;}
#tab_box .shadetabs li { float: left; width: 143px; height: 43px; margin-right: 6px;}
#tab_box .shadetabs li#menu_04 { margin-right: 0px;}
#tab_box .shadetabs li a { position: relative; z-index: 1; text-indent: -99999px; text-decoration: none; display: block; width: 143px; height: 43px;}
#tab_box .shadetabs li#menu_01 a { background-image: url(../images/top/tab_01.gif);}
#tab_box .shadetabs li#menu_02 a { background-image: url(../images/top/tab_02.gif);}
#tab_box .shadetabs li#menu_03 a { background-image: url(../images/top/tab_03.gif);}
#tab_box .shadetabs li#menu_04 a { background-image: url(../images/top/tab_04.gif);}
#tab_box .shadetabs li#menu_01 a.selected,#tab_box .shadetabs li#menu_01 a.selected:hover { background-image: url(../images/top/tab_01_h.gif);}
#tab_box .shadetabs li#menu_02 a.selected,#tab_box .shadetabs li#menu_02 a.selected:hover { background-image: url(../images/top/tab_02_h.gif);}
#tab_box .shadetabs li#menu_03 a.selected,#tab_box .shadetabs li#menu_03 a.selected:hover { background-image: url(../images/top/tab_03_h.gif);}
#tab_box .shadetabs li#menu_04 a.selected,#tab_box .shadetabs li#menu_04 a.selected:hover { background-image: url(../images/top/tab_04_h.gif);}
#tab_box .shadetabs li#menu_01 a:hover { background-image: url(../images/top/tab_01_ov.gif);}
#tab_box .shadetabs li#menu_02 a:hover { background-image: url(../images/top/tab_02_ov.gif);}
#tab_box .shadetabs li#menu_03 a:hover { background-image: url(../images/top/tab_03_ov.gif);}
#tab_box .shadetabs li#menu_04 a:hover { background-image: url(../images/top/tab_04_ov.gif);}
#tab_box #box { clear: both; margin-bottom: 15px;}
#tab_box #box .tab-inner { background: url(../images/top/tab_bg.jpg) no-repeat right bottom #ffe2f4; min-height: 439px; border: 1px solid #f69;}
#tab_box #box .tab-inner table { margin: 20px 0 0 12px;}
#tab_box #box .tab-inner table td { width: 143px; height: 143px; padding: 10px;}
#page-home #column-main #kodawari { background-image: url(../images/top/kodawari_bn.jpg); height: 186px; width: 572px; margin: 10px 0 10px 14px; position:relative;}
#page-home #column-main #kodawari ul { height: 120px; width: 260px; position:absolute; top:56px; left:296px;}
#page-home #column-main #kodawari li { padding: 5px 4px 0 4px; list-style-type: disc; margin-left: 20px;}
#page-home #column-main #kodawari li a { text-decoration: underline;}
#page-home #column-main #whatsbox { width: 570px; height: 190px; margin: 10px 0 15px 14px; background: #f7fde5; border: 1px solid #9c0; overflow: auto;}
#page-home #column-main #whatsbox table { width: 525px; margin: 10px; border-collapse: collapse;}
#page-home #column-main #whatsbox td { vertical-align: top; padding: 10px 10px 10px 0; background: url(../images/top/line_whats.gif) repeat-x left bottom;}
#page-home #column-main #whatsbox td.date { width: 80px;}
#page-home #column-main #whatsbox .date p { background: url(../images/top/arrow_whats.gif) no-repeat left top; padding-left: 18px;}
#page-home #column-main #whatsbox td.cont { width: 490px;}
#page-home #column-main #whatsbox td.cont h4 { font-weight: bold;}
#page-home #column-main #recommend { background: url(../images/top/recommend_btm.gif) no-repeat left bottom; padding-bottom: 20px;}
#page-home #column-main #recommend .inner { background: url(../images/top/recommend_mid.gif) repeat-y;}
#page-home #column-main #recommend .inner .itemdata { text-align: center; width: 180px; margin: 0 auto; padding-bottom: 15px;}

#page-category .description-wrapper:after { content: "."; display: block; clear: both; height: 1px; visibility: hidden;}
#page-category .description { width: 587px; float: left; background: url(../images/roundedge_top.gif) no-repeat left top; padding-top: 13px;}
#page-category .description .inner { background: url(../images/roundedge_btm.gif) no-repeat left bottom; padding-bottom: 13px;}
#page-category .service { width: 211px; float: right; padding-right: 4px;}
#page-category .additional { clear: both; margin: 10px 0px;}
#page-category .pickup { margin-bottom: 20px;}
#page-category .pickup ul { margin: 10px;}
#page-category .list ul { margin: 10px;}
#page-category .list li { width: 190px; float: left; text-align: center;}
#page-category .list h5 { clear: both; font-size: 1.1em; font-weight: bold;}
#page-category .list .category-empty { text-align: center; margin: 40px 0px;}
#page-category .additional-banners { text-align: center;}
#page-category .additional-banners img { margin: 5px;}
#page-category #page-fengshui h4 { }
#page-category #page-fengshui h5 { text-indent: -9999px; text-decoration: none; width: 786px; height: 52px; margin-bottom: 10px;}
#page-category #page-fengshui h5#husui1 { background: url(../items/images/head_huusui1.gif) no-repeat left top;}
#page-category #page-fengshui h5#husui2 { background: url(../items/images/head_huusui2.gif) no-repeat left top;}
#page-category #page-fengshui h5#husui3 { background: url(../items/images/head_huusui3.gif) no-repeat left top;}
#page-category #page-fengshui h5#husui4 { background: url(../items/images/head_huusui4.gif) no-repeat left top;}
#page-category #page-fengshui h5#husui5 { background: url(../items/images/head_huusui5.gif) no-repeat left top;}
#page-category #page-fengshui h5#husui6 { background: url(../items/images/head_huusui6.gif) no-repeat left top;}
#page-category #page-fengshui h5#husui7 { background: url(../items/images/head_huusui7.gif) no-repeat left top;}
#page-category #page-fengshui h5#husui8 { background: url(../items/images/head_huusui8.gif) no-repeat left top;}
#page-category #page-fengshui h5#husui9 { background: url(../items/images/head_huusui9.gif) no-repeat left top;}
#page-category #page-fengshui p { margin-left: 40px; margin-bottom: 1em;}

#page-item .inner { margin-left: 20px;}
#page-item .description-wrapper { width: 760px;}
#page-item .description-wrapper .description { width: 440px; float: left;}
#page-item .description-wrapper .photo { width: 300px; float: right;}
#page-item .point-wrapper { clear: both; width: 780px;padding-top: 30px;}
#page-item .point-wrapper .point { background: url(../images/bg_point_btm.gif) no-repeat left bottom; padding-bottom: 20px; margin-bottom: 10px;}
#page-item .point-wrapper .point-inner { height: 1%;background: url(../images/bg_point_top.gif) no-repeat left top;  padding: 20px 20px 10px 20px;}
#page-item .point-wrapper .point-inner:after { content: "."; display: block; height: 1px; clear: both; visibility: hidden;}
#page-item .point-wrapper .point-left .photo { width: 306px; float: left;}
#page-item .point-wrapper .point-left .text { width: 400px; float: right;}
#page-item .point-wrapper .point-right .photo { width: 306px; float: right;}
#page-item .point-wrapper .point-right .text { width: 400px; float: left;}
#page-item .point-wrapper .point .text h4 { margin-bottom: 10px;}
#page-item .service-wrapper { clear: both; padding-top: 30px;}
#page-item .service-wrapper .banner { width: 250px; float: left; padding: 30px 0px;}
#page-item .order-wrapper { width: 760px;}
#page-item .order-wrapper h4 { margin-bottom: 20px;}
#page-item .order-wrapper .left-column { width: 306px; float: left;}
#page-item .order-wrapper .right-column { width: 380px; float: right;}
#page-item .order-wrapper .left-column .item-photo { margin-bottom: 20px;}
#page-item .order-wrapper .left-column .wrapping p { width: 146px; float: left; margin-right: 4px;}
#page-item .order-wrapper .left-column .tbl-delivery { clear: both; padding-top: 30px;}
#page-item .order-wrapper .left-column .tbl-delivery table { border-collapse: collapse;}
#page-item .order-wrapper .left-column .tbl-delivery td { border: 1px solid #ccc; padding: 3px;}
#page-item .order-wrapper .right-column .item-name { font-weight: bold; margin-bottom: 20px;}
#page-item .order-wrapper .right-column .item-price1 { font-weight: bold;}
#page-item .order-wrapper .right-column h5 { margin-top: 15px;}
#page-item .order-wrapper .right-column .normal { padding-left: 25px;}
#page-item .order-wrapper .right-column .normal p { margin-bottom: 10px;}
#page-item .order-wrapper .right-column .clearbox-size { color: #00a;}
#page-item .order-wrapper .right-column .message-assign { color: #f00;}
#page-item .order-wrapper .right-column .select-variation { color: #f00;}
#page-item .order-wrapper .right-column table { width: 370px; border-collapse: collapse; margin-bottom: 30px;}
#page-item .order-wrapper .right-column th,
#page-item .order-wrapper .right-column td { vertical-align: top; padding: 5px; background: url(../images/line_01.gif) repeat-x left bottom;}
#page-item .order-wrapper .right-column th { width: 160px;}  
#page-item #form-order { margin-bottom: 10px;}
#soldout { border: 1px solid #fcc; padding: 20px; margin: 10px 0px;}

#page-message-list .card-header { clear: both; margin-left:20px; min-height: 26px; background: url(../images/titlebg.jpg) no-repeat left top; font-size:13pt; font-weight:bold; color:#fff; padding-left:10px;}  
#page-message-list .inner { margin: 20px 40px;}
#page-message-list .inner li { width: 160px; float: left; padding-left: 10px; padding-bottom: 15px; text-align: center;}
#page-message-list .notice { margin-left: 40px;}
#page-message-list .description { margin-top: 10px;}

#page-message .inner { margin-left: 20px;}
#page-message .inner .photo { margin-bottom: 20px;}
#page-message .inner .size { margin: 20px 0px;}

#page-wrapping-list .wrapping-header { clear: both; margin-left:20px; min-height: 26px; background: url(../images/titlebg.jpg) no-repeat left top; font-size:13pt; font-weight:bold; color:#fff; padding-left:10px;}  
#page-wrapping-list .inner { margin: 20px 40px;}
#page-wrapping-list .inner li { width: 160px; height: 1%; float: left; padding-left: 10px; padding-bottom: 15px; text-align: center;}

#page-wrapping .inner { margin-left: 20px;}
#page-wrapping .inner .photo { margin-bottom: 20px;}
#page-wrapping .inner .related { margin: 20px 0px;}

#page-example-list .example-header { background: url(../images/titlebg.jpg) no-repeat left center; font-size:13pt; font-weight:bold; padding-left:10px; color:#fff; height:26px; margin:10px 0px 10px 14px;}
#page-example-list .inner { margin-left: 30px; width: 720px;}
#page-example-list .inner li { background: url(../images/line_01.gif) repeat-x left bottom; padding-bottom: 8px; margin-bottom: 8px;}
#page-example-list .inner li p { background: url(../images/list_circle.gif) no-repeat left top; padding-left: 20px;}

#page-arrange-list .arrange-header { clear: both; margin-left:20px; min-height: 26px; background: url(../images/titlebg.jpg) no-repeat left top; font-size:13pt; font-weight:bold; color:#fff; padding-left:10px;}  
#page-arrange-list .inner { margin: 20px 40px;}
#page-arrange-list .inner li { width: 160px; float: left; padding-left: 10px; padding-bottom: 15px; text-align: center;}

#page-arrange .inner { margin-left: 20px;}
#page-arrange .inner .photo { margin-bottom: 20px;}

#page-static #column-main p { padding-bottom: 1em;}
#page-static #static-feature p { margin: 0 40px 0 20px;}
#page-static #static-feature h5 { margin: 10px 0;}
#page-static #static-feature ul { margin-left: 40px;}
#page-static #static-feature ul li { padding-left: 10px; list-style-type: disc;}
#page-static #static-info table { border-collapse: collapse; margin-top: 30px; margin-left: 20px; border: 3px solid #ff6699;}
#page-static #static-info table th { background: #FFE0E0; font-weight: bold; padding: 5px; border: 1px solid #FF6699; white-space: nowrap;}
#page-static #static-info table td { padding: 5px; border: 1px solid #FF6699;}
/*#page-static #static-info table td p { margin-bottom: 1em;}*/
#page-static #static-help h5 { font-weight: bold;}
#page-static #static-help p { margin: 10px 0 0 20px;}
#page-static #static-help .box { margin: 10px 10px 30px 0; background: url(../images/line_01.gif) repeat-x left bottom; padding-bottom: 20px;}
#page-static #static-help .inner { background: url(../images/bg_guide_top.gif) no-repeat left top; padding: 20px 30px 20px 20px;}
#page-static #static-help .inner-btm { background: url(../images/bg_guide_btm.gif) no-repeat left bottom; padding-bottom: 43px; margin-left: 30px; width: 670px;}
#page-static #static-help h5 { font-size: 1.1em; margin-bottom: 10px; color: #666;}
#page-static #static-help .inner h6 { margin-bottom: 20px; color: #f60; font-weight: bold;}

#contact-form { margin: 20px;}
#contact-form dd { margin: 0 0 20px 20px;}
#page-contact .description { margin: 20px 0;}
#page-contact .description p { margin-left: 20px; margin-bottom: 1em;}
#page-contact .form-buttons { margin: 20px;}
#page-contact .mail-error { border: 1px solid #c00; padding: 10px; margin: 10px 20px;}
#page-contact #form-submit { font-weight: bold; padding: 0 20px;}

/* pages common */
#topic-path { font-size: 9pt; margin-bottom: 5px; margin-top: 5px; color: #aaa;}
#topic-path a { color: #666;}
#topic-path a:hover { color: #f69;}
.text-header { background: url(../images/bg_textheader.png) no-repeat left top; font-weight: bold; text-align: center; height: 32px; padding-top: 20px; clear: both;}
.read-more { clear:both; padding: 10px 20px; text-align: right;}
.clear { clear: both;}
.notice { color: #f00;}
#page-header { margin-bottom: 10px;}
#page-header-text { margin: 10px 0px 20px; text-align: center; font-size: 1.2em; color: #5a7813; font-weight: bold; background: url(../images/bg_itemname.jpg) no-repeat left bottom; line-height: 60px; }
.item-list { clear: both;}
.itemdata { text-align: center; padding-bottom: 20px;}
.itemdata .photo { margin-bottom: 15px;}
.itemdata .photo img { border: 1px solid #ccc; padding: 2px;}
.itemdata .photo a:hover img { border: 1px solid #f69;}
.itemdata .icons { margin-top: 5px;}
.bottom-line { background: url(../images/line_01.gif) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 10px;}
#pagetop { clear: both; padding: 20px 10px; text-align: right;}
.edge { border: 1px solid #ccc; padding: 2px; display: block;}
.edge:hover { border-color: #f69;}
#description-area { background: url(../images/bg_point_btm.gif) no-repeat left bottom; padding-bottom: 20px; margin-bottom: 20px;}
#description-area .desc-inner { background: url(../images/bg_point_top.gif) no-repeat left top;  padding: 20px 20px 10px 20px;}