@charset "utf-8";
/* CSS Document */

/*

初期化追加　2010/07/22

*/

.pickupBrand *
{
	vertical-align:top;
}

/* ↑追加2010/07/22ここまで  */


.gotoDetail
{
	text-align:right;
}

* html .brand_box
{
	width:377px;
}

* html h4.brand_new2
{
	padding:0;
	margin:0;
	width:auto;
}

ul.box_type01
{
	width:380px;
}

* html ul.box_type01 li
{
	margin-left:2px;
/*	margin-right:3px;*/
}

ul.box_type02
{
	width:380px;
	margin-left:0;
	position: static;
}

ul.box_type02 li
{
	margin-left:6px;
	margin-right:0;
}

* html ul.box_type02 li
{
	margin-left:4px;
	margin-right:2px;
}

ul.box_type03
{
	padding-left:0;
}

ul.box_type03 li
{
	margin-left:6px;
	margin-right:6px;
	padding-right:0;
}

* html ul.box_type03 li
{
	margin-left:5px;
	margin-right:5px;
}

ul.box_type04
{
	width:758px;
	margin-left:auto;
	margin-right:auto;
}

* html ul.box_type04
{
	width:770px;
}


ul.box_type04 li
{
	margin-left:0;
	margin-right:10px;
}

* html ul.box_type04 li
{
/*	width:160px; */
	margin-right:4px;
}

ul.box_type04 li.box_type04End
{
	margin-right:0;
}


ul.box_type06
{
	width:761px;
	margin-left:auto;
	margin-right:auto;
	padding-left:3px;
}

* html ul.box_type06
{
	width:767px;
}


ul.box_type06 li
{
	margin-left:0;
	margin-right:13px;
}


* html ul.box_type06 li
{
}

ul.box_type06 li.box_type06End
{
	margin-right:0;
}

div.productsArea
{
	margin:0;
	padding:10px;
	text-align:center;
}

div.productsArea img
{
	margin:0 auto 10px;
}

div.productsArea p
{
	text-align:left;
}

a.brand_detail img
{
	display:inline-block;
}

.box_about,
.box_about2
{
	clear:both;
}

/* ----------------------------
dropdown.js用スタイル？
*/


ul#sddm
{	margin: 0;
	padding: 0;
	z-index: 30; width:770px; background:#ccc; /* border-top: 1px solid #f4e1ad; border-right: 1px solid #ccc; */ }

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 10px arial}

#sddm li a
{	display: block;
	/* margin: 0 1px 0 0; border-left:1px solid #f4e1ad; */
	/* padding: 4px 0px; */
	width: 110px;
	background: #0d091a;
	color: #fff;
	text-align: center;
	text-decoration: none}
#sddm li a.rm
{	display: block;
	/* margin: 0 1px 0 0;border-right:1px solid #0d091a; */
	padding: 4px 0px;
	width: 108px;width: 110px;
	background: #0d091a;
	color: #fff;
	text-align: center;
	text-decoration: none}
#sddm li a.lm
{	/* border-left:1px solid #0d091a; border-left:none; width: 110px; */ }

#sddm li a:hover
{	background: #fff; color: #666; }

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0 0px;
	background: red; font-size: 10px; 
	/* border: 1px solid #f4e1ad; */ border-right: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 3px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		color: #666;
		font-size: 10px;_font-size: 9px; font-weight: normal;
		/* border-bottom: 1px solid #f4e1ad; */ }

	#sddm div a:hover
	{	background: #fff;
		color: #0d091a; text-decoration: underline; }



/* ----------------------------
各ブランド
*/

/* ゲラン */
.guerlain ul.box_type03 li
{
	margin-bottom:12px;
}

/* ニュクス */
.nuxe ul.box_type04
{
	width:770px;
}

* html .nuxe ul.box_type04 li
{
	margin-right:6px;
}

/* ジバンシー */
.givenchy ul.box_type04
{
	width:770px;
}

* html .givenchy ul.box_type04 li
{
	margin-right:5px;
}
* html .givenchy ul.box_type04 li div
{
	padding:5px;
}


/* RMK */

.rmKList
{
	background-color:#fff;
}

.rmKList li
{
	display:inline;
}

.rmKList li img
{
	margin-right:5px;
}

/* エスティローダー */

	
.esteelauder .gotoDetail
{
	margin-right:10px;
}

/* kenzoki */

* html .kenzoki h4.brand_new2
{
	width:385px;
	margin-right:-5px;
}

/* jurlique */



/* aesop */

* html .aesop h4.brand_new2
{
	width:385px;
	margin-right:-5px;
}

/* trilogy */

.trilogy table.brand_about td
{
	background:url(../../pickup_b/img/trilogy/about_back.gif) no-repeat -203px -5px;
	vertical-align:top;
}

/* origins */

* html .origins h4.brand_new2
{
	width:385px;
	margin-right:-5px;
}

.origins .lineWhatsNew
{
	margin-top:40px;
}

* html .origins .lineWhatsNew
{
	margin-top:0;
}

*:first-child+html .origins .lineWhatsNew
{
	margin-top:0;
}

/* crystaljemmy */

.crystaljemmy .about_b td
{
	background-image:url(../img/spacer.gif);
}

/* clinique */

* html .gotoCliniqueFlash 
{
	text-align:left;
}
*:first-child+html .gotoCliniqueFlash
{
	text-align:left;
}

.cliniqueBtn {
	margin-top:-30px;
	margin-left:0px;
}
.clinique ul.box_type04 li
{
	margin-left:0px;
	margin-right:7px;
}


/* HEALTY-ONE */
.healthyone em
{
	font-style:normal;
	font-weight:bold;
}

.hoNavi
{
	height:63px;
}

.hoNavi li
{
	float:left;
}

.hoRecommended:after
{  
	content: url(../img/spacer.gif);/* space.gifを指定 */
	display: block;
	clear: both;
	height: 0; 
}

.hoRecommended
{  
	display: inline-block;  
	clear:left;
	margin:21px auto 27px;
	padding:8px 26px;/*100902修正*/
	border:1px solid #bcbcbc;
}

.recommImg/*100902修正*/
{
	float:left;
	margin-right:25px;
}

.hoRecommended div
{
	float:left;
	width:349px;
}

.hoRecommended h3
{
	border-left:3px solid #030303;
	color:#030303;
	padding:5px;
	margin-bottom:15px;
	font-size:100%;
}

.hoRecommended p
{
	margin-bottom:20px;
}

.hoRecommended div.gotoRecommenedDetail
{
	text-align:right;
	float:none;
	padding-top:20px;
}

.hoMenu
{
	width:383px;
	float:left;
	margin-bottom:10px;
}

.hoMenuOdd
{
	width:387px;
}

.hoMenu div
{
	border:1px solid #d6d6d6;
	border-top-width:0;
	width:381px;
}

.hoMenu div p
{
	padding:10px 10px 13px;
}

.hoMenu span
{
	display:block;
	text-align:right;
	padding:0 8px 6px;
}

.hoAll div
{
	border-top-width:1px;
	border-color:#b7b58e;
	text-align:center;
	padding-top:28px;
	background:url(../../pickup_b/img/healthyone/bg_allProducts.jpg) bottom center no-repeat #ebeadc;
}

.hoAll div p
{
	padding-top:0;
}

.hoAll img
{
	vertical-align:top;
	position:relative;
}


.hoColumn
{
	clear:both;
	padding-top:40px;
}

.hoColumn ul
{
	margin:18px 0 0 38px;
}

.hoColumn ul li
{
	float:left;
	background:url(../../pickup_b/img/healthyone/arrow_ho.gif) left center no-repeat;
	padding-left:18px;
	width:222px;
	line-height:2.5;
}

.hoColumn ul li a
{
	color:#333;
	text-decoration:underline;
}
/* IE6 hack */
*html .healthyone .hoColumn ul li a {
    text-decoration: none;
    border-bottom: 1px solid #333333;
}
* html .infoMyVitamin
{
	padding-top:40px;
}
*:first-child+html .infoMyVitamin
{
	padding-top:20px;
}

.infoMyVitamin img
{
	float:right;
}

.infoMyVitamin div
{
	padding:46px 0 16px 11px;
	line-height:1.5;
}

* html .infoMyVitamin div
{
	padding-top:16px;
}
 
*:first-child+html .infoMyVitamin div
{
	padding-top:16px;
} 

.aboutShopHo:after
{  
	content: url(../img/spacer.gif);/* space.gifを指定 */
	display: block;
	clear: both;
	height: 0; 
}
.aboutShopHo
{
	display: inline-block;
	border:1px solid #bcbcbc;
	margin-bottom:30px;
}

.aboutShopHo img
{
	float:left;
	margin-right:30px;
}

.aboutShopHo p
{
	padding:25px 30px;
}

p.orderMade
{
	background:url(../../pickup_b/img/healthyone/img_mark_myVitamin.jpg) 10px center no-repeat #ebeadc;
	margin-top:5px;
	margin-right:200px;
	padding:10px 10px 12px 44px;
}


/*101020修正*/
.healthyone h3.pickup{margin-top:20px; clear:both;}
.healthyone h3.ranking{margin-top:20px; clear:both;}
.healthyone h3.cam{margin-top:0px; clear:both;}
.healthyone .hoRecommended2{
	width:746px;
	border-right:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;

	display: inline-block;
	margin:0px auto;
	padding:13px 11px;
}
.healthyone .hoRecommended2 .Left{
	width:370px;
	float:left;
}
.healthyone .hoRecommended2 .Right{
	width:370px;
	float:right;
}
.healthyone .hoRecommended2 .Left .recomm2Img,
.healthyone .hoRecommended2 .Right .recomm2Img{float:left;}
.healthyone .hoRecommended2 .details{
	width:190px;
	padding-top:14px;
	float:right;
}
.healthyone .hoRecommended2 h3{
	margin-bottom:5px;
	padding:0 5px;
	border-left:3px solid #030303;
	color:#030303;
	font-size:117%;
	line-height:1.14;
}
.healthyone .hoRecommended2 .price{
	margin-top:8px;
	margin-bottom:23px;
	padding:3px 0;
	border-top:1px solid #E9E8D9;
	border-bottom:1px solid #E9E8D9;
	font-size:117%;
	font-weight:bold;
}
.healthyone .hoRecommended2 .gotoRecommened2Detail{
	margin-left:215px;
}
.healthyone .hoRecommended2 .des{
	padding-top:6px;
	padding-left:17px;
	clear:both;
}

.healthyone .hoRecommended3{
	width:746px;
	background-color:#f0f0f0;
	display:inline-block;
	margin:0px auto 20px;
	padding:7px 11px 8px;
	border-right:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
}
.healthyone .hoRecommended3Inner{
	padding-left:10px;
	margin-top:10px;
	padding-bottom:0px;
	background:url(../../pickup_b/img/healthyone/horecommended3_bg.gif) -13px 0px repeat-y;
	display:inline-block;
}
.healthyone .hoRecommended3 .rank{
	width:225px;
	margin-right:28px;
	float:left;
}
.healthyone .hoRecommended3 .mR0{margin-right:0px;}



.healthyone .hoRecommended3 .ranknum{
	margin-bottom:5px;
	text-align:center;
}
.healthyone .hoRecommended3 .recomm3Img{
	margin-right:10px;
	float:left;
}
.healthyone .hoRecommended3 .details{
	width:132px;
	line-height:1.5;
	float:right;
}
.healthyone .hoRecommended3 .details p strong{
	font-size:112%;
}
.healthyone .hoRecommended3 h3{
	margin-bottom:5px;
	padding:3px 5px 1px;
	border-left:3px solid #030303;
	color:#030303;
	font-size:117%;
	line-height:1.14;
}
.healthyone .hoRecommended3 .des{
	padding-top:11px;
	font-size:83%;
	clear:both;
}

.healthyone .hoColumnInner{
	margin-top:15px;
	background:url(../../pickup_b/img/healthyone/hocolumn_bg.gif) 0 0 repeat-y;
	display:inline-block;
}
.healthyone .hoColumnInner .hoColumnList{
	width:192px;
	float:left;
}
.healthyone .hoColumnInner .hoColumnList h4{
	text-align:center;
}
.healthyone .hoColumnInner .hoColumnList ul{
	margin:5px 11px 0px;
	font-size:108%;
}
.healthyone .hoColumnInner .hoColumnList ul li{
	width:156px;
	padding-left:14px;
	background:url("../../pickup_b/img/healthyone/arrow_ho.gif") no-repeat scroll left center transparent;
	line-height:1.85;
	float:none;
}

.healthyone .hoAll2{
	padding-top:4px;
	padding-bottom:3px;
	background:url(../../pickup_b/img/healthyone/bnr_supl_bg.gif) 0 0 repeat;
	position:relative;
}
.healthyone .hoAll2 span{
	position:absolute;
	right:1px;
	bottom:6px;
}
/* IE6 hack */
*html .healthyone .hoAll2 span {
	right:0px;
	bottom:6px;
}
.healthyone .hoAll2 div{
	width:369px;
	padding:7px;
	border:none;
	text-align:center;
	background:#ffffff url(../../pickup_b/img/healthyone/bnr_supl_bg.gif) bottom center;
}
.healthyone .hoAll2 div p{padding:0;}
.healthyone .hoAll2 img{vertical-align:top;}
.healthyone .bnrAllProducts{clear:both;}
/*101020修正*/

/*0114修正*/
.healthyone .newitem{ 
	border-right:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	border-top:1px solid #bcbcbc;
    width:731px;
	height:102px;
	background:#ffffff url(../../pickup_b/img/healthyone/newitem_back.gif) top left no-repeat;
	clear:both;
	float:none;
	margin:25px 0 0 8px;
	}
	
.healthyone .newitem .itemimg{
	margin:10px 18px 18px 85px;
	float:left;}
	
.healthyone .newitem p{ float:left; 
     width:520px;
	line-height:1.5em;
	margin-top:8px;}
	
.healthyone .newitem b{ color:#1a1477;}

.healthyone .newitem span{
	color:#333; font-size:90%; font-weight:bold}

.healthyone .newitem{ 
	border-right:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	border-top:1px solid #bcbcbc;
    width:731px;
	height:102px;
	background:#ffffff url(../../pickup_b/img/healthyone/newitem_back.gif) top left no-repeat;
	clear:both;
	float:none;
	margin:25px 0 0 8px;
	}
.healthyone .cam {
	float:none;
	clear:both;
    width:768px;
	border-right:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	display: inline-block;
	margin:0px auto;
	margin-bottom:30px;}
	
.healthyone .cam .itemimg{
	margin:5px 18px 12px 65px;
	float:left;}
	
.healthyone .cam p{ 
    float:left;
    clear:right;
    width:520px;
	line-height:1.5em;
	margin-top:23px;}
	
.healthyone .cam strong{ color:#1a1477; margin-bottom:13px;}
.healthyone .cam span{ font-size:90%;}

.healthyone .rankno{ clear:both; float:none; text-align:center; margin: 0 0 10px 0 ;}


	/*
文字強調　20110812
*/

.txt_st{
font-size:16px;
}

/* オリジンズ */
#info-read .bold {
	font-weight: bold;
	margin-bottom: 5px;
}
#info-read .nomal {
	font-weight: normal;
}
#info-read dl {
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
}
#info-read dl dt {
	float: left;
	clear: both;
}
#info-read dl dd {
	margin-left: 4em;
}
#info-read .attention {
	clear: both;
	font-size: 90%;
	font-weight: normal;
}