@charset "utf-8";

/* --------------------------------------------------
 Products Layout
 		- 
-------------------------------------------------- */
/* --------------------------------------------------
   /products/skincare/index.html
-------------------------------------------------- */
.reccomendPointArea .reccomendPointText {
float: left;
}
.reccomendPointArea .reccomendPointList {
margin-left:105px;
zoom:1;
}

/* --------------------------------------------------
   /products/supplement/index.html
-------------------------------------------------- */
.inlineProductRow .sectionBd {
float:left;
}
.inlineProductRow .sectionBd .sectionTitle {
margin:0 0 10px 20px;
padding:0 0 5px 0;
border-bottom:3px solid #d4bd8c;
}
.inlineProductRow .sectionBd .sectionTitle.firstItem {
margin-left:0;
}
.inlineProductRow .sectionBd .inlineItem {
margin-left:0;
padding:0 0 0 20px;
}
.inlineProductRow .sectionBd .inlineItem.firstItem {
padding:0 0 5px 0;
}


/* --------------------------------------------------
   Product Outline Section
-------------------------------------------------- */
/* priceTable
---------------------------------------- */
.priceTable .frameTL { background: url(../images/priceTable_bgTL_01.gif) no-repeat top left; }
.priceTable .frameTR { background: url(../images/priceTable_bgTR_01.gif) no-repeat top right; }
.priceTable .frameML { background: url(../images/priceTable_bgML_01.gif) repeat-y top left; }
.priceTable .frameMR { background: url(../images/priceTable_bgMR_01.gif) repeat-y top right; }
.priceTable .frameBL { background: url(../images/priceTable_bgBL_01.gif) no-repeat bottom left; }
.priceTable .frameBR { background: url(../images/priceTable_bgBR_01.gif) no-repeat bottom right; padding:0 5px; }
.priceTable table {
width:100%;
border-top:1px solid #eae0b7;
}
.priceTable table th,
.priceTable table td {
padding:10px;
border-bottom:1px solid #eae0b7;
}
.priceTable table td {
border-left:1px solid #eae0b7;
background: #fbf5e3;
}
.priceTable table td.leftCell {
border-left:none;
}
.priceTable .priceText {
font-size:86%;
}
.priceTable strong {
font-weight: bold;
font-size: 143%;
margin-right:5px;
}
.priceTable strong.bold {
font-size:100%;
}
/* periodicBtn
---------------------------------------- */
.periodicBtn {
text-align: right;
}

.priceTable span.campaign img {
padding:0 0 0 10px;
vertical-align:text-bottom;
}

/* functionLnks
---------------------------------------- */
.functionLnks {
padding-top:10px;
border-top:1px solid #e5d9a8;
}
.functionLnks li {
float:right;
margin-left: 20px;
}
.functionLnks li.bookmarkIco {
padding-left: 22px;
background: url(/template/images/execBookmark_ico_01.gif) no-repeat 0 0.2em;
}
.functionLnks li.exhortIco {
padding-left: 22px;
background: url(/template/images/execExhort_ico_01.gif) no-repeat 0 0.2em;
}

/* ingredientIcoList
---------------------------------------- */
.ingredientList {
float: left;
}
.ingredientList dd ul {
float: left;
display: inline;
}
.ingredientList dd li {
float: left;
margin-right:5px;
}

/* --------------------------------------------------
   Product Outline Section
-------------------------------------------------- */
#proOutlineSec .proInfoArea {
float: right;
width:500px;
}
#proOutlineSec .proVisualArea {
float: left;
width:240px;
}

/* proLeadArea
---------------------------------------- */
#proOutlineSec .proInfoArea .areaTitle {
background: url(../images/proTitle_bg_01.gif) repeat-x top left #fbf4e0;
}
#proOutlineSec .proInfoArea .areaTitle .frameBL { background: url(../images/proTitle_bgBL_01.gif) no-repeat bottom left; }
#proOutlineSec .proInfoArea .areaTitle .frameBR { background: url(../images/proTitle_bgBR_01.gif) no-repeat bottom right; padding:28px 20px 10px 20px; zoom:1; }
#proOutlineSec .proInfoArea .areaTitle h1 {
font-weight: bold;
font-size:129%;
}
#proOutlineSec .proInfoArea .areaTitle h1 img.mailOrderIco {
margin:0 0 0 10px;
}
mailOrderIco
#proOutlineSec .proInfoArea .areaContent {
margin-top:20px;
padding:0 20px;
}
#proOutlineSec .proInfoArea .proLead {
padding-bottom:15px;
color: #A17E3A;
font-size:115%;
font-weight: bold;
}
#proOutlineSec .proInfoArea .proLead em,
#proOutlineSec .proInfoArea span.bold {
font-weight: bold;
}

/* proVisualArea
---------------------------------------- */
#proOutlineSec #photoViewerMod ul {
text-align: center;
}
#proOutlineSec #photoViewerMod li {
display: inline;
padding:0 4px;
}
#proOutlineSec #photoViewerMod li.firstItem {
padding-left:0;
}
#proOutlineSec #photoViewerMod li.lastItem {
padding-right:0;
}
#proOutlineSec #photoViewerMod a:link img,
#proOutlineSec #photoViewerMod a:visited img {
border:2px solid #FFFFFF;
}
#proOutlineSec #photoViewerMod a:hover img,
#proOutlineSec #photoViewerMod a:active img,
#proOutlineSec #photoViewerMod a.active img {
border-color:#91521f;
}

/* ----------------------------------------
 Product Order Section
---------------------------------------- */
#proOrderSec {
margin-top:40px;
}
#proOrderSec .secInner {
margin-top:30px;
}
#proOrderSec .proInfoArea {
float: right;
display: inline;
width:580px;
margin-right:20px;
}
#proOrderSec .proVisualArea {
float: left;
display: inline;
width:136px;
margin-left:4px;
}

/* ----------------------------------------
 Product Related Section
---------------------------------------- */
#proRelatedSec {
margin-top:40px;
}
#proRelatedSec .secInner {
margin-top:30px;
}

/* ----------------------------------------
 Product Linuup Section
---------------------------------------- */
#proLineupSec {
margin-top:40px;
}
#proLineupSec .secInner {
margin-top:30px;
}
#proLineupSec .linupLinks {
padding-left:20px;
}
#proLineupSec .linupLinks li {
float:left;
width:175px;
}

/* ----------------------------------------
 URL Copy Section
---------------------------------------- */
#urlCopySec {
margin-top:40px;
}
#urlCopySec .secInner {
margin-top:10px;
padding:0 10px;
}
#urlCopySec .copyText {
float:left;
}
#urlCopySec .copyText input {
width:492px;
border:1ps solid #b5b5b5;
}
#urlCopySec .copyBtn {
float:right;
}


/* ----------------------------------------
 Product Point Section
---------------------------------------- */
#proPointSec {
margin-top:40px;
}
#proPointSec .reccomendPointArea {
padding:15px 10px;
}
#proPointSec .reccomendPointImg {
float:left;
padding-left:5px;
margin-right:15px;
}
#proPointSec .reccomendPointText {
float:left;
padding-top:6px;
}
#proPointSec .reccomendPointList {
float:left;
width:240px;
margin: 0 0 0 10px;
padding-top:15px;
}
#proPointSec .reccomendPointList li {
margin-top:5px;
}

#proPointSec .w_modify .w280 {
width:280px;
}
#proPointSec .w_modify .w200 {
width:200px;
}


/* ----------------------------------------
 Other Product Section
---------------------------------------- */
#otherProSec {
margin-top:40px;
}
#otherProSec .secInner {
margin-top:15px;
}
#otherProSec .reccomendPointArea {
padding:15px 10px;
}
#otherProSec .reccomendPointImg {
float:left;
padding-left:5px;
margin-right:15px;
}
#otherProSec .reccomendPointText {
float:left;
padding-top:6px;
}
#otherProSec .reccomendPointList {
float:left;
width:240px;
margin: 0 0 0 10px;
padding-top:15px;
}
#otherProSec .reccomendPointList li {
margin-top:5px;
}


/* ----------------------------------------
 Other Category Section
---------------------------------------- */
#otherCatSec {
margin-top:25px;
}
#otherCatSec .secInner {
margin-top:15px;
}
#otherCatSec .otherCatArea.item2 {
background: url(../images/otherCatSec_bg_02.gif) repeat-y top left;
}
#otherCatSec .otherCatArea.item3 {
background: url(../images/otherCatSec_bg_01.gif) repeat-y top left;
}
#otherCatSec .otherCatItem {
float:left;
padding:20px 10px;
}
#otherCatSec .item2 .otherCatItem {
width:360px;
}
#otherCatSec .item3 .otherCatItem {
width:232px;
}
#otherCatSec .otherCatItem .catImg {
float: left;
}
#otherCatSec .otherCatItem .catInfo {
margin-left:120px;
zoom:1;
}


/* --------------------------------------------------
   Product Content Section
-------------------------------------------------- */
#proContentSec {
margin-top:40px;
}

/* Tab
---------------------------------------- */
#proContentSec ul.tabTopList {
border-bottom:9px solid #e8daa9;
background: url(../images/proContent_tabBg_01.gif) repeat-x bottom left;
}
#proContentSec ul.tabBtmList {
border-top:9px solid #e8daa9;
background: url(../images/proContent_tabBg_02.gif) repeat-x top left;
}

#proContentSec ul.tabTopList li,
#proContentSec ul.tabBtmList li {
float:left;
}
#proContentSec ul.tabTopList li a,
#proContentSec ul.tabBtmList li a {
display: block;
width:191px;
height:45px;
text-align: center;
font-weight: bold;
color:#512A07;
}
#proContentSec ul.tabTopList li.firstTab a,
#proContentSec ul.tabTopList li.lastTab a,
#proContentSec ul.tabBtmList li.firstTab a,
#proContentSec ul.tabBtmList li.lastTab a {
width:189px;
}
#proContentSec ul.tabTopList li a span {
display: block;
padding:18px 2px 0 2px;
}
#proContentSec ul.tabBtmList li a span {
display: block;
padding:8px 2px 0 2px;
}

#proContentSec ul.tabTopList li a {
background-image: url(../images/proContentTab_bgT_01_o.gif);
background-image: url(../images/proContentTab_bgT_01_s.gif);
background: url(../images/proContentTab_bgT_01.gif) no-repeat 0 bottom;
}
#proContentSec ul.tabTopList li a:hover {
background-image: url(../images/proContentTab_bgT_01_o.gif);
text-decoration: none;
}
#proContentSec ul.tabTopList li a.currentTab {
background-image: url(../images/proContentTab_bgT_01_s.gif);
}
#proContentSec ul.tabTopList li.firstTab a {
background-position: -2px bottom;
}

#proContentSec ul.tabBtmList li a {
background-image: url(../images/proContentTab_bgB_01_o.gif);
background-image: url(../images/proContentTab_bgB_01_s.gif);
background: url(../images/proContentTab_bgB_01.gif) no-repeat 0 top;
}
#proContentSec ul.tabBtmList li a:hover {
background-image: url(../images/proContentTab_bgB_01_o.gif);
text-decoration: none;
}
#proContentSec ul.tabBtmList li a.currentTab {
background-image: url(../images/proContentTab_bgB_01_s.gif);
}
#proContentSec ul.tabBtmList li.firstTab a {
background-position: -2px top;
}

/* Content Area
---------------------------------------- */
#proContentSec .frameT {
background:url(/products/common/images/proContent_bgT_01.gif) repeat-x top left;
}
#proContentSec .frameB {
background:url(/products/common/images/proContent_bgB_01.gif) repeat-x bottom right;
}
#proContentSec .frameM {
background:url(/products/common/images/proContent_bgM_01.gif) repeat-y;
zoom:1;
}
#proContentArea {
padding:30px 20px 40px;
}

/* Tab Content Layout
---------------------------------------- */
/* brand-astalift */
body.brand-astalift .tabContentBlock .blockTitle {
border-bottom:2px solid #AF8337;
color:#AF8337;
}
body.brand-astalift .tabContentBlock .blockLead,
body.brand-astalift .tabContentBlock .headline {
color:#E26026;
}
/* body.brand-nanofilt */
body.brand-nanofilt .tabContentBlock .blockTitle {
border-bottom:2px solid #719C00;
color:#719C00;
}
body.brand-nanofilt .tabContentBlock .blockLead,
body.brand-nanofilt .tabContentBlock .headline {
color:#008946;
}

/* body.brand-metabarrier */
body.brand-metabarrier .tabContentBlock .blockTitle {
border-bottom:2px solid #778EBC;
color:#778EBC;
}
body.brand-metabarrier .tabContentBlock .blockLead,
body.brand-metabarrier .tabContentBlock .headline {
color:#FF6600;
}

/* body.brand-oxibarrier */
body.brand-oxibarrier .tabContentBlock .blockTitle {
border-bottom:2px solid #9C7C0C;
color:#9C7C0C;
}
body.brand-oxibarrier .tabContentBlock .blockLead,
body.brand-oxibarrier .tabContentBlock .headline {
color:#1FAA67;
}

/* body.brand-glucosamine */
body.brand-glucosamine .tabContentBlock .blockTitle {
border-bottom:2px solid #A94791;
color:#A94791;
}
body.brand-glucosamine .tabContentBlock .blockLead,
body.brand-glucosamine .tabContentBlock .headline {
color:#FF9900;
}


/* common */
.tabContentBlock {
margin-top: 50px;
}
.tabContentBlock.firstBlock {
margin-top: 0;
}
.tabContentBlock .blockTitle {
padding-bottom:5px;
font-weight: bold;
}
.tabContentBlock .blockInner {
margin-top:20px;
}
.tabContentBlock .blockInner2 {
margin-top:60px;
}
.tabContentBlock .blockLead {
padding-bottom:20px;
font-size:136%;
}

.tabContentBlock .colLayout-2 .colItem {
float: left;
width:350px;
margin-left:20px;
}
.tabContentBlock .colLayout-2 .col2Item {
float: left;
width:333px;
margin-left:37px;
}
.tabContentBlock .colLayout-2 .col3Item {
float: left;
width:293px;
margin-left:20px;
}
.tabContentBlock .colLayout-2 .col4Item {
float: left;
width:400px;
margin-left:20px;
}
.tabContentBlock .colLayout-2-1 .colItem {
float: left;
width:370px;
margin-left:20px;
}
.tabContentBlock .colLayout-3 .colItem {
float: left;
width:230px;
margin-left:15px;
}
.tabContentBlock .colLayout-3 .col2Item {
float: left;
width:474px;
margin-left:15px;
}
.tabContentBlock .colLayout-3 .col3Item {
float: left;
width:288px;
margin-left:15px;
margin-top:79px;
}
.tabContentBlock .colLayout-3 .col4Item {
float: left;
width:417px;
margin-left:15px;
}
.tabContentBlock .colLayout-3 .col5Item {
float: left;
width:475px;
margin-left:15px;
}
.tabContentBlock .colLayout-3 .col6Item {
float: left;
width:361px;
margin-left:8px;
}
.tabContentBlock .colLayout-3 .col7Item {
float: left;
width:347px;
margin-left:8px;
}
.tabContentBlock .colLayout-4 .colItem {
float: left;
width:319px;
margin-left:20px;
}
.tabContentBlock .colLayout-4 .col2Item {
float: left;
width:381px;
margin-left:20px;
}
.tabContentBlock .colLayout-5 .colItem {
float: left;
width:237px;
margin-left:15px;
}
.tabContentBlock .colLayout-5 .col2Item {
float: left;
width:467px;
margin-left:15px;
}
.tabContentBlock .colLayout-6 .colItem {
float: left;
width:454px;
margin-left:15px;
}
.tabContentBlock .colLayout-6 .col2Item {
float: left;
width:251px;
margin-left:15px;
}
.tabContentBlock .colLayout-7 .colItem {
float: left;
width:410px;
margin-left:15px;
}
.tabContentBlock .colLayout-7 .col2Item {
float: left;
width:295px;
margin-left:15px;
}
.tabContentBlock .colLayout-8 .colItem {
float: left;
width:277px;
margin-left:15px;
}
.tabContentBlock .colLayout-8 .col2Item {
float: left;
width:428px;
margin-left:15px;
}
.tabContentBlock .colLayout-9 .colItem {
float: left;
width:326px;
margin-left:15px;
}
.tabContentBlock .colLayout-9 .col2Item {
float: left;
width:375px;
margin-left:15px;
}

.tabContentBlock .colLayout-10 .col2Item {
float:left;
margin-left:15px;
width:515px;
}

.tabContentBlock .colLayout-10 .colItem {
float:right;
margin-left:15px;
width:180px;
}

.tabContentBlock .colLayout-2-1 .firstItem {
width:330px;
margin-left:0px;
}


.tabContentBlock .colLayout-2 .firstItem,
.tabContentBlock .colLayout-3 .firstItem,
.tabContentBlock .colLayout-4 .firstItem,
.tabContentBlock .colLayout-5 .firstItem,
.tabContentBlock .colLayout-6 .firstItem,
.tabContentBlock .colLayout-7 .firstItem,
.tabContentBlock .colLayout-8 .firstItem,
.tabContentBlock .colLayout-9 .firstItem,
.tabContentBlock .colLayout-10 .firstItem {
margin-left:0px;
}

.tabContentBlock .borderBox {
border:1px solid #e6deb4;
}
.tabContentBlock .borderBox .boxContent {
padding:19px;
}
.tabContentBlock .colLayout-3 .borderBox .boxContent {
padding:9px;
}
.tabContentBlock .staffBox {
padding:10px;
background: #fbf5e3
}

.tabContentBlock .voiceLayout .voiceItem {
float: left;
width:360px;
}



/* --------------------------------------------------
   Unique Layout Style
-------------------------------------------------- */
/* Tab Content Layout
---------------------------------------- */
.tabContentBlock .blockInner_30px {
margin-top:30px;
}
.tabContentBlock .icon_title img {
float:left;
margin:3px 10px 0 0;
}
.tabContentBlock .icon_title strong {
float:left;
}

.tabContentBlock .borderBox .boxContent .colLayout-2 .colItem {
width:330px;
}
.tabContentBlock .borderBox .boxContent .colLayout-3 .col2Item {
width:435px;
}

.point_row3 .reccomendPointList,
.point_row3_2 .reccomendPointList {
padding-top:0!important;
position:relative;
top:2px;
}
.point_row2 .reccomendPointList {
padding-top:0!important;
position:relative;
top:12px;
}
.point_row2 .reccomendPointText {
padding-top:15px!important;
}
.point_row3 .reccomendPointList,
.point_row3_2 .reccomendPointList,
.point_row4 .reccomendPointList {
padding-top:0!important;
}
.point_row3 .reccomendPointText {
padding-top:18px!important;
}
.point_row4 .reccomendPointImg {
padding-top:10px!important;
}
.point_row4 .reccomendPointText {
padding-top:25px!important;
}
.point_row3_2 .reccomendPointImg {
padding-top:10px!important;
}
.point_row3_2 .reccomendPointText {
padding-top:25px!important;
}


/* ----------------------------------------
 voiceItem
---------------------------------------- */
.buyerArea .colLayout {
padding:30px 0 0 0;
}
.buyerArea p {
padding:0 0 10px 0;
}
.buyerArea p.last {
padding:0 0 0 0;
}
.buyerArea .colLayout .colItem {
float:left;
width:480px;
padding:0 0 0 10px;
}
.buyerArea .colLayout .firstItem {
width:230px;
padding:0 0 0 0;
}
.buyerArea .icn_voice {
padding:0 0 0 25px;
background:url(/products/common/images/icn_voice.gif) no-repeat 0 0;
}

.block_howto{
margin:15px 0 0 0;
}
p.howto_ttl {
padding:0 0 5px 0;
background:url(/products/common/images/bg_dotline_how-to.gif) repeat-x bottom;
font-weight:bold;
}
p.howto_ttl span {
font-weight:normal;
font-size:86%;
}
ol.howto-list {
min-height:50px;
padding:14px 0 0 60px;
background:url(/products/common/images/bg_arrow_down.gif) no-repeat 11px 8px;
}
* html ol.howto-list {
height:50px;
}
.last ol.howto-list {
min-height:100%;
background:none;
}
* html .last ol.howto-list {
min-height:100%;
}
ol.howto-list li.no1 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_1.gif) no-repeat 0 0;
}
ol.howto-list li.no1_1 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_1_1.gif) no-repeat 0 0;
}
ol.howto-list li.no2 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_2.gif) no-repeat 0 0;
}
ol.howto-list li.no2_2 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_2_2.gif) no-repeat 0 0;
}
.only1 ol.howto-list li.no1 {
margin:5px 0 0 0;
}

.box_howto {
border:1px solid #E6DEB4;
}
.box_howto .img {
float:left;
width:230px;
padding:10px;
}
.box_howto .text {
float:left;
width:458px;
padding:18px 10px 10px 0;
}
.box_howto .text p.lead {
padding-bottom:12px;
color:#E26026;
font-size:136%;
}




ol.icon_title li.no1 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_1.gif) no-repeat 0 0;
}
ol.icon_title li.no2 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_2.gif) no-repeat 0 0;
}
ol.icon_title li.no3 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_3.gif) no-repeat 0 0;
}
ol.icon_title li.no4 {
padding:0 0 15px 32px;
background:url(/products/common/images/icn_howto_num_4.gif) no-repeat 0 0;
}

.tabContentBlock ol.icon_title  .colLayout-3 .col2Item {
width:400px;
}


/*-- .et-pattern_table --*/

table.set-pattern_table p.set_price img {
padding:0 5px;
vertical-align:text-top;
}
table.set-pattern_table strong.ml10px {
margin-left:10px;
vertical-align:middle;
}
table.set-pattern_table strong.base {
vertical-align:baseline;
}
table.set-pattern_table .valignM {
vertical-align:middle;
}
table.set-pattern_table .valignM2 {
position:relative;
top:1px;
vertical-align:middle;
}
table.set-pattern_table p.price {
float:left;
padding:6px 5px 0 0;
}
table.set-pattern_table p.set_price {
float:left;
width:230px;
padding:5px 0 0 0;
}
table.set-pattern_table span.balance {
text-decoration:line-through;
}
table.set-pattern_table p.set_price span.balance {
position:relative;
top:-1px;
}
table.set-pattern_table p.set_price img {
position:relative;
top:-2px;
}



.normal{
font-weight:normal;
font-size:75%; 
color:#333;
}

.normal02{
font-weight:normal;
font-size:65%; 
color:#333;
}

.margin-15px{
margin-top:-15px; 
margin-bottom:15px;
}