@charset "utf-8";
* html { overflow-x: hidden; }
* {padding:0; margin:0;}

body{font-size:12px;font-family: verdana, arial,helvetica,  sans-serif; color:#333; background:#e2d998;padding-bottom:15px;}

/* global div */ 
ul {margin:0; padding:0; list-style-type:none;}
a {color:#333366; text-decoration:none;}
a:hover{ text-decoration:underline}

/* global class */ 
.clear {clear:both; font-size:0px;}

/* intro */
#intro{ width:990px; margin:0px auto;background:url(images/intro_bg.gif) no-repeat center top; text-align:center; margin-top:100px;}
#intro img{ padding:5px 10px;}

/* body */ 
#body{ width:990px; margin:0px auto; background:url(images/body.gif) repeat-y center}
#body-top{ background:url(images/body_top.gif) no-repeat center; font-size:0px; height:10px;}
#body-bottom{ background:url(images/body_bottom.gif) no-repeat center; font-size:0px; height:10px;}

#header{}
#header .logo{ height:170px; }
.logo_01{background:url(images/header_01.jpg) no-repeat center;}
.logo_02{background:url(images/header_02.jpg) no-repeat center;}
.logo_03{background:url(images/header_03.jpg) no-repeat center;}
#header .logo h1{ display:none}
.lang{ text-align:right; padding-top:10px; padding-right:20px;}
.lang a{ font-weight:bold; text-decoration:underline}
#header{ background:#05b609; width:980px;margin: 0 auto 0 auto;}
.main-menu{ background:#FFFFFF;}
.main-menu ul{}
.main-menu ul li{ float:left;}
.main-menu ul li a span{ display:none}
.main-menu ul li a{ display:block; height:40px;}
.main-menu1 ul li a{ display:block; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold}
.main-menu1 ul{}
.main-menu1 ul li{ float:left;}
.main-menu1 ul li a:hover{ background:#02ce06;}
.th_mm01 a{ width:100px; background: url(images/th_mm01.png) no-repeat}
.th_mm01 a:hover{width:100px; background:url(images/th_mm01_over.png) no-repeat}
.th_mm02 a{ width:102px; background: url(images/th_mm02.png) no-repeat}
.th_mm02 a:hover{width:102px; background:url(images/th_mm02_over.png) no-repeat}
.th_mm03 a{ width:124px; background: url(images/th_mm03.png) no-repeat}
.th_mm03 a:hover{width:124px; background:url(images/th_mm03_over.png) no-repeat}
.th_mm04 a{ width:105px; background: url(images/th_mm04.png) no-repeat}
.th_mm04 a:hover{width:105px; background:url(images/th_mm04_over.png) no-repeat}
.th_mm05 a{ width:96px; background: url(images/th_mm05.png) no-repeat}
.th_mm05 a:hover{width:96px; background:url(images/th_mm05_over.png) no-repeat}
.th_mm06 a{ width:107px; background: url(images/th_mm06.png) no-repeat}
.th_mm06 a:hover{width:107px; background:url(images/th_mm06_over.png) no-repeat}
.th_mm07 a{ width:107px; background: url(images/th_mm07.png) no-repeat}
.th_mm07 a:hover{width:107px; background:url(images/th_mm07_over.png) no-repeat}
.th_mm08 a{ width:110px; background: url(images/th_mm08.png) no-repeat}
.th_mm08 a:hover{width:110px; background:url(images/th_mm08_over.png) no-repeat}
.th_mm09 a{ width:125px; background: url(images/th_mm09.png) no-repeat}
.th_mm09 a:hover{width:125px; background:url(images/th_mm09_over.png) no-repeat}

#container{ padding-bottom:5px; padding-top:7px;}

#sidebar{ float:left; width:180px; margin-left:10px; background:#d5edb3}
#sidebar h2{ background:#05b609; font-size:13px; font-weight:bold; padding:3px 7px; color:#FFFFFF}

ul.side-menu{ padding-bottom:5px; padding-top:5px;}
ul.side-menu li{}
ul.side-menu li a{ display:block; padding:2px 3px 2px 15px; text-decoration:none; color:#333}
ul.side-menu li a:hover{ background:#e8fccc}

ul.side-image{ margin-top:10px;}
ul.side-image li{width:160px; margin-left:9px; margin-bottom:10px; text-align:center; font-weight:bold}
ul.side-image li a span{ display:none}
ul.side-image li a{ color:#000000; font-size:14px;}
ul.side-image li.menu-01 a{ display:block; background:url(images/menu_01.jpg) no-repeat; width:160; height:80px; border:1px solid #7ec717}
ul.side-image li.menu-02 a{ display:block; background:url(images/menu_02.jpg) no-repeat; width:160; height:80px; border:1px solid #7ec717}
ul.side-image li.menu-01 a:hover{ border:1px solid #fc0668}
ul.side-image li.menu-02 a:hover{ border:1px solid #fc0668}


#main{ float:left; width:780px; margin-left:10px;}
#main h1{ font-size:16px; color:#069809; background:#e7facb; padding:3px 10px; margin-bottom:5px; border-bottom:1px solid #d5edb3}
#main h2{ font-size:13px; color:#069809;  padding:3px 10px; margin-bottom:5px; border-bottom:1px solid #d5edb3}

#show{margin-bottom:10px;}

#footer{width:980px; margin:0px auto; font-size:11px;}
#footer p.copyright a{ color:#917303; font-weight:bold}
#footer p.copyright strong{color:#917303;font-weight:bold}


/* page */
.page{ padding-bottom:5px; width:100%;}
.page p{ padding-bottom:5px;}
.page ol{ margin-left:40px;}
.page ol li{ list-style-type: decimal; vertical-align:text-top}
.page ul{ margin-left:40px;}
.page ul li{ list-style-type:disc; vertical-align:text-top}
.page table{margin: 0 auto 0 auto;}

/* sendmail */
#sendmail { padding-left:80px;}
#sendmail .mail-error{ color:#FF0000}
#sendmail .mail-success{ color:#339900;}
#sendmail .box-sending{text-align:center; background:#BEEFFD; border:1px solid #0DC3F7; padding-top:3px;padding-bottom:3px}
#sendmail .box-error{text-align:center; background:#FAB8B8; border:1px solid #CC0000; padding-top:3px;padding-bottom:3px}
#sendmail .box-success{text-align:center; background:#DDF8C5; border:1px solid #8DC83A; padding-top:3px;padding-bottom:3px}
#sendmail .box-hide{ display:none}
#sendmail input{ width:300px;}
#sendmail textarea{ width:300px; height:100px;}
#sendmail #send{ width:auto;}

/* Blog */
#container #content-blog{float:left; width:780px; margin-left:10px;}
#content-blog div.post{ border-bottom:1px dashed #dedede; padding-bottom:10px;}
#content-blog div.post h2{font-size:16px; color:#069809; padding-bottom:3px; margin-bottom:5px; border-bottom:1px solid #d5edb3}
#content-blog div.post h2 a{font-size:16px; color:#069809; padding-bottom:3px; margin-bottom:5px; border-bottom:1px solid #d5edb3}
#content-blog div.post h3 {font-size:16px; color:#069809; padding-bottom:3px; margin-bottom:5px;}
#content-blog div.post h3 a{color:#069809;}

#content-blog h2.pagetitle{font-size:16px; color:#069809; padding-bottom:3px; margin-bottom:5px; border-bottom:1px solid #d5edb3}

#content-blog #respond { margin-left:20px; padding-top:10px;}
#content-blog #respond h3{font-size:16px; padding-bottom:5px;}
#content-blog #respond textarea{ width:400px;}

#content-blog .entry{ padding-top:3px;}
#content-blog .entry p{padding-bottom:7px;}
#content-blog .entry ol{ margin-left:40px;}
#content-blog .entry ol li{ list-style-type: decimal;}
#content-blog .entry ul{ margin-left:40px;}
#content-blog .entry ul li{ list-style-type:disc}
#content-blog .entry h3{ font-size:16px;}

#content-blog .navigation{ clear:both; padding:10px 0px 0px 0px;}
#content-blog .navigation a{ display:block; background:#f6f6f6;border:1px solid #dedede; padding:2px 10px;}
#content-blog .navigation a:hover{ text-decoration:none; background:#dddddd; color:#000}
#content-blog .alignright{ float:left; padding-left:10px;}
#content-blog .alignleft{ float:right; padding-right:10px;}

#content-blog .related{}
#content-blog .related h3{ font-size:16px; color:#F78231; padding:5px 0px;}
#content-blog .related ul{ margin-left:40px;}
#content-blog .related ul li{list-style-type:disc}

#content-blog .blog-banner{ padding-left:0px; padding-right:0px; text-align:center; padding-top:10px;}
#content-blog .blog-banner a{}
#content-blog .blog-banner img{ border:0px;}

/* product list */
ul.product-list{ padding-top:10px;}
ul.product-list li{ float:left; width:25%; text-align:center; padding-bottom:20px;}
ul.product-list li p.image{ height:135px;}
ul.product-list li p.title a{ color:#069809; font-size:13px; font-weight:bold}
ul.product-list li p.price strong{ color:#FF0000}
ul.product-list li a{}
ul.product-list li a img{ border:1px solid #d5edb3; background:#FFFFFF; padding:4px;}
ul.product-list li a img:hover{ border:1px solid #fc0668;}

div.product-detail{ text-align:center; padding-bottom:10px;}
div.product-detail img{border:1px solid #d5edb3; background:#FFFFFF; padding:4px;}
div.product-detail p.image{ padding:10px; }
div.product-detail p.price{ font-size:16px; font-weight:bold}
div.product-detail p.price strong{ color:#FF0000}

.image-list{margin-bottom:10px;}
.image-list ul{ width:80%; margin-left:12%;}
.image-list ul li{ float:left; width:16%; text-align:center}
.image-list ul li img:hover{border:1px solid #fc0668;}

/* paging */
.paging-box{ width:50%;}
.paging{padding:10px;}
.paging strong{ font-weight:bold; margin:2px; border:1px solid #069809; background:#d5edb3; padding:2px 5px; color:#069809; }
.paging a{margin:2px; border:1px solid #069809; background:#FFFFFF; padding:2px 5px; color:#069809;}
.paging a:hover{color:#069809; background:#d5edb3; text-decoration:none}