@charset "utf-8";

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

	シミ対策マスク特設ページ

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


/*==========================================
	共通
===========================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { zoom: 1;}
.left { float: left;}
.right { float: right;}
sup.other {
	font-size: 0.7em;
	vertical-align: super;
}

/*==========================================
	コンテンツ
===========================================*/
#Wrap {
	width: 800px;
	margin: 0 auto;
}
#Wrap p { font-size: 115%;}
h2 { padding-left: 10px;}

/*------------------------------------------
	Visual Area
------------------------------------------*/
.Visual {
	background: url(../../../images/product/detail/skincare/mask/bg_main.jpg) top center no-repeat;
	min-height: 450px;
	position: relative;
}
.Visual h1,
.Visual h2,
.Visual ul,
.Visual p { position: absolute;}
.Visual h1 {
	top: 205px;
	left: 35px;
}
.Visual h2 {
	top: 75px;
	left: 35px;
}
.Visual ul {
	width: 351px;
	top: 295px;
	left: 35px;
}
.Visual ul li { margin-right: 10px;}
.Visual p {
	top: 365px;
	left: 35px;;
}
.Visual a { display: block;}
.Visual a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/*------------------------------------------
	Secret Area
------------------------------------------*/
.SecretArea { margin-bottom: 70px;}
.H2Block01 {
	background: url(../../../images/product/detail/skincare/mask/bg_secret.gif) top center no-repeat;
	height: 73px;
	margin-bottom: 10px;
}
.SecretBlock {
	width: 720px;
	margin: 0 auto 40px;
}
.SecretBlock .clearfix { padding: 0 10px;}
.SecretArea h3 { margin-bottom: 20px;}

/* 秘密1*/
#Secret01 p.left { width: 530px;}
#Secret01 p.right { width: 149px;}

/* 秘密2*/
#Secret02 .clearfix { margin-bottom: 15px;}
#Secret02 div.clearfix p.left { width: 193px;}
#Secret02 div.clearfix p.right { width: 470px;}
#Secret02 ul.clearfix { margin-bottom: 10px;}
#Secret02 ul.clearfix li { margin-right: 43px;}

/* 秘密3*/
#Secret03 p.left { width: 430px;}
#Secret03 p.right {
	width: 249px;
	text-align: right;
	font-size: 90%;
}
#Secret03 p.right img { margin-bottom: 5px;}

/* 秘密4*/
#Secret04 p.left { width: 214px;}
#Secret04 p.right { width: 443px;}

/*------------------------------------------
	Fit Area
------------------------------------------*/
.FitArea {}
.ProductImage {
	background: url(../../../images/product/detail/skincare/mask/bg_fit_mask.gif) 270px 35px no-repeat;
	position: relative;
	min-height: 400px;
}
.ProductImage p { position: absolute;}
.Paragraph01 {
	top: 42px;
	left: 35px;
}
.Paragraph02 {
	top: 117px;
	right: 47px;
}
.Paragraph03 {
	top: 15px;
	right: 48px;
}
.Paragraph04 {
	top: 232px;
	left: 280px;
}

/*------------------------------------------
	Buy Area
------------------------------------------*/
.BuyArea { margin-bottom: 70px;}
.H2Block02 {
	background: url(../../../images/product/detail/skincare/mask/bg_buy.gif) top center no-repeat;
	margin-bottom: 15px;
	height: 73px;
}
.ItemBox {
	width: 700px;
	margin: 0 auto 30px;
}
.ItemBoxInner {
	padding-left: 245px;
	min-height: 202px;
}
.H3Block01 { margin-bottom: 20px;}
#Item01 {
	background: url(../../../images/product/detail/skincare/mask/buy_product_01.jpg) top left no-repeat;
}
#Item02 {
	background: url(../../../images/product/detail/skincare/mask/buy_product_02.jpg) top left no-repeat;
}
#Item03 {
	background: url(../../../images/product/detail/skincare/mask/buy_product_03.jpg) left 30px no-repeat;
	padding-top: 30px;
	border-top: 1px dotted #f30;
}
.ItemBoxInner h3 {
	margin-bottom: 10px;
}
.BuyArea form {
	overflow: hidden;
	margin-top: 20px;
}
.BuyArea form select { float: left;}
.BuyArea form input { float: right;}
.BuyArea form input:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/*------------------------------------------
	Component Area
------------------------------------------*/
.Component {
	width: 720px;
	margin: 0 auto 70px;
}
.Component h2 {
	margin-bottom: 10px;
	padding: 0 0 10px 5px;
	border-bottom: 1px solid #666;
}
.Component dl { margin-left: 10px;}