@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-x left top; width: 950px; height: 120px; margin-left: 5px; position: relative; font-size: 85%;}
#footer #tel { position: absolute; left: 50px; top: 20px;}
#footer #tel p { margin: 5px 0px;}
#footer #footer-nav { position: absolute; left: 350px; top: 20px; width: 560px;}
#footer #footer-nav li { display: inline;}
#footer #copyright { position: absolute; left: 350px; top: 90px;}

#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;}
#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;}
#top-boxes .box1 { width: 432px; background: url(../images/topbox1_top.gif) no-repeat left top; padding-top: 12px; margin-right: 6px; margin-top: 6px;}
#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: 6px;}
#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; background: url(../images/topbox3_top.gif) no-repeat left top; padding-top: 12px;}
#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;}

#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;}