@charset "utf-8";

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 HOME

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
body#home #document{
	background:none;
}

body#home #mainContents{
padding-top:7px;
}

/*
body#home #mainContents #viBtn{
	margin:0 0 10px;
	height:295px;
	width:704px;
}*/
body#home #mainContents p#viBtn{
	padding:10px 0;
	height:295px;
	width:704px;
	margin:0;
}
body#home #mainContents p#viBtn a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}

body#home #mainContents p#viBtn a img{
position:absolute;
bottom:5px;
right:0;
}

/* homeMain
--------------------------------------------------*/
#homeMain{
	width:488px;
	float:right;
	background:#fff;
}

#homeMain dl.newsTable02,
#homeMain ul.linkListB02R{
	width:312px;
}

#homeMain dl.newsTable02{
	_height:12em;
	min-height:12em;
}

#homeMain #weeklyBA{
	position:absolute;
	width:176px;
	top:31px;
	left:312px;
}
#homeMain #weeklyBA div.weeklyBABox{
	background:#fff;
	border-bottom:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	padding:8px 8px 5px;
}
#homeMain #weeklyBA p{
	font-size:90%;
	margin-top:0.8em;
}

#homeMain div.block1A01{
	padding:12px;
	margin-bottom: 0.2em;/* add 091203 */
}
#homeMain div.block1A01 h5{
	background:none;
	padding:0;
	margin:0 0 0.6em;
}
#homeMain div.newsBlock01 {
	width:312px;
	min-height:12em;
	_height:12em;
}

/* homeTopics */
#homeMain #homeTopics{
}
#homeMain #homeTopics .homeTopicsInner{
border:1px solid #dedede;
}
#homeMain #homeTopics #tabNavi{
margin:0;
background:url(/img/home/main_topics_bg01.gif) no-repeat left bottom;
zoom:1;
}
#homeMain #homeTopics #tabNavi:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#homeMain #homeTopics #tabNavi li{
margin:0;
float:left;
list-style:none;
}
#homeMain #homeTopics #tabNavi li.activeTab{
background:url(/img/home/main_topics_bg02.gif) no-repeat right top;
}
#homeMain #homeTopics #tabNavi li a{
margin-left:1px;
padding:5px 0;
width:121px;
display:block;
text-align:center;
}
#homeMain #homeTopics #tabNavi li a.firstChild{
margin-left:0;
width:120px;
}
#homeMain #homeTopics #tabNavi li.activeTab a{
padding:4px 0;
border:1px solid #fff;
width:119px;
font-weight:bold;
color:#D80D18;
}
#homeMain #homeTopics #tabNavi li.activeTab a.firstChild{
width:118px;
font-weight:bold;
color:#D80D18;
}
#homeMain #homeTopics .topicsContents01,
#homeMain #homeTopics .topicsContents02{
padding:15px 8px 10px 11px;
zoom:1;
}
#homeMain #homeTopics .topicsContents01:after,
#homeMain #homeTopics .topicsContents02:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner{
zoom:1;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .news{
padding-bottom:5px;
width:270px;
float:left;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .news dt{
line-height:1;
color:#939393;
font-size:90%;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .news dd{
margin-bottom:5px;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .recommendationStore{
padding:5px 2px 2px;
width:181px;
float:right;
background:#f2f2f2;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .recommendationStore dt{
margin-bottom:5px;
padding-left:4px;
height:12px;
text-align:center;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .recommendationStore dd{
padding:7px 6px 15px 9px;
background:#fff;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .recommendationStore dd .linkListA01{
margin-bottom:10px;
text-align:center;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .recommendationStore dd .linkListA01 li{
display:inline;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .recommendationStore dd .image{
margin-bottom:10px;
text-align:center;
}
/*
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .recommendationStore dd .imageAndBlock{
margin-bottom:10px;
width:100%;
display:table;
direction:rtl;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .recommendationStore dd .imageAndBlock .image{
margin:0;
display:table-cell;
vertical-align:top;
width:1%;
/width:auto;
/float:right;
direction:ltr;
}
#homeMain #homeTopics .topicsContents01 .topicsContents01Inner .recommendationStore dd .imageAndBlock .block{
padding:24px 18px 0 0;
display:table-cell;
vertical-align:top;
direction:ltr;
text-align:left;
zoom:1;
}
*/
#homeMain #homeTopics .topicsContents02 .topicsContents02Inner{
margin-right:-35px;
_margin-right:-70px;
zoom:1;
}
#homeMain #homeTopics .topicsContents02 .topicsContents02Inner:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#homeMain #homeTopics .topicsContents02 .topicsContents02Inner dl{
margin-right:35px;
padding-left:66px;
padding-bottom:1em;
width:142px;
min-height:60px;
_height:60px;
float:left;
position:relative;
}
#homeMain #homeTopics .topicsContents02 .topicsContents02Inner dl.noneImage{
padding-left:0;
width:208px;
min-height:auto;
_height:auto;
}
#homeMain #homeTopics .topicsContents02 .topicsContents02Inner dl dt{
color:#939393;
font-size:90%;
}
#homeMain #homeTopics .topicsContents02 .topicsContents02Inner dl dd.image{
border:1px solid #dedede;
position:absolute;
top:0;
left:0;
}
#homeMain #homeTopics .topicsContents01 .linkListB01{
margin-bottom:5px;
}
/*
#homeMain #homeTopics .topicsContents01 .linkListB01R li,
#homeMain #homeTopics .topicsContents02 .linkListB01R li{
background-position:0 0;
display:inline;
}
#homeMain #homeTopics .topicsContents01 .linkListB01R li.twitter,
#homeMain #homeTopics .topicsContents02 .linkListB01R li.twitter{
padding-right:1em;
background:url(/img/common/ico/twitter.gif) no-repeat 0 0;
}
*/
.topicsContents01Inner .linkListB01 {
    margin-top:15px;
}

/* homeSub
--------------------------------------------------*/
#homeSub{
	width:192px;
	float:left;
}

#homeSub p.price{
	font-size:90%;
	margin-top:0.4em;
}
#homeSub p.price span{
	font-size:134%;
	font-weight:bold;
	color:#d80d18;
}


/* ranking change 091022 */
#homeSub #ranking{
	width:192px;
	background:#f8f6e8;
}
#homeSub #ranking:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

#homeSub #ranking dl {
	background:url(/img/common/element/line01.gif) repeat-x left bottom;
	padding:0 0 8px;
	position: relative;
}
#homeSub #ranking dl dt {
}
#homeSub #ranking dl dd {
	padding:0 12px;
}
#homeSub #ranking dl dd ul.icon {
	position: absolute;
	top: 8px;
	right: 8px;
	list-style: none;
}
#homeSub #ranking dl dd ul.icon li {
	display: inline;
	margin: 0;
	padding: 0;
}
#homeSub #ranking dd p.imgNo01{
	margin:0 0 0 44px;
}
#homeSub #ranking dd p.lead{
	font-weight:bold;
	margin:0.4em 0;
}

/*for rank04-10*/
#homeSub #ranking dl.rankS {
	padding: 12px 0 0 12px;
	width: 180px;
}

#homeSub #ranking dl.rankS dt {
	float: left;
	padding: 0 9px 0 0;
	width: 60px;
}
#homeSub #ranking dl.rankS dd {
	padding: 0 5px 0 0;
	float: right;
	width: 100px;
}
#homeSub #ranking dl.rankS dd.productLink {
	clear:both;
	float: left;
	padding: 5px 9px 8px 0;
	width: 170px;
}
#homeSub #ranking ul.linkListB04s{
	margin:5px 8px;
}
/* ranking change 091022 */

/* rankingS change 100301 */
#homeSub #ranking div.rankS {
	background:url(/img/common/element/line01.gif) repeat-x left bottom;
	padding: 12px 0 8px 12px;
	width: 180px;
}

#homeSub #ranking div.rankS div.productPhoto{
	float: left;
	padding: 0 9px 0 0;
	width: 60px;
}

#homeSub #ranking div.rankS div.rightBox{
	width:105px;
	float:left;
	}

#homeSub #ranking div.rankS p.lead{
	font-weight:bold;
	margin:0.4em 0;
}

#homeSub #ranking ul.linkMore li{
	display:block;
	list-style:none;
	margin:0 0 0 -14px;
	padding:0 0 0 10px;
	background:url(/img/common/ico/link_a01.gif) no-repeat 0 0.45em;
	font-size:90%;
}

/* rankingS change 100301 */

/* ranking change 091207 */
#homeSub #ranking ul.linkListB04s li.ranking_btn{
	padding-left:0px;
	background:none;
}
/* ranking change 091207 */


/* newitem */
#homeSub #newitem{
	background:#fff;
	border-bottom:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	margin-top:8px;
}

#homeSub #newitem .item{
	background:url(/img/common/element/line01.gif) repeat-x;
	padding:12px;
}

#homeSub #newitem .item p.lead{
	font-size:90%;
	color:#8c8c8c;
	margin-bottom:0.4em;
}

#homeSub #newitem .item div.posRight{
	width:94px;
}
#homeSub #newitem .item div.posRight p{
	font-size:90%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background:#cfcfcf;
	margin-bottom:0.4em;
}

#homeSub #newitem .item ul.linkListA01s{
	clear:both;
}


/* lineList */
#homeSub #lineList{
margin-bottom:1em;
}
#homeSub #lineList .lineBannerList{
margin-bottom:10px;
}
#homeSub #lineList .lineBannerList h2{
margin-bottom:0;
padding:5px 5px 7px;
background:#e0e0e0;
}
#homeSub #lineList .lineBannerList ul{
margin:0;
border-top:1px solid #e0e0e0;
list-style:none;
}
#homeSub #lineList .lineBannerList ul li{
border:1px solid #e0e0e0;
border-top:none;
margin:0;
}
#homeSub #lineList .lineBannerList ul li.special{
margin-top:8px;
border:none;
}
#homeSub #lineList .relationalLink{
margin:0;
list-style:none;
}
#homeSub #lineList .relationalLink li{
margin:0 0 5px;
padding-left:18px;
}
#homeSub #lineList .relationalLink li.li01{
background:url(/img/common/ico/link_b03.gif) no-repeat left 0.3em;
}
#homeSub #lineList .relationalLink li.li02{
background:url(/img/home/ico_heart01.gif) no-repeat left 0.3em;
}


/* bnrArea add 091211 */
#homeSub .bnrSection {
	padding-top: 16px;
}
#homeSub .bnrSection p.sideBanner {
margin-bottom: 4px;

}
#homeSub .bnrTitle {
margin-bottom: 5px;

}
/* bnrArea add 091211 */

/* homeFooter
--------------------------------------------------*/
#premium{
	clear:both;
	background:url(/img/home/main_premium_bg.jpg) no-repeat;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:16px;
	margin-bottom:2em;
}

#premium .ttlArea{
	clear:both;
	background:url(/img/common/element/line01.gif) repeat-x left bottom;
	padding:10px 12px 10px;
}
*html #premium .ttlArea{padding-top:5px;}
*:first-child+html #premium .ttlArea{padding-top:5px;}

#premium .ttlArea p.posRight{
	border:4px solid #ececec;
	margin-top:-27px;
}

#premium ul.explanation{
	list-style:none;
	margin:12px 0 0 208px;
}
#premium ul.explanation li{
	float:left;
	margin:0;
	padding-left:8px;
}

#premium div.contents{
	margin:16px 12px 0 216px;
	background:url(/img/common/element/line02.gif) repeat-y 428px 16px;
}
#premium div.contents h4{
	color:#d80d18;
}

#premium div.contents div.posLeft{
	width:415px;
}
#premium div.contents div.posLeft ul.posRight{
	width:330px;
}
#premium div.contents div.keyword{
	background:#f2f2f2;
	padding:8px 12px;
}
#premium div.contents div.keyword dt{
	font-weight:bold;
}
#premium div.contents div.keyword dd strong{
	font-size:134%;
	font-weight:normal;
}

#premium div.contents div.posRight{
	width:268px;
}
#premium div.contents div.posRight ul.listMarkA01 li{
	margin-bottom:0.8em;
}
#premium div.contents ul.listMarkA01 li img{
	vertical-align:text-top;
	margin:0 4px 0 6px;
}


p.homeReturnPageTop{
	font-size:90%;
	text-align:right;
	margin-bottom:2em;
}
p.homeReturnPageTop a{
	background:url(/img/common/ico/link_a02.gif) no-repeat 0 0.3em;
	padding-left:10px;
}

/* PEN01014 main List 100622 add
--------------------------------------------------*/
#homeCategory {
}
#homeCategory h3 {
	border-bottom:2px solid #9a9a9a;
}
#homeCategory h4.headingC04 {
	background: none;
	border-bottom: none;
	padding:0 0 1px 12px;
	margin-bottom:0.2em;
}
#homeCategory h4.headingIndCat {
	background: #fff0f0;
	padding:3px 0 1px 12px;
	margin-bottom:0.5em;
}

#homeCategory h4.headingIndBasic {
	background: url(/img/common/heading/h4_cat_basic.gif) no-repeat;
	padding:3px 0 5px 45px;
	margin-bottom:0.5em;
	line-height: 1.1;
}
#homeCategory h4.headingIndMake {
	background: url(/img/common/heading/h4_cat_makeup.gif) no-repeat;
	padding:10px 0 10px 45px;
	margin-bottom:0.5em;
	line-height: 1.1;
}
#homeCategory h4.headingIndMacine {
	background: url(/img/common/heading/h4_cat_bmacine.gif) no-repeat;
	padding:10px 0 13px 45px;
	margin-bottom:0.5em;
	line-height: 1.1;
}
#homeCategory h4.headingIndBody {
	background: url(/img/common/heading/h4_cat_bodycare.gif) no-repeat;
	padding:15px 0 10px 45px;
	margin-bottom:0.5em;
	line-height: 1.1;
}
#homeCategory h4.headingIndSuppli {
	background: url(/img/common/heading/h4_cat_suppliment.gif) no-repeat;
	padding:3px 0 3px 45px;
	margin-bottom:0.5em;
	line-height: 1.1;
}
#homeCategory h4.headingIndCheck {
	background: url(/img/common/heading/h4_cat_checkup.gif) no-repeat;
	padding:3px 0 1px 45px;
	margin-bottom:0.5em;
	line-height: 1.1;
}



#homeCategory ul.linkListA01s li {
	background:none;
	padding-left:0;
}

#homeCategory ul#w01fix li,
#homeCategory ul#w02fix li,
#homeCategory ul#w03fix li,
#homeCategory ul#w04fix li,
#homeCategory ul#w05fix li,
#homeCategory ul#w06fix li,
#homeCategory ul#w07fix li,
#homeCategory ul#w08fix li,
#homeCategory ul#w09fix li {
	width: 130px;
	display: block;
	margin: 0 0 3px;
	padding-right: 15px;
	float: left;
	background:url(/img/common/ico/link_a01.gif) no-repeat 0 0.4em;
}

#homeCategory .borderRed {
	border: 1px solid #dd8f8f;
}