@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 {
	width:660px;
	height:360px;
}

	#FlashGallery {
		overflow: hidden;
		zoom: 1;
	}
	
		#photoList {
			float: left;
			margin: 0;
			padding: 0;
			width: 495px;
			height: 351px;
			background: url(../img/flash_img/photo_bg.jpg) no-repeat;
			overflow: visible;
		}
		
			#photoList h2 {
				position: absolute;
				margin: 0;
				padding: 0;
				width: 495px;
				height: 351px;
				text-indent: -9999px;
				overflow: hidden;
			}
			
			#photo01 { background: url(../img/flash_img/photo01.jpg) no-repeat; }
			#photo02 { background: url(../img/flash_img/photo02.jpg) no-repeat; }
			#photo03 { background: url(../img/flash_img/photo03.jpg) no-repeat; }
			#photo04 { background: url(../img/flash_img/photo04.jpg) no-repeat; }
			#photo05 { background: url(../img/flash_img/photo05.jpg) no-repeat; }

				#photoList h2 a {
					display: block;
					width: 495px;
					height: 351px;					
				}
	
		
		ul#thumbnail {
			float: right;
			margin: 0;
			padding: 0;
			width: 165px;
			height: 351px;
			background: url(../img/flash_img/thumb_list.jpg) no-repeat;
			list-style: none;
		}
		
		*html ul#thumbnail { /* IE6 only */
			padding-top: 6px;
		}
		
		*:first-child+html ul#thumbnail { /* IE7 only */
			padding-top: 6px;
		}
		
			ul#thumbnail li {
				margin: 0;
				padding: 0;
				width: 165px;
				height: 70px;
				cursor: pointer;
			}
		
			ul#thumbnail li.last-child {
				height: 71px;
			}
		
			*html ul#thumbnail li { /* IE6 only */
				margin-top: -6px;
			}
		
			*:first-child+html ul#thumbnail li { /* IE7 only */
				margin-top: -6px;
			}
			
				ul#thumbnail li a {
					display: block;
					width: 165px;
					height: 70px;
				}
		
					ul#thumbnail li a img {
					}

/*
=============== 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;
	}

/*
=============== Recommend */
#Recommend {
}

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

		#Recommend ul li {
			float: left;
		}

		#Recommend ul .right {
			float: right;
		}

/*
=============== topSkincare */
#topSkincare {
	overflow: hidden;
	zoom: 1;
}

	#topSkincare h3 {
	}

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

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

	#topSkincare ul {
	}

		#topSkincare ul li {
			float: left;
			padding: 0 3px;
			background: url(../img/dotted.gif) no-repeat right bottom;
		}

		#topSkincare ul li.first-child {
			padding-left: 0;
		}

		#topSkincare ul li.last-child {
			padding-right: 0;
			background: none;
		}

	#topSkincare .leftBnr {
		clear: both;
		float: left;
		margin-top: 15px;
		width: 396px;
		background: url(../img/dotted.gif) repeat-y right top;
	}

		#topSkincare .leftBnr h4 {
		}

	#topSkincare .rightBnr {
		float: left;
		margin: 15px 0 0 6px;
	}

/*
=============== 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: .8em;
	color: #666;
	overflow: hidden;
	zoom: 1;
}

	#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;
			width: 256px;
			overflow: hidden;
			zoom: 1;
		}
	
			#Fashion div ul li {
				float: left;
				padding-right: 6px;
			}


/* 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;
}