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

@import "default.css";

body { background: url(../images/bg_body.jpg); font-size: 12px; color: #545454;}
a { color: #3e0b09;}
a { position: relative;} /* for jquery.pngFix() */

/* ---------------------------------
   common styles
--------------------------------- */
#container { width: 960px; margin: 0 auto; background: url(../images/bg_container.png) repeat-y left top;}
/* \*/ * html #container { background: url(../images/bg_container.jpg) repeat-y left top;}
#contents-wrapper { padding: 14px 40px 0px; width: 880px;}

#header { background: url(../images/bg_header.jpg) no-repeat; width: 880px; height: 170px; position: relative; margin-bottom: 5px;}
/*#page-top #header { background: url(../images/bg_header_top.jpg) no-repeat; height: 340px;}*/
#header h1 { width: 322px; height: 159px; position: absolute; left: 15px; top: -5px;}
#header h2 { position: absolute; left: 385px; top: 35px; font-weight: normal; font-size: 130%; line-height: 180%;}
#header ul { position: absolute; left: 385px; top: 112px;}
#header ul li { float: left;}

#global-nav { height: 55px;}
#global-nav li { float: left;}

#contents { padding-left: 5px; background: url(../images/bg_side.jpg) repeat-y 5px 0px; }
#contents1 { padding-left: 5px;}
#side-contents { width: 180px; float: left; margin-right: 15px; padding-top: 10px; min-height: 300px;}
#main-contents { width: 675px; float: left; padding-top: 10px;}
#contents1 #main-contents { width: 860px; float: none; margin-left: 5px;}

#footer { background: url(../images/bg_footer.jpg) repeat left top; color:#66584a; width: 860px; margin-left: 5px; padding:25px 40px 10px 50px; position: relative; font-size: 85%;}
#footer a { color:#66584a; text-decoration:none; }
#footer a:hover{ color:#9c8772; }
#footer #tel { float:left; width:300px; }
#footer #tel p { margin: 5px 0px 5px 30px; }
#footer div.footer_menu { width:275px; border-left:dotted 1px #786858; float:left; padding:3px 0 0; }
#footer div.footer_menu dl { padding-left:25px; }
#footer div.footer_menu dl dt { font-size:14px; font-weight:bold; }
#footer div.footer_menu dl dd { font-size:12px; padding:10px 0 10px 10px;}
#footer div.footer_menu dl dd ul li { background:url(../images/footmenu_mark.gif) left center no-repeat; padding:3px 10px 3px 18px; min-height:11px; height:auto !important; height:11px; }
#footer #footer_wrap:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer #footer_wrap{ zoom: 1; }
#footer #footer-nav { text-align:center; margin-top:25px; }
#footer #footer-nav li { display: inline;}
#footer #copyright { text-align:center; margin-top:10px; }

#topic-path { margin-bottom: 10px;}
#topic-path a { color: #545454;}

.page-top { text-align: right; margin-bottom: 20px;}
.clear { clear: both;}

#contents1 .tbl-def { width: 830px; border-collapse: collapse; margin: 15px 0px;}
#contents .tbl-def,
#mypagecolumn .tbl-def { width: 650px; border-collapse: collapse; margin: 15px 0px;}
.tbl-def th { border: 1px solid #ccc; padding: 5px; background: #f6e2c0; color: #6a480f; text-align: center;}
.tbl-def td { border: 1px solid #ccc; padding: 5px;}
th.resulttd { text-align: right;}

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

/* side contents */
.side-block { margin-left: 6px; margin-bottom: 20px;}
#nav-buttons img { margin-bottom: 5px;}
#side-search h2 { font-size: 106%; color: #5a0e0c;}
#side-categories { margin-left: 3px; width: 170px;}
#side-categories ul { margin-bottom: 15px;}
#side-categories li { background: url(../images/dotline2.gif) repeat-x left bottom; padding: 5px 0px 5px 10px;}
#side-categories li.level1 { padding: 0px; background: none; margin-top:2px; margin-bottom:2px;}
#side-categories li a { color: #370805; text-decoration: none;}
#side-banners div { margin-bottom: 15px;}

/* ---------------------------------
   top page
--------------------------------- */
#banner-toppage { margin-bottom: 10px;}
#main-image { background: url(../images/bg_mainimage.jpg) no-repeat; width: 880px; height: 325px; position: relative; margin-top: 5px;}
#main-image h2 { position: absolute; left: 54px; top: 41px;}
#main-image #top-nav-categories { position: absolute; left: 48px; top: 147px;}
#main-image #top-nav-categories .banner { width: 230px; float: left;}
#main-image #top-nav-categories .text { width: 350px; float: left; color: #333; padding-bottom: 10px;}
#main-image #top-nav-categories .text h3 { margin-bottom: 5px;}
#main-image #top-nav-categories .text p { font-size: 77%;}

#top-boxes { padding-left: 6px; margin-bottom: 30px; padding-top:13px; background:url(../images/new_top/border_box_top.gif) center top no-repeat; }
#top-boxes .box1 { width: 432px; background: url(../images/topbox1_top.gif) no-repeat left top; padding-top: 12px; margin-right: 6px; margin-top:10px;}
#top-boxes .box1 .box-bottom { background: url(../images/topbox1_btm.gif) no-repeat left bottom; padding-bottom: 12px;}
#top-boxes .box1 .box-bottom .box-mid { background: url(../images/topbox1_mid.gif) repeat-y left top; padding: 10px 22px;}
#top-boxes .box1 .box-bottom .box-mid .box-inner { background: #fff; width: 390px; padding-top: 10px; min-height: 400px; height: auto !important; height: 400px;}
#top-boxes .box2 { width: 432px; background: url(../images/topbox2_top.gif) no-repeat left top; padding-top: 12px; margin-top:10px;}
#top-boxes .box2 .box-bottom { background: url(../images/topbox2_btm.gif) no-repeat left bottom; padding-bottom: 12px;}
#top-boxes .box2 .box-bottom .box-mid { background: url(../images/topbox2_mid.gif) repeat-y left top; padding: 10px 22px;}
#top-boxes .box2 .box-bottom .box-mid .box-inner { background: #fff; width: 390px; padding-top: 10px; min-height: 400px; height: auto !important; height: 400px;}
#top-boxes .box3 { width: 870px; min-height: 160px; height: auto !important; height: 160px; padding-top:6px; }
#top-boxes .box3 .box-bottom { background: url(../images/topbox3_btm.gif) no-repeat left bottom; padding-bottom: 12px;}
#top-boxes .box3 .box-bottom .box-mid { background: url(../images/topbox3_mid.gif) repeat-y left top; padding: 10px 22px;}
#top-boxes .box3 .box-bottom .box-mid .box-inner { background: #fff; width: 828px; padding-top: 10px; min-height: 180px; height: auto !important; height: 180px;}
#top-boxes .box4 { width: 870px; background: url(../images/topbox4_top.gif) no-repeat left top; padding-top: 12px;  margin-top:30px; clear:both;}
#top-boxes .box4 .box-bottom { background: url(../images/topbox4_btm.gif) no-repeat left bottom; padding-bottom: 12px;}
#top-boxes .box4 .box-bottom .box-mid { background: url(../images/topbox4_mid.gif) repeat-y left top; padding: 10px 22px;}
#top-boxes .box4 .box-bottom .box-mid .box-inner { background: #fff; width: 828px; padding-top: 10px; min-height: 300px; height: auto !important; height: 300px;}
#top-boxes .box5 { width: 870px; background: url(../images/new_top/topbox5_top.gif) left top no-repeat #e8e1d9; padding-top: 7px; margin-top:10px;}
#top-boxes .box5 .box-bottom { background: url(../images/new_top/topbox5_btm.gif) left bottom no-repeat; padding-bottom: 13px;}
#top-boxes .box5 .box-bottom .box-mid { padding: 0 9px;}
#top-boxes .box5 .box-bottom .box-mid .box-area-white{ width:393px; float:left; }
#top-boxes .box5 .box-bottom .box-mid .box-area-beige{ width:245px; float:left; }
#top-boxes .box5 .box-bottom .box-mid .box-area-brown{ width:214px; float:left; }
#top-boxes .box5 .box-bottom .box-mid .box-area-brown ul{ width:222px; }
#top-boxes .box5 .box-bottom .box-mid ul{ position:relative; list-style:none; margin:0 0 -7px; padding:0; }
#top-boxes .box5 .box-bottom .box-mid ul li{ margin:0; padding:0; width:74px; height:71px; float:left; overflow:hidden;}
#top-boxes .box5 .box-bottom .box-mid ul li.box-item-2h{ height:142px;}
#top-boxes .box5 .box-bottom .box-mid ul li.box-item-2h ul{ width:74px !important;}
#top-boxes .box5 .box-bottom .box-mid ul li.box-item-big{ width:147px; height:142px; }
#top-boxes .box5 .box-bottom .box-mid ul li a{ display:block; width:65px; height:59px; padding-top:5px; text-align:center; text-decoration:underline; }
#top-boxes .box5 .box-bottom .box-mid ul li a img{ display:block; margin:0 auto 4px; }
#top-boxes .box5 .box-bottom .box-mid ul li.box-item-big a img{ margin:2px auto 13px; }
#top-boxes .box5 .box-bottom .box-mid ul li.box-item-big a{ width:139px; height:131px; }
#top-boxes .box5 .box-bottom .box-mid .box-area-white ul li a{ background:url(../images/new_top/topbox5_item_bg_white.gif) left top no-repeat; }
#top-boxes .box5 .box-bottom .box-mid .box-area-brown ul li a{ background:url(../images/new_top/topbox5_item_bg_brown.gif) left top no-repeat; }
#top-boxes .box5 .box-bottom .box-mid .box-area-beige ul li a{ background:url(../images/new_top/topbox5_item_bg_beige.gif) left top no-repeat; }
#top-boxes .box5 .box-bottom .box-mid .box-area-white ul li.box-item-big a{ background:url(../images/new_top/topbox5_item_bg_white_big.gif) left top no-repeat; }
#top-boxes .box5 .box-bottom .box-mid .box-area-brown ul li.box-item-big a{ background:url(../images/new_top/topbox5_item_bg_brown_big.gif) left top no-repeat; }
#top-boxes .box5 .box-bottom .box-mid ul li.box-item-brown a{ background:url(../images/new_top/topbox5_item_bg_brown.gif) left top no-repeat; }
#top-boxes .box5 .box-bottom .box-mid ul li a:hover{ background:url(../images/new_top/topbox5_item_bg_over.gif) left top no-repeat; color:#ffffff; }
#top-boxes .box5 .box-bottom .box-mid ul li.box-item-big a:hover{ background:url(../images/new_top/topbox5_item_bg_over_big.gif) left top no-repeat; }
#top-boxes .box6 { width: 870px; background: url(../images/new_top/topbox6_top.gif) left top no-repeat #f5e9cf; padding-top: 5px; margin-top: 15px;}
#top-boxes .box6 .box-bottom { background: url(../images/new_top/topbox6_btm.gif) left bottom no-repeat; padding-bottom: 5px;}
#top-boxes .box6 .box-bottom .box-mid { padding: 0 18px;}
#top-boxes .box6 .box-bottom .box-mid ul { position:relative; width:850px; list-style:none; margin:0 -25px 20px 0; padding:0; }
#top-boxes .box6 .box-bottom .box-mid ul li { width:170px; margin:0; padding:0; float:left; }
#top-boxes .box6 .box-bottom .box-mid ul li .box-newitem { width:130px; padding:3px 6px; background:#f3eee9; border-left:solid 1px #dfdedd; border-top:solid 1px #ececeb; border-right:solid 2px #e1e0df; border-bottom:solid 2px #d2d2d2; }
#top-boxes .box6 .box-bottom .box-mid ul li .box-newitem p { padding:5px 0; }

#usr_top_3bn{ width: 870px; padding-left:7px; }
#usr_top_3bn a{ padding-right:5px;}

#news { margin-top: 10px; margin-left: 15px; width: 360px; height: 330px; overflow: auto;}
#news table { width: 340px;}
#news td { padding: 10px 5px; vertical-align: top; background: url(../images/dotline1.gif) repeat-x left bottom;}
#news td.date { white-space: nowrap;}
#news a { position: static;}

/* ---------------------------------
   category page
--------------------------------- */
#category-image { background: url(../images/dotline2.gif) repeat-x left top; padding-top: 10px;}
#category-description { padding: 15px 20px; background: url(../images/dotline2.gif) repeat-x left bottom;}
.page-nav { margin: 10px 0px;}
.item { width: 164px; background: url(../images/bg_itemlist_btm.gif) no-repeat left bottom; padding-bottom: 6px;}
.item .item-inner { background: url(../images/bg_itemlist_top.gif) no-repeat left top; padding: 0px 10px;}
.item .item-inner .pic { padding: 10px 0px;}
.item .item-inner .name { padding: 5px 0px;}
.item-padding { margin-right: 3px; margin-bottom: 10px;}


/* ---------------------------------
   detail page
--------------------------------- */
.detail-subphotos { margin-top: 20px; background: url(../images/bg_itemdetail_top.jpg) no-repeat left top; padding-top: 16px;}
.detail-subphotos .bottom { background: url(../images/bg_itemdetail_btm.jpg) no-repeat left bottom; padding-bottom: 22px;}
.detail-subphotos .bottom .inner { background: url(../images/bg_itemdetail_mid.jpg) repeat-y left top; padding: 0px 16px 0px 23px;}
.detail-subphotos .bottom .inner .pic { background: url(../images/bg_item_subphoto.jpg) no-repeat left top; width: 274px; height: 205px; padding: 25px 15px 15px 15px;}
.detail-subphotos .bottom .inner .left { width: 274px; min-height: 245px; height: auto !important; height: 245px;}
.detail-subphotos .bottom .inner .right { width: 274px; min-height: 245px; height: auto !important; height: 245px;}
.detail-subphotos .bottom .inner .detail-obj { padding-left: 30px; background: url(../images/bg_obj_flower.jpg) no-repeat right bottom;}
.detail-subphotos .bottom .inner .item-name h2 { margin-top: 30px; font-size: 116%; color: #5a4744;}
.detail-subphotos .bottom .inner .item-desc { padding-top: 30px; line-height: 220%; padding-bottom: 50px; }
.cart { margin-top: 25px;}
.cart .pic { background: url(../images/bg_item_mainphoto.gif) no-repeat left top; width: 350px; height: 250px; margin-left: 10px; display: inline; padding: 3px 4px;}
.item-detail { width: 300px; padding-top: 30px;}
.item-detail .data { margin: 30px 0px; width: 300px;}
.item-detail .data dt { width: 100px; float: left; padding-bottom: 5px;}
.item-detail .data dd { width: 200px; float: right; padding-bottom: 5px;}


/* ---------------------------------
   shopping
--------------------------------- */
.title { margin-bottom: 10px;}
.attention { color: #f00; font-weight: bold;}
.text-header { background: url(../images/bg_textheader.jpg) repeat-x left center; height: 30px; line-height: 30px; font-size: 112%; padding-left: 10px; margin-bottom: 10px;}
.tblareabtn { text-align: center; margin: 20px 0px;}
.loginarea { margin-bottom: 20px;}
.loginarea h3 { font-size: 112%;}
.flowarea { text-align: center; margin: 10px;}
.delivname th { width: 200px;}


/* ---------------------------------
   mypage
--------------------------------- */
#mynavarea { width: 200px; float: left;}
#mycontentsarea { width: 650px; float: right;}


/* ---------------------------------
   faq
--------------------------------- */
.description { margin-bottom: 20px;}
#question-list { margin-bottom: 30px;}
#question-list li { margin-bottom: 5px;}
#faq-list { padding-top: 10px;}
#faq-list dt { border-top: 1px dotted #9a827e; padding-top: 10px; margin-top: 10px; font-weight: bold; font-size: 112%;}
#faq-list dd { margin: 10px 0px 10px 20px; line-height: 140%;}
#faq-list dd .answer p { margin-bottom: 1em;}


/* ---------------------------------
   about
--------------------------------- */
#page-about h3 {
	margin-top:40px;
	clear: both;
}

#page-about p {
	margin: 1em 1em 0px 0.5em;
	line-height: 1.35;
}
#page-about p img.left {
	margin: -4px 6px 0px -5px;
}
#page-about p img.right {
	margin: -4px -5px 0px 6px;
}
#page-about dl {
	background-image: url(../images/about_img05.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 200px;
	margin-bottom: 20px;
	line-height: 1.4;
}
#page-about dt {
	font-weight: bold;
	color: #990000;
	width: 135px;
	float: left;
	padding-top: 5px;
}
#page-about dd {
	border-bottom: 1px dashed #CCCCCC;
	padding: 5px 0px 5px 135px;
}
#page-about hr {
	line-height: 1px;
	clear: both;
	height: 1px;
	visibility: hidden;
}

/* ---------------------------------
   wholesale + page-care + shape
--------------------------------- */
#page-shape h3, #page-care h3, #page-wholesale h3 {
	font-size:14px;
	color:#660000;
	margin:25px 0 10px 14px;
}
#page-shape p, #page-care p, #page-wholesale p {
	font-size:14px;
	margin:0 28px 14px 14px;
	line-height:1.6;
}
#page-care a, #page-wholesale a {
	margin-left:28px;
}

/* ---------------------------------
   gallery
--------------------------------- */
#page-gallery .pic { text-align: center; width: 143px; height: 145px; }
#page-gallery .btn-detail { text-align: center; padding: 5px 0px;}
#page-gallery .gallery-detail .pic { width: 240px; height: auto; float: left; text-align: left; padding-bottom: 30px;}
#page-gallery .gallery-detail .text { width: 420px; float: right; padding-bottom: 30px;}
#page-gallery .gallery-detail .text h3 { font-size: 1.2em; margin-bottom: 10px;}
#page-gallery .gallery-detail .text p { line-height: 1.5em;}
#page-gallery .comment-area { clear: both; padding-top: 10px; background: url(../images/dotline1.gif) repeat-x left top;}
#page-gallery #comment-form dl { clear: both;}
#page-gallery #comment-form dt { width: 180px; float: left; margin-bottom: 10px;}
#page-gallery #comment-form dd { width: 450px; float: left; margin-bottom: 10px;}
#page-gallery #comment-form #email { width: 300px;}
#page-gallery #comment-form textarea { width: 400px; height: 100px;}
#page-gallery #comment-form #btn-submit { clear: both; margin: 20px 0px;}
#page-gallery #comment-form #btn-submit input { width: 80px;}

#page-gallery .commentlist li { border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; margin-left: 20px;}
#page-gallery .commentlist li .comment-author { font-weight: bold;}
#page-gallery .commentlist li .comment-body { margin: 10px 0px;}
#page-gallery .commentlist li .comment-date { text-align: right;}

#page-gallery #post-10 p { margin-bottom: 1em;}
#page-gallery #post-10 h4 { margin-top: 20px;}
#recent-gallery { width:370px;height:340px;overflow:hidden;margin:10px;}