@charset "UTF-8";

/*-------------------------------------

// toppage
#p{
�@ font-size:75%;
�@ color:#99999;
}
-------------------------------------*/


/*mainSection
--------------------------------*/
#mainSection{
	height:570px;
	background:url(../images/bg-mainsection.jpg) no-repeat;
	position:relative;
}

	#mainSection p,
	#mainSection img{
		position:absolute;
}

	#mainSection .word01{
		width:518px;
		height:138px;
		background:url(../images/word-mainsection-01.jpg);
		text-indent:-9999px;
		top:21px;
		left:12px;
	}
	#mainSection .word02{
		width:378px;
		height:34px;
		background:url(../images/word-mainsection-02.jpg);
		text-indent:-9999px;
		top:165px;
		left:20px;
	}
	#mainSection .img01{
		top:199px;
		left:19px;
	}
	#mainSection .img02{
		top:199px;
		left:135px;
	}
	#mainSection .word03{
		width:385px;
		height:74px;
		background:url(../images/word-mainsection-03.gif);
		text-indent:-9999px;
		top:270px;
		left:16px;
	}
	#mainSection .word04{
		width:434px;
		height:66px;
		background:url(../images/word-mainsection-04.gif);
		text-indent:-9999px;
		top:357px;
		left:18px;
	}
	#mainSection .img03{
		top:428px;
		left:18px;
	}
	#mainSection .word06{
		width:263px;
		top:434px;
		left:359px;
		font-size:63%;
	}
	#mainSection a.btn01{
		display:block;
		width:164px;
		height:44px;
		background:url(../images/btn-color-01.gif);
		text-indent:-9999px;
		position:absolute;
		top:427px;
		left:638px;
	}
	#mainSection a:hover.btn01{
		background-position:0 -44px;
	}
	#mainSection a.btn02{
		position:absolute;
		top:476px;
		left:350px;
	}

/*menuSection
--------------------------------*/
#menuSection{
	position:relative;
	height:367px;
	background:url(../images/bg-menusection.gif) no-repeat;
}

	#menuSection div{
		position:absolute;
	}
		#menuSection div p{
			position:absolute;
			font-size:75%;
		}
			#menuSection div p a{
				color:#393939;
				text-decoration:none;
			}
			#menuSection div p a:hover{
				color:#007eef;
			}

	#menuSection .skincare{
		width:270px;
		height:342px;
		top:25px;
		left:0px;
	}
	#menuSection .skincare a img{
		position:absolute;
		z-index:50;
	}
	#menuSection .skincare p{
			width:240px;
			top:246px;
			left:20px;
			z-index:100;
		}
		#menuSection .skincare object#FlashID{
			position:absolute;
			width:210px;
			height:171px;
			top:66px;
			left:38px;
			z-index:1;
		}

#menuSection .kuchikomi{
		width:263px;
		height:228px;
		top:33px;
		left:277px;
	}
		#menuSection .kuchikomi p{
			width:138px;
			top:107px;
			left:115px;
		}
	#menuSection .basecolor{
		width:263px;
		height:207px;
		top:54px;
		left:550px;
	}
		#menuSection .basecolor p{
			width:153px;
			top:86px;
			left:102px;
		}
	#menuSection .coverpower{
		width:263px;
		height:84px;
		top:271px;
		left:277px;
	}
	#menuSection .qanda{
		width:263px;
		height:84px;
		top:271px;
		left:551px;
	}

#notes{
	padding:10px 14px;
}
	#notes p{
		font-size:63%;
		line-height:1.3;
	}

/*tokutenSection
-------------------------------------*/
#tokutenSection{
	margin:0 -3px 10px -2px;
}
	#tokutenSection ol{
		height:161px;
		background:url(../images/bg-tokutensection.gif) no-repeat;
		position:relative;
	}
		#tokutenSection ol li{
			position:absolute;
			line-height:1;
		}
		#tokutenSection ol li.tokuten1{top:0; left:8px;}
		#tokutenSection ol li.tokuten2{top:0; left:203px;}
		#tokutenSection ol li.tokuten3{top:0; left:399px;}
		#tokutenSection ol li.tokuten4{top:0; left:654px;}