@charset "utf-8";
/*
=============== default */
* { margin: 0; padding: 0; }
ul,ol,li { list-style: none; }

/*
=============== トップページ　クラス */
#contents {
	margin:0 0 0 10px;
	padding:0;
	float:left;
	width:668px;
}

	#topContents {
		width:660px;
	}

	#topContents h3 {
		margin-top: 1em;
	}
	
/*
=============== Flash代替画像 */
#flashArea {
	position: relative;
	width:660px;
	height: 450px;
}

	#FlashGallery {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		zoom: 1;
	}

		#photoList {
			float: left;
			width: 392px;
			height: 450px;
			background: url(../img/flash_img/photo_bg.jpg) no-repeat;
			overflow: hidden;
		}
		
			#photoList h2 {
				width: 392px;
				height: 450px;
				text-indent: -9999px;
				overflow: hidden;
			}
			
			#photo01 { background: url(../dai_set/dai_1.jpg) no-repeat; }
			#photo02 { background: url(../dai_set/dai_2.jpg) no-repeat; }
			#photo03 { background: url(../dai_set/dai_3.jpg) no-repeat; }
			#photo04 { background: url(../dai_set/dai_4.jpg) no-repeat; }
			#photo05 { background: url(../dai_set/dai_5.jpg) no-repeat; }

				#photoList h2 a {
					display: block;
					width: 100%;
					height: 100%;
				}
		
		ul#thumbnail {
			float: right;
			width: 260px;
			height: 450px;
		}
				
			ul#thumbnail li {
				padding-bottom: 5px;
				width: 100%;
				height: 86px;
				background: url(../img/flash_img/thumb_border.gif) no-repeat left bottom;
			}
			ul#thumbnail li#thumb05 { padding-bottom: 0; background: none; }
					
				ul#thumbnail li a {
					display: block;
					width: 100%;
					height: 100%;
					background-position: left top;
					background-repeat: no-repeat;
					vertical-align: bottom; 
				}

				ul#thumbnail li#thumb01 a { background-image: url(../migi_set/migi01_on.jpg); }
				ul#thumbnail li#thumb02 a { background-image: url(../migi_set/migi02_on.jpg); }
				ul#thumbnail li#thumb03 a { background-image: url(../migi_set/migi03_on.jpg); }
				ul#thumbnail li#thumb04 a { background-image: url(../migi_set/migi04_on.jpg); }
				ul#thumbnail li#thumb05 a { background-image: url(../migi_set/migi05_on.jpg); }

					ul#thumbnail li a img { vertical-align: bottom; }

		#default_img {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			width:660px;
			height: 450px;
			z-index: 100;
		}
		

/*
=============== News */
#News {
}

	#News ul {
		margin: .5em 0 0 1em;
	}

		#News ul li {
			list-style: url(../img/top_news_markar.gif);
			font-size: 12px;
		}
		
	#bnrArea {
		margin-top: 1em;
		padding-bottom: .2em;
	}

/*



=============== banner */
.bannerList {
}

	.bannerList ul {
		margin-top: .5em;
		overflow: hidden;
		zoom: 1;
	}

		.bannerList ul li {
			float: left;
			padding-right: 9px;
		}

		.bannerList ul .right {
			float: right;
			padding-right: 0;
		}

/*


===============comingSoon */
.comingSoon {
}

	.comingSoon ul {
		margin-top: .5em;
		overflow: hidden;
		zoom: 1;
	}
		
		
/*



===============recommend */
.recomend {
	float:left;
	/*width:326px;*/
	width:660px;
}

	.recomend ul {
		margin-top: .5em;
		overflow: hidden;
		zoom: 1;
		padding:0;
	}

		/*.recomend ul li {
			float: left;
			padding-right: 9px;
		}

		.recomend ul .right {
			float: right;
			padding-right: 0;
		}
		*/
		
		
/*

===============limited */

.bannerL {
	float: left;
}

	.bannerL ul {
		margin-top:1em;s
	}

.bannerR {
	float: right;
}

	.bannerR ul{
		margin-top:1em;
	}
	
	.bannerR ul li.first{
		margin-bottom:7px;
	}
	
		.bannerR ul li img{
			vertical-align:bottom;
		}
	
	
.limited {
float:left;
/*width:326px;*/
width:323px;
margin-right:14px;
}

	.limited ul {
		margin-top: 1em;
	}

		/*.limited ul li {
			float: left;
			padding-right: 9px;
		}

		.limited ul .right {
			float: right;
			padding-right: 0;
		}*/
/*
/*

===============special */

.special {
	width:323px;
float:left;
	}

.special ul {
	margin-top: 1em;
	padding:0;
	}






/*=============== topSkincare 
#topSkincare {
	width: 660px;
	overflow: hidden;
	zoom: 1;
	clear:both;
}

	#topSkincare h3 {
	}

	#topSkincare .copy {
		margin: 1em 0 13px 0;
		text-align: center;
	}

	#topSkincare h4 {
		padding-bottom: 4px;
	}

	#topSkincare ul {
	}

		#topSkincare ul li {
			float: left;
		}
		#topSkincare ul .basic { width: 256px; }
		
			#topSkincare ul .basic img { vertical-align:bottom; }
			
		#topSkincare ul .purpose { float: right; width: 391px; }
		
			#topSkincare ul .purpose img { vertical-align:bottom;}
		
			#topSkincare ul li ul {
				margin-top: 8px;
			}

				#topSkincare ul li ul li {
					margin-right: 5px;
					padding-right: 5px;
					background: url(../img/dotted.gif) no-repeat right bottom;
				}
				#topSkincare ul li ul li.last-child {
					margin-right: 0;
					padding-right: 0;
					background: none;
				}
*/
				
/*=============== topSkincare 2011・08・01 改修*/
#topSkincare {
	width: 660px;
	overflow: hidden;
	zoom: 1;
	clear:both;
}

#topSkincare a{
	outline:none;
}

#topSkincare img{
	vertical-align:bottom;
}

	#topSkincare a{
		display:block;
	}
	
	#topSkincare a:hover{
		background:none;
	}
	
	#topSkincare a:hover img{
		visibility: hidden;
	}

	#topSkincare .skinCareArea{
		padding-top:17px;
		overflow:hidden;
	}
	
	#topSkincare .skinCareArea .basicCare{
		padding-bottom:6px;
		overflow:hidden;
		*padding-bottom:0;
		_margin-top:-2px;	
	}
	
		#topSkincare .skinCareArea .basicCare ul{	
			overflow:hidden;
		}
	
			#topSkincare .skinCareArea .basicCare ul li{
				float:left;
				margin-right:5px;
				display:inline;
			}
			
				#topSkincare .skinCareArea .basicCare ul li.firstTitle{
					margin:0;
				}
			
				#topSkincare .skinCareArea .basicCare ul li.specialRecipe{
					background:url(../img/skin_care/special_recipe_on.jpg) no-repeat;
					width:166px;
					height:130px;
				}
				
				#topSkincare .skinCareArea .basicCare ul li.raiseUp{
					background:url(../img/skin_care/raise_up_on.jpg) no-repeat;
					width:166px;
					height:130px;
				}
			
				#topSkincare .skinCareArea .basicCare ul li.marysCopy{
					margin:0;
				}
				
		#topSkincare .skinCareArea .purposeCare{
			padding-bottom:7px;
			overflow:hidden;
			*padding-bottom:1px;
			_margin-bottom:7px;
		}
				
		#topSkincare .skinCareArea .purposeCare ul{	
			overflow:hidden;
		}
				
			#topSkincare .skinCareArea .purposeCare ul li{
				float:left;
				margin-right:5px;
				display:inline;
			}
			
				#topSkincare .skinCareArea .purposeCare ul li.firstTitle{
					margin:0;
				}
			
				#topSkincare .skinCareArea .purposeCare ul li.prescribed{
					background:url(../img/skin_care/prescribed_on.jpg) no-repeat;
					width:166px;
					height:130px;
				}
				
				#topSkincare .skinCareArea .purposeCare ul li.whiteSiege{
					background:url(../img/skin_care/white_siege_on.jpg) no-repeat;
					width:166px;
					height:130px;
				}	
			
				#topSkincare .skinCareArea .purposeCare ul li.skinProgramme{
					margin:0;
					background:url(../img/skin_care/skin_programme_on.jpg) no-repeat;
					width:170px;
					height:130px;
				}
				
		#topSkincare .specialCare{
			background:url(../img/skin_care/special_care_off.jpg) no-repeat;
			width:425px;
			height:117px;
			overflow:hidden;
			position:relative;
			float:left;
		}
		
		#topSkincare .specialCare .specialTitle{
			position:absolute;
		}
		
			#topSkincare .specialCare p.clenser{
				position:absolute;
				left:146px;
				background:url(../img/skin_care/clenser_on.jpg) no-repeat;
				width:78px;
				height:117px;
			}
			
			#topSkincare .specialCare p.essencce{
				position:absolute;
				left:228px;
				background:url(../img/skin_care/essencce_on.jpg) no-repeat;
				width:72px;
				height:117px;
			}
			
			#topSkincare .specialCare p.packmask{
				position:absolute;
				left:313px;
				background:url(../img/skin_care/pack_mask_on.jpg) no-repeat;
				width:100px;
				height:117px;
			}
			
			#topSkincare .baseMake{
				background:url(../img/skin_care/base_make_on.jpg) no-repeat;
				width:216px;
				height:105px;
				float:right;
				margin:12px 0 0;
			}

/*
=============== specialCare */
#specialCare {
	margin-top: 16px;
	overflow: hidden;
	zoom: 1;
}

*html #specialCare { /* IE6 only */
	margin-top:-7px;
}

*:first-child+html #specialCare { /* IE7 only */
	margin-top: -6px;
}

	#specialCare .leftBnr {
		clear: both;
		float: left;
	}

		#specialCare .leftBnr h4 {
			padding-bottom: 7px;
		}

	#specialCare .rightBnr {
		float: right;
	}

/*
=============== Campaign */
#Campaign {
}

	#Campaign ul {
		margin-top: .5em;
		overflow: hidden;
		zoom: 1;
	}

		#Campaign ul li {
			float: left;
		}

		#Campaign ul .right {
			float: right;
		}


/*
=============== fashion_pickup */
#fashion_pickup {
	margin-top: 3px;
	color: #666;
	overflow: hidden;
	zoom: 1;
	clear:both;
}

	#fashion_pickup div {
	}

		#fashion_pickup div h3 {
			position: relative;
		}
	
			#fashion_pickup div h3 .date {
				position: absolute;
				top: 3px;
				right: 3px;
			}

/* Fashion */
#Fashion {
	float: right;
	width: 385px;
}

	#Fashion div {
		margin-top: 10px;
		background: url(../img/fashion_bg.jpg) no-repeat right top;
	}

		#Fashion div ul {
			padding-bottom: 2.3em;
			_padding-top: 3px;
			width: 256px;
			overflow: hidden;
			zoom: 1;
		}
	
			#Fashion div ul li {
				float: left;
				_margin-top: -3px;
				padding-right: 6px;
				width: 122px;
				height: 99px;
			}

/* pickup */	
#pickup {
	float: left;
	width: 250px;
}

	#pickup ul {
	}

		#pickup ul li {
			margin: 10px 0 20px 0;
			padding-bottom: 1em;
			background: url(../img/dotted_pickup.gif) repeat-x left bottom;
			overflow: hidden;
			zoom: 1;
		}

			#pickup .topGroup {
				overflow: hidden;
				zoom: 1;
			}

				#pickup .itemImg {
					float: left;
				}
			
				#pickup .topGroup div {
					float: left;
					margin-left: 15px;
				}

					#pickup ul li div h4 {
						margin-top: 2px;
					}
			
					#pickup ul li div h5 {
						margin: 10px 0;
						width: 130px;
						font-weight: normal;
						line-height: 1.3;
					}
			
						#pickup h5 strong {
							display: block;
							color: #666;
						}
			
			#pickup .itemTxt {
				clear: both;
				margin-top: .8em;
				font-size: 10px;
			}


/* 
====================== FloatTips div */
#itemsViewer:after,
#pickupItem:after,
#skincareFinder div.boxborder:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#skincareFinder div.boxborder{
	display:inline-table; /* for IE */
}

/*ピックアップアイテム商品画像*****/
.pickTips{
	height:16px;
	font-size:10px;
}

div#pickup h4{
	font-size:70%;
	margin:0 0 0 0;
	padding:0;
}
div#pickup h5{
	font-size:70%;
	color:#C4017F;
	margin:14px 0 5px 0;
	padding:0;
}

div#pickup .photo{
	width:126px;
	height:128px;
}
p.pickupD{
	font-size:68%;
}
div#pickup .dText{
	font-size:75%;
	padding:0 14px;
}

.maryPink{
	color:#C4017F;
	font-weight:bold;
}

div#alterArea{
	display:none;
}