@charset "utf-8";

/* --------------------------------------------------
 Top Page Layout
 		- 
-------------------------------------------------- */

#contentSeg {
background: url(/swf/images/background/com.gif) repeat-x center top;
}
#visualSec {
position:relative;
left:-5px;
width:770px;
height:340px;
}


#aside-rankingSec {
margin-top:0;
}
#innerColumns {
margin-top:30px;
}
#innerColumns #innerArticleColumn {
float:right;
width:560px;
}
#innerColumns #innerAsideColumn {
float:left;
position:relative;
left:-5px;
width:180px;
}

#tabContentSec {
margin-top:15px;
}
#tabContentSec .tabList {
border-bottom:9px solid #eee3ba;
}
#tabContentSec .tabList img {
vertical-align: bottom;
}
#tabContentSec .tabList li {
float:left;
}
#tabContentSec .tabContent {
padding-bottom:20px;
}

/* Round Frame
-------------------------------------------------- */
#tabContentSec .frameR { background: url(/template/images/roundFrame_bgM_01.gif) repeat-y top right; zoom:1; }
#tabContentSec .frameB { background: url(/template/images/roundFrame_bgC_01.gif) repeat-x bottom left; zoom:1; }
#tabContentSec .frameL { background: url(/template/images/roundFrame_bgM_01.gif) repeat-y top left; zoom:1; }
#tabContentSec .frameBL { background: url(/template/images/roundFrame_bgBL_01.gif) no-repeat bottom left; zoom:1; }
#tabContentSec .frameBR { background: url(/template/images/roundFrame_bgBR_01.gif) no-repeat bottom right; zoom:1; }

/* pRecommendArea */
.pRecommendArea {
padding:1px;
}
.pRecommendArea .pRecommendTitle {
float:left;
width: 116px;
height:220px;
background: url(../images/topTab_bg_01.gif) repeat-x left top;
}
html>body .pRecommendArea .pRecommendTitle {
height:auto;
min-height:220px;
}
.pRecommendArea .pRecommendTitle h3 {
padding: 15px 10px;
}
.pRecommendArea .pRecommendItems {
margin-left:132px;
padding-top:15px;
}
.pRecommendArea .pRecommendItems li {
float:left;
width:136px;
margin-left:20px;
}
.pRecommendItems li.firstItem {
margin-left:0;
}

/* pSkincareArea */
.pSkincareArea {
padding-top:20px;
}
.pSkincareArea .pSkincareTitle {
float:left;
width:180px;
padding-left:60px;
}
.pSkincareArea .pSkincareItems {
margin-left:290px;;
}
.pSkincareArea .pSkincareItems li {
float:left;
width:136px;
margin-left:20px;
}
.pSkincareItems li.firstItem {
margin-left:0;
}

/* pSupplementArea */
.pSupplementColLeft {
float:left;
width:380px;
}
.pSupplementColRight {
float:right;
width:380px;
}
.pSupplementArea {
padding-top:20px;
}
.pSupplementTitle {
float:left;
width:180px;
}
.pSupplementColLeft .pSupplementArea .pSupplementTitle {
padding-left:40px;
}
.pSupplementColRight .pSupplementArea .pSupplementTitle {
padding-left:20px;
}

.pSupplementArea .pSupplementItems {
margin-left:220px;
}


/* --------------------------------------------------
   Campaign Section
-------------------------------------------------- */
#campaignSec.borderSec {
margin-top:5px;
}
#campaignSec .borderTitle h2 {
padding-left:26px;
background: url(../images/campaignSec_ico_01.gif) no-repeat left top;
}
#campaignSec .campaignItem {
padding-top:10px;
padding-bottom:11px;
background: url(/template/images/lineH_bg_01.gif) repeat-x bottom left;
}
#campaignSec .campaignImg {
float:left;
width:150px;
}
#campaignSec .campaignDesc {
margin-left:160px;
zoom:1; 
}


/* --------------------------------------------------
   Topics Section
-------------------------------------------------- */
#topicsSec .borderTitle h2 {
padding-left:26px;
background: url(../images/topicsSec_ico_01.gif) no-repeat left top;
}
#topicsSec .topicsItem {
padding-top:10px;
padding-bottom:11px;
background: url(/template/images/lineH_bg_01.gif) repeat-x bottom left;
}
#topicsSec .topicsImg {
float:left;
width:150px;
}
#topicsSec .topicsDesc {
margin-left:160px;
zoom:1; 
}

/* --------------------------------------------------
   News Section
-------------------------------------------------- */
#newsSec .borderTitle h2 {
padding-left:26px;
background: url(../images/newsSec_ico_01.gif) no-repeat left top;
}

.newsLink{
left:36px;
bottom:40px;
font-size:85%;
}

.pl05px{
padding-left:05px;
}

.pl15px{
padding-left:15px;
}

.news-Area{
background-color:#FFFFFF;
padding:15px;
border:solid 1px #EEE3BA;
margin-bottom:10px;
}

.news-Area p span{
font-size:100%;
font-weight:bold;
}

.newsBg{
font-size:85%;
margin-top:5px;
}