@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;
}
.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 .reccomendPointList01 {
float:left;
width:480px;
margin: 0 0 0 10px;
padding-top:15px;
}

#proPointSec .reccomendPointList01 li,
#proPointSec .reccomendPointList li {
margin-top:5px;
}

#proPointSec .w_modify .w280 {
width:280px;
}
#proPointSec .w_modify .w200 {
width:200px;
}
#proPointSec .astaliftReccomendPointImg {
float:left;
padding-left:5px;
margin-right:6px;
}

/* ----------------------------------------
 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;
}
#otherCatSec .otherCatItem .catInfo02 {
margin-left:128px;
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 .blockLead2,
body.brand-astalift .tabContentBlock .blockLead3,
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 .blockLead2,
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 .blockLead2,
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 .blockLead2,
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 .blockLead2,
body.brand-glucosamine .tabContentBlock .blockLead3,
body.brand-glucosamine .tabContentBlock .headline {
color:#FF9900;
}


/* body.brand-dhaepa */
body.brand-dhaepa .tabContentBlock .blockTitle {
border-bottom:2px solid #3057a0;
color:#3057a0;
}
body.brand-dhaepa .tabContentBlock .blockLead,
body.brand-dhaepa .tabContentBlock .blockLead2,
body.brand-dhaepa .tabContentBlock .blockLead3,
body.brand-dhaepa .tabContentBlock .headline {
color:#3057a0;
}





/* 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 .blockInner3 {
margin-top:40px;
}
.tabContentBlock .blockInner4 {
margin-top:25px;
}

.tabContentBlock .blockLead {
padding-bottom:20px;
font-size:136%;
}
.tabContentBlock .blockLead2 {
padding-bottom:27px;
font-size:136%;
}
.tabContentBlock .blockLead3 {
padding-bottom:10px;
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 .col2Item .left{
float: left;
width:193px;
}
.tabContentBlock .colLayout-3 .col2Item .right{
float: right;
width:193px;
margin-right:75px;
}
.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-3 .col8Item {
float: left;
width:210px;
margin-left:8px;
}
.tabContentBlock .colLayout-3 .col9Item {
float: left;
width:480px;
margin-left:30px;
}
.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-11 .colItem {
float:left;
margin-right:25px;
width:392px;
}

.tabContentBlock .colLayout-11 .col2Item {
float:right;
width:301px;
}

.tabContentBlock .colLayout-12{
width:690px;
margin-left:15px;
}

.tabContentBlock .colLayout-12 .colItem {
float:left;
width:340px;
}

.tabContentBlock .colLayout-12 .col2Item {
float:right;
margin-left:10px;
width:340px;
}

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

.tabContentBlock .colLayout-13{
width:720px;
}

.tabContentBlock .colLayout-13 .colItem {
float:right;
width:239px;
}

.tabContentBlock .colLayout-13 .col2Item {
float:left;
width:448px;
}

.tabContentBlock .colLayout-13 .col3Item {
float:left;
width:462px;
}

.tabContentBlock .colLayout-13 .col4Item {
float:left;
width:304px;
}

.tabContentBlock .colLayout-13 .col4Item .text{
width:278px;
}

.tabContentBlock .colLayout-13 .col5Item {
float:right;
width:407px;
}

.tabContentBlock .colLayout-13 .col6Item {
float:left;
width:316px;
}

.tabContentBlock .colLayout-13 .col7Item {
float:right;
width:383px;
}

.tabContentBlock .colLayout-13 .col8Item {
float:left;
width:441px;
}

.tabContentBlock .colLayout-13 .col9Item {
float:right;
width:279px;
}
.tabContentBlock .colLayout-13 .col10Item {
float:left;
width:472px;
}
.tabContentBlock .colLayout-13 .col11Item {
float:right;
width:248px;
}
.tabContentBlock .colLayout-13 .col12Item {
float:left;
width:532px;
}
.tabContentBlock .colLayout-13 .col13Item {
float:right;
width:188px;
}
.tabContentBlock .colLayout-13 .col14Item {
float:left;
width:583px;
}
.tabContentBlock .colLayout-13 .col15Item {
float:right;
width:137px;
}
.tabContentBlock .colLayout-13 .col16Item {
float:left;
width:454px;
}
.tabContentBlock .colLayout-13 .col17Item {
float:right;
width:213px;
}

.colLayout-13 .blockLead{
vertical-align:top;
}

.colLayout-13 .blockLead img{
vertical-align:middle;
padding-left:10px;
}

.tabContentBlock .colLayout-14 .colItem {
float:left;
width:504px;
}

.tabContentBlock .colLayout-14 .col2Item {
float:right;
width:176px;
}

.tabContentBlock .colLayout-14 .col3Item {
float:left;
width:336px;
}

.tabContentBlock .colLayout-14 .col4Item {
float:right;
width:358px;
}

.tabContentBlock .colLayout-14 .col5Item {
float:right;
width:158px;
}

.tabContentBlock .colLayout-14 .col6Item {
float:right;
width:177px;
}

.tabContentBlock .colLayout-15 .colItem {
float:left;
width:448px;
}

.tabContentBlock .colLayout-15 .col2Item {
float:right;
width:271px;
}

.tabContentBlock .colLayout-15 .col3Item {
float:left;
width:351px;
}

.tabContentBlock .colLayout-15 .col4Item {
float:right;
width:348px;
}

.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,
.tabContentBlock .colLayout-12 .firstItem,
.tabContentBlock .colLayout-13 .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;
}



.postingFrame {
margin-bottom:20px;
}
.postingFrame p {
padding:0 0 6px 0;
}
.postingFrame ul {
color:#666666;
padding:10px 0 0 0;
}
.postingFrame p {
width:725px;
position:relative;
}
.postingFrame p img.btn {
position:absolute;
top:16px;
right:12px;
}


/* --------------------------------------------------
    Unique Layout Style
/* --------------------------------------------------
    ../astalift/lotion/index3_teiki_temp01.html,
       ../astalift/lotion/index3_teiki_temp02.html,
	     ../astalift/lotion/index3_teiki_temp03.html
-------------------------------------------------- */

.voiceBlock {
width:725px;
}

#proContentArea.comments {
padding:30px 13px 40px 18px;
}
#proContentArea.pdbNone {
padding:30px 13px 5px 15px;
}

.periodicTable table {
border:1px solid #000000;
width:100%;
}
.periodicTable strong.bold {
font-size:100%;
}
.periodicTable .priceText {
font-size:86%;
}
.periodicTable strong {
font-size:143%;
font-weight:bold;
margin-right:5px;
}
.periodicTable table td {
padding:5px 12px;
}
.periodicTable table td.leftCell {
padding:5px;
background:#CCCCCC;
color:#FFFFFF;
font-weight:bold;
border-right:1px solid #000000;
text-align:center;
}

.tabContentBlock h3 strong {
font-weight:bold;
}
.tabContentBlock .leadSec {
width:100%;
}
.tabContentBlock .leadSec p.lead {
float:left;
width:340px;
}
.tabContentBlock .leadSec .anchorMod {
float:right;
width:360px;
}
.tabContentBlock .leadSec .anchorMod ul {
float:right;
}
.tabContentBlock .leadSec .anchorMod ul li {
float:left;
margin:0 0 0 25px;
padding-left:10px;
background:url(/template/images/inLink_ico_03.gif) no-repeat scroll 0  
0.6em transparent;
white-space:nowrap;
}

.voice_box02 {
width:725px;
padding:11px 0 0 0;
background:url(/template/images/voice_bg_04.gif) no-repeat left top;
}
.voice_box02_btm {
padding:0 8px 6px 21px;
background:url(/template/images/voice_bg_05.gif) no-repeat left bottom;
}
.voice_box02_inner {
width:725px;
margin-bottom:5px;
background:url(/template/images/voice_bg_06.gif) repeat-y left bottom;
}

.voice_box02 .topArea {
margin:0 0 7px 0;
}
.voice_box02 p.read_o {
float:left;
color:#E26026;
}
.voice_box02 .topArea p.date {
float:right;
padding:10px 8px 0 0;
}
.voice_box02 .topArea h3 strong {
font-weight:bold;
}
.voice_box02 .bottomCol p {
float:left;
}
.voice_box02 .bottomCol p.name {
float:left;
margin-bottom:0;
padding:13px 0 0 30px;
background:url(/template/images/voice_ico_05.gif) no-repeat left 10px;
font-size:86%;
}
.voice_box02 .bottomCol dl {
float:right;
background:#FFFFFF;
}
.voice_box02 .bottomCol dl dt,
.voice_box02 .bottomCol dl dd {
float:left;
line-height:normal;
}
.voice_box02 .bottomCol dl dt {
padding:12px 15px 8px;
font-weight:bold;
font-size:85%;
}
.voice_box02 .bottomCol dl dd {
padding:5px 0;
}
.voice_box02 .bottomCol dl dd span {
display:inline-block;
padding:6px 8px 3px 15px;
color:#666666;
vertical-align:top;
}
.voice_box02 .bottomCol dl dd img {
vertical-align:bottom;
}

.postingFrame {
margin-bottom:20px;
}
.postingFrame p {
padding:0 0 6px 0;
}
.postingFrame ul {
color:#666666;
padding:10px 0 0 0;
}
.postingFrame p {
width:725px;
position:relative;
}
.postingFrame p img.btn {
position:absolute;
top:16px;
right:12px;
}

.bdrTop {
margin-top:20px;
padding-top:28px;
background:url(/template/images/lineH_bg_02.gif) repeat-x left top;
}

/*-- pageTop --*/

#proContentSec.voiceC div.pagetopAnchor {
margin-top:10px;
}
.ml57px{
margin-left:57px;
}

.news ul li{
padding-left:1em;
text-indent:-1em;
}

.yourvoice{
background:url(/shop/board/images/boardTheme_ico_03.gif) no-repeat left center;
margin:10px 0 0 0;
padding:0 0 0 2em;
}

.fl{
float:left;
}


.yourvoice02{
background:url(/shop/board/images/boardTheme_ico_03.gif) no-repeat left center;
padding:0 0 0 2em;
float:right;
}

#feature_img{
margin:25px 0 40px 85px;
}

#feature_img li{
float:left;
margin-left:3px;
}

.step-detail{
margin-left:33px;
}

.mt-10px{
margin-top:-10px;
}

.step-detail strong,
.areaContent em,
.leftCell em{
font-weight: bold;
}

.mr40px{
margin-right:40px;
}