/* [base.css] Copyright (C) 2004 website maintain controlers */

body {
 font-family:"lr oSVbN","osaka","pSVbN","Arial","MS UI Gothic","sans-serif";
 margin-top:5;
 margin-left:15;
 padding:0;
 }

a:link {
 color: #666666; text-decoration: none
 }
a:visited {
 color: #888888; text-decoration: none
 }
a:hover {
 color: #FF6666; text-decoration: none
 }
a:active {
 color: #990000; text-decoration: none
 }

a.info:link { color:#ff6633; text-decoration:none; }
a.info:visited { color:#666666; text-decoration:none; }
a.info:hover { color:#999999; text-decoration:none; }

a.def:link { color:#666666; text-decoration:none; }
a.def:visited { color:#666666; text-decoration:none; }
a.def:hover { color:#666666; text-decoration:underline; }

a.def2:link { color:#333333; text-decoration:none; }
a.def2:visited { color:#333333; text-decoration:none; }
a.def2:hover { color:#333333; text-decoration:none; }

a.head:link { color:#006600; text-decoration:none; }
a.head:visited { color:#006600; text-decoration:none; }
a.head:hover { color:#666666; text-decoration:none; }

a.herb:link { color:#3399FF; text-decoration:none; }
a.herb:visited { color:#3399FF; text-decoration:none; }
a.herb:hover { color:#666666; text-decoration:none; }

a.top:link { color:#ffffff; text-decoration:none; }
a.top:visited { color:#ffffff; text-decoration:none; }
a.top:hover { color:#ff6666; text-decoration:none; }

a.top2:link { color:#999933; text-decoration:none; }
a.top2:visited { color:#999933; text-decoration:none; }
a.top2:hover { color:#ff9933; text-decoration:none; }

a.head2:link { color:#ff6666; text-decoration:none; }
a.head2:visited { color:#ff6666; text-decoration:none; }
a.head2:hover { color:#999999; text-decoration:none; }

a.pr:link { color:#990099; text-decoration:none; }
a.pr:visited { color:#990099; text-decoration:none; }
a.pr:hover { color:#999999; text-decoration:none; }

a.wt:link { color:#ff6633; text-decoration:underline; }
a.wt:visited { color:#666666; text-decoration:underline; }
a.wt:hover { color:#999999; text-decoration:none; }

a.wt2:link { color:#333333; text-decoration:underline; }
a.wt2:visited { color:#666666; text-decoration:underline; }
a.wt2:hover { color:#ff6666; text-decoration:none; }

/* == header styles == */

#h_maincontents{
 width:740px;
 height:50px;
 margin:8px 0px 5px 0px;
 padding:0px;
 }

#h_content{
 float:right;
 width:570px;
 hight:50px;
 color:#ffffff;
 font-weight:normal;
 font-size:10px;
 line-height:10px;
 margin:0px;
 padding:35px 0px 5px 0px;
 background-image:url("../images_1/top_head2_02.jpg");
 text-align:right;
 background-repeat : no-repeat ;
 }
 
#headerLinks{
 margin:0px;
 padding:0px;
 float:left;
 width:170px;
 hight:50px;
 }

/* == h == */

h3.def{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
margin-bottom:3px;
 letter-spacing:0px;
 color:#666666;
 }

h1.headspa{
 font-size:10px;
 font-weight:bold;
 align:left;
 padding:15px 0px 2px 5px;
 margin:0;
 letter-spacing:1;
 line-height:130%;
 color:#666666;
 }
 
h2.herbmagic{
 font-size:10px;
 font-weight:bold;
 align:left;
 padding:15px 0px 2px 5px;
 margin:0;
 letter-spacing:1;
 line-height:130%;
 color:#666666;
 }

h2.def{
 font-size:10px;
 font-weight:normal;
 text-align:right;
 line-height:120%;
 letter-spacing:0;
 padding: 20px 10px 1px 0px;
 margin: 0px;
 color:#666666;
 }

h2.btop{
 font-size:12px;
 line-height:18px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
margin:0px;
 padding:5px;
 letter-spacing:0px;
 color:#333333;
 }
 
h3.tretop{
 font-size:11px;
 line-height:14px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
margin:0px;
 padding:0px 0px 0px 10px;
 letter-spacing:0px;
 color:#333333;
 }
 
address.topadd{
 font-size:11px;
 line-height:13px;
 font-weight:normal;
 text-align:right;
 margin: 0 10px 0 0;
 padding:5px 0px 0px 0px;
 letter-spacing:0px;
 color:#999933;
 font-style:normal;
 }
/* == p == */

p{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
margin-bottom:3px;
 letter-spacing:0;
 color:#666;
 }

p.topinfo{
 font-size:11px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:16px;
 padding:2px 0px 0px 10px;
 margin:0px;
 color:#3333333;
 }
 
p.navi{
 font-size:12px;
 font-weight:normal;
 text-align:right;
 margin-bottom:1px;
 margin-right:5px;
 letter-spacing:0;
 color:#f66;
 }

p.navi2{
 font-size:10px;
 font-weight:normal;
 text-align:right;
 padding:1px;
 letter-spacing:0;
 color:#ff6666;
 }

p.head{
 font-size:10px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
margin-top:4px;
 margin-bottom:2px;
 margin-left:5px;
 letter-spacing:1;
 line-height:130%;
 color:#093;
 }

p.head2{
 font-size:10px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
margin-top:4px;
 margin-bottom:2px;
 margin-left:5px;
 letter-spacing:1;
 color:#069;
 }

p.head3{
 font-size:10px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
margin-top:4px;
 margin-bottom:2px;
 margin-left:5px;
 letter-spacing:1;
 color:#916133;
 }
p.middle{
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:140%;
 letter-spacing:1;
 margin-left:10px;
 margin-top:3px;
 margin-bottom:0px;
 color:#666;
 }

p.middle1{
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:140%;
 letter-spacing:none;
 margin-left:10px;
 margin-top:3px;
 margin-bottom:0px;
 color:#666;
 }


p.middle2{
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:140%;
 letter-spacing:0;
 margin-left:5px;
 margin-top:5px;
 margin-bottom:5px;
 color:#333;
 }

p.middle3{
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:100%;
 letter-spacing:0;
 margin-left:0px;
 margin-top:4px;
 margin-bottom:1px;
 color:#333;
 }
p.middle4{
 font-size:12px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
line-height:140%;
 letter-spacing:none;
 padding:20px 0px 20px 30px;
 color:#916133;
 }
p.middle5{
 font-size:12px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
line-height:140%;
 letter-spacing:none;
 padding:10px 0px 5px 5px;
 color:#916133;
 }
p.middle6{
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:140%;
 letter-spacing:1;
 margin-left:10px;
 margin-top:3px;
 margin-bottom:0px;
 color:#653D19;
 }
p.middle7{
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:140%;
 letter-spacing:none;
 padding:20px 30px 20px 30px;
 color:#666666;
 }

p.price{
 font-size:12px;
 font-weight:bold;
 text-align:right;
 letter-spacing:0;
 margin-right:10px;
 margin-bottom:5px;
 color:#f66;
 }

p.price2{
 font-size:12px;
 font-weight:normal;
 text-align:right;
 letter-spacing:0;
 margin-right:10px;
 margin-bottom:5px;
 color:#c69;
 }

p.price3{
 font-size:12px;
 font-weight:bold;
 text-align:right;
 letter-spacing:0;
 margin-right:10px;
 margin-bottom:1px;
 color:#f66;
 }
 
p.price4{
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
padding:10px 10px 5px 10px;
 margin:0px;
 color:#666666;
 }


p.smtop{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
letter-spacing:1;
 line-height:14px;
 margin:0px;
 padding:5px;
 color:#333;
 }

p.small{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
letter-spacing:1;
 line-height:140%;
 margin-left:5px;
 margin-top:5px;
 margin-bottom:5px;
 color:#333;
 }
 
.small10{
 font-size:10px;
 }
p.small1{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:140%;
 color:#333;
 }

p.small2{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:120%;
 letter-spacing:0;
 margin-left:5px;
 margin-top:1px;
 margin-bottom:4px;
 color:#666;
 }

p.small2_1{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:120%;
 letter-spacing:0;
 margin-left:5px;
 margin-top:1px;
 margin-bottom:4px;
 padding: 0 10px 0 0px;
 color:#666;
 }
 
p.small2_2{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:120%;
 letter-spacing:0;
 margin-left:5px;
 margin-top:1px;
 margin-bottom:4px;
 padding: 0 20px 0 0px;
 color:#666;
 }
p.small3{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:140%;
 letter-spacing:0;
 margin-left:15px;
 margin-top:5px;
 margin-bottom:5px;
 color:#333;
 }

p.small4{
 font-size:10px;
 font-weight:normal;
 text-align:right;
 line-height:120%;
 letter-spacing:0;
 padding:20px 10px 1px 0px;
 margin: 0px;
 color:#666666;
 }
p.small5{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
letter-spacing:1;
 line-height:140%;
 padding:15px 15px 10px 15px;
 color:#333;
 }
p.small6{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
letter-spacing:1;
 line-height:140%;
 padding:10px 15px 10px 15px;
 color:#333;
 }

.hcare1{
 font-size:11px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:120%;
 letter-spacing:0;
 padding:2px 2px 1px 25px;
 margin: 0px;
 color:#666666;
 }
 
.hcare2{
 font-size:12px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
line-height:120%;
 letter-spacing:0;
 padding:15px;
 margin: 0px;
 color:#916133;
 }
 
 
p.copyright {
 font-size:10px;
 font-weight:normal;
 text-align:right;
 color: #666;
 margin-right:5px;
 letter-spacing:0;
 }

p.copyright2 {
 font-size:10px;
 font-weight:normal;
 text-align:right;
 color: #666;
 margin-right:15px;
 letter-spacing:0;
 }

p.copy {
 font-size:14px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
color:#f66;
 margin-bottom:2px;
 letter-spacing:0;
 }

p.copy2 {
 font-size:14px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
color:#FF6666;
 padding:5px 0px 5px 0px;
 margin:0px;
 }

p.sitemap {
 font-size:14px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
color:#FF6666;
 padding:10px 0px 5px 13px;
 margin:0px;
 }

p.sitemap2 {
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
color:#FF6666;
 padding:5px 0px 5px 35px;
 margin:0px;
 }

p.faq1 {
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
color:#333;
 margin:0;
 padding:10px 0 0 30px;
 letter-spacing:0;
 line-heght:16px;
 }

p.faq2 {
 font-size:12px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
color:#f66;
 margin-bottom:2px;
 margin-left:15px;
 letter-spacing:0;
 }

p.faq_q{
 font-size:12px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
color:#FF6666;
 margin:0;
 padding:13px 0 0 35px;
 background: url(../images_4/faq_01.gif) no-repeat;
 height:35px;
 vertical-align:top;
 }
 
p.faq_a{
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
color:#333333;
 margin:0;
 padding:10px 50px 20px 50px;
 background: url(../images_4/faq_02.gif) no-repeat;
 vertical-align:top;
 line-height:20px;
 }

p.faq_01 {
 font-size:14px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
color:#006699;
 padding:10px 0px 5px 13px;
 margin:0px;
 vertical-align:bottom;
 }

p.what{
 font-size:12px;
 font-weight:bold;
 align:left;
 margin-top:4px;
 margin-bottom:2px;
 letter-spacing:1;
 line-height:130%;
 color:#ff6633;
 }
 
p.what_2{
 font-size:12px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
margin-top:4px;
 margin-bottom:10px;
 letter-spacing:1;
 line-height:130%;
 color:#ff6633;
 }
 
p.what_3{
 font-size:12px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:16px;
 color:#333333;
 padding:8px 0px 0px 0px;
 margin:0px;
 }

p.what_4{
  color:#666666;
  font-size:10px;
  line-height:14px;
  margin:0px 0px 0px 0px;
  padding:15px 5px 0px 0px;
  text-align:right;
  }

.what_5{
  color:#ff6633;
  font-size:12px;
  line-height:20px;
  margin:0px 0px 0px 0px;
  padding:10px 0px 0px 0px;
  font-weight:bold;
  }

p.cut {
 font-size:14px;
 font-weight:bold;
 text-align:justify;
text-justify:inter-ideograph;
color:#f66;
 margin-bottom:2px;
 margin-left:10px;
 letter-spacing:1;
 }

p.cap{
 font-size:10px;
 font-weight:bold;
 text-align:center;
 margin-bottom:1px;
 letter-spacing:0;
 color:#066;
 }

p.lm{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
margin-left:40px;
 margin-top:0px;
 margin-bottom:1px;
 letter-spacing:1;
 color:#369;
 }

p.lm2{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
margin-left:10px;
 margin-right:20px;
 margin-top:0px;
 margin-bottom:1px;
 letter-spacing:1;
 color:#666;
 }
 
p.cap2{
 font-size:10px;
 font-weight:normal;
 text-align:center;
 margin-bottom:1px;
 letter-spacing:0;
 color:#066;
 }

p.mark{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:110%;
 letter-spacing:0;
 margin-left:4px;
 padding: 0 10px 0 0;
 color:#066;
 }
p.mark2{
 font-size:10px;
 font-weight:normal;
 text-align:justify;
text-justify:inter-ideograph;
line-height:110%;
 letter-spacing:0;
 margin-left:4px;
 padding: 0 10px 0 0;
 color:#916133;
 }

p.left{
 align:left;
 margin-left:10px;
 }

p.bottom{
 align:left;
 margin-bottom:3px;
 }

/* == table == */

table.small{
 font-size:11px;
 font-weight:normal;text-align:justify;
text-justify:inter-ideograph;
color:#333;
 }

table.top1{
 margin:2px 0px 5px 0px;
 }
/* hide from Mac IE \*/
* html table.top1{
 margin:5px 0px 5px 0px;
 }
/* */ 

table.top2{
 margin:5px 0px 5px 0px;
 }
 
table.top3{
 margin:10px 0px 5px 0px;
 }

table.label{
 background-image: url("images/label_at.jpg")
 }

table.headspa{
 border-collapse:collapse;
 border-style:1px solid #ccc;
 }

table.narrow2{
 margin-left:0px;
 background-repeat:norepeat;
 background-position:right;
 background-image:url("images/label.jpg")
 }

table.stock {
 border-collapse:collapse;
 margin-left:12px;
 }

table.step {
 margin-top:10px;
 }

/* == td == */

td.smap {
 border:1px solid #ccc;
 padding:10px 0px 10px 0px;
 }

td.tdinfo{
 background-image:url("../images_1/protea.jpg");
 }

td.td_info{
 background-image:url("../images_1/protea.jpg");
 	padding:5px 0px 0px 5px;
	margin:0px;
}
td.fo1 {
 border-right:hidden;
 border-bottom:hidden;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 text-align:center;
 vertical-align:top;
 padding:0px 0px 0px 5px;
 }

td.fo2_3 {
 border:1px solid #ccc;
  text-align:center;
  vertical-align:middle;
 padding:0px 0px 0px 0px;
 }
td.fo2_3p {
 border:1px solid #ccc;
  text-align:center;
  vertical-align:top;
 padding:0px 0px 0px 0px;
 }

td.fo2_4 {
 border:1px solid #ccc;
  text-align:center;
  vertical-align:middle;
 padding:0px 0px 0px 0px;
 padding:0px 0px 0px 5px;
 }
td.fo4 {
 border-top:hidden;
 border-left:hidden;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 text-align:justify;
text-justify:inter-ideograph;
vertical-align:middle;
 padding:0px 0px 0px 5px;
 }

td.fo4_1 {
 border-top:hidden;
 border-left:hidden;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
  text-align:center;
  vertical-align:middle;
 padding:0px 0px 0px 0px;
 }
 
table.fo4_2 {
  text-align:left;
  vertical-align:middle;
 padding:0px 0px 0px 10px;
 }
td.fo5 {
 border-top:1px solid #ccc;
 border-left:hidden;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 text-align:justify;
text-justify:inter-ideograph;
vertical-align:middle;
 }

td.fo6{
 border-top:hidden;
 border-left:hidden;
 border-right:1px solid #ccc;
 border-bottom:hidden;text-align:justify;
 text-justify:inter-ideograph;
vertical-align:top;
}

td.fo7{
 border-top:1px solid #ccc;
 border-left:hidden;
 border-right:hidden;
 border-bottom:hidden;text-align:justify;
text-justify:inter-ideograph;
vertical-align:middle;
}

td.fo8{
 border-top:1px solid #ccc;
 border-left:hidden;
 border-right:hidden;
 border-bottom:1px solid #ccc;
 text-align:justify;
 text-justify:inter-ideograph;
 vertical-align:middle;
}

td.fo9{
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:hidden;
 border-bottom:1px solid #ccc;
  text-align:left;
  vertical-align:middle;
}

td.fo10{
 border-top:hidden;
 border-left:1px solid #ccc;
 border-right:hidden;
 border-bottom:1px solid #ccc;
  text-align:left;
  vertical-align:middle;
}

td.fo11{
 border-top:hidden;
 border-left:hidden;
 border-right:hidden;
 border-bottom:1px solid #ccc;
  text-align:left;
  vertical-align:middle;
}

.topd1{
 margin:0px 0px 5px 0px;
 padding:0px;
}

td.what_td{
 margin:0;
 padding:0px 0px 0px 10px;
}

td#whatlink{
 margin:0;
 padding:0px 0px 0px 20px;
}

#whatlink h6 {
  margin: 0 0 0 0 ;
  padding: 5px 0 0px 5px;
  font-size:12px;
  line-height: 14px;text-align:justify;
text-justify:inter-ideograph;
width: 160px;
  color:#FAA6A6;
}

#whatlink p {
  margin: 0 0 0 0 ;
  padding: 0px 0 10px 5px;
  font-size:10px;
  line-height: 12px;text-align:justify;
text-justify:inter-ideograph;
width: 160px;
}
div.whatdotted {
  margin: 0px auto 15px auto ;
  padding: 0 0 0 0;
  border-bottom: 1px dotted #999999;
  width: 550px;
}
div.whatdotted2 {
  margin: 0px auto 15px auto ;
  padding: 0 0 0 0;
  border-bottom: 1px dotted #999999;
  width: 640px;
}

.red {
  color:#CC3333;
}

.btmtd {
  padding: 0 0 5px 0;
  text-align:left;
  vertical-align:bottom;
}
.btmtd2 {
  padding: 0 0 0 0;text-align:justify;
text-justify:inter-ideograph;
vertical-align:bottom;
}

.btmtd3 {
  padding: 0 0 5px 0;
  text-align:right;
  vertical-align:bottom;
}
.btmtd4 {
  padding: 0 0 5px 0;
  text-align:center;
  vertical-align:bottom;
}
.toptd{
  text-align:center;
  vertical-align:top;
  padding: 0;
}
.mdltd{
  text-align:center;
  vertical-align:middle;
  padding: 0;
}
/* hide from Mac IE \*/
* html .mdltd{
  text-align:center;
  vertical-align:middle;
  padding: 0 0 0 10px;
}
/* */ 
.mdl3td{
  text-align:center;
  vertical-align:middle;
  padding: 0;
}

.mdl2td{
text-align:justify;
text-justify:inter-ideograph;
vertical-align:middle;
}
.lefttoptd{t
ext-align:justify;
text-justify:inter-ideograph;
vertical-align:top;
  padding: 0;
}
.lefttoptd220{
text-align:justify;
text-justify:inter-ideograph;
vertical-align:top;
  padding: 0;
}
.headmain {
	padding:8px 0px 7px 0px;
	margin:0px;
}


td.def_top{
	padding:5px 0px 0px 5px;
	margin:0px;
}