@charset "shift_jis";

/* All
-------------------------------------------------------------------------*/

* {	
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

body{
	margin:0;
	padding:0;
	border:0;
	text-align:center;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN", Osaka;
	background-image:url(../img/body_bg.jpg);
}

img {
	border:0;
}

a {
	border:0;
}

a:link{
	color:#666666;
	text-decoration:underline;
}

a:visited{
	color:#666666;
	text-decoration:underline;
}

a:hover,
a:active{
	color:#666666;
	text-decoration:none;
}

.clear	{
	clear:both;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
} 
.clearfix {
	display: inline-block;
} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 

h2	{
	margin:20px 0 15px 0;
	clear:both;
}

.pagetoplink	{
	margin:20px 30px;
	text-align:right;
	font-size:80%;
}

/* Layout
-------------------------------------------------------------------------*/

#wrapper {
	background-image:url(../img/header_bg.jpg) ;
	background-repeat:repeat-x;
}

#container{
	margin:0 auto;
	width:860px;
	text-align:left;
	background:#FFF;
}


/* Main
-------------------------------------------------------------------------*/

#main	{
	margin:0 30px;
	width:800px;
	height:455px;
	position:relative;
	background-image:url(../img/main_bg.jpg);
}
#main h1	{
	position:absolute;
	top:0;
	left:0;
}
#main #main-logo	{
	position:absolute;
	top:0px;
	left:620px;
}
#main #main-name	{
	position:absolute;
	top:130px;
	left:0px;
}
#main #main-honeylab	{
	position:absolute;
	top:130px;
	left:284px;
}
#main #main-fukidashi	{
	position:absolute;
	top:292px;
	left:0px;
}
#main #main-step0101	{
	position:absolute;
	top:345px;
	left:284px;
}
#main #main-step0102	{
	position:absolute;
	top:345px;
	left:372px;
}
#main #main-step02	{
	position:absolute;
	top:345px;
	left:456px;
}
#main #main-step03	{
	position:absolute;
	top:345px;
	left:533px;
}
#main #main-step04	{
	position:absolute;
	top:345px;
	left:612px;
}
#main #main-steplast	{
	position:absolute;
	top:345px;
	left:692px;
}

#main-text	{
	margin:0 30px;
}

/* Buy
-------------------------------------------------------------------------*/

#buy	{
	margin:0 30px;
	width:800px;
	height:300px;
	position:relative;
}
#buy	#buy-image	{
	position:absolute;
	top:0;
	left:0;
}
#buy	#buy-catch	{
	position:absolute;
	top:0;
	left:200px;
}
#buy	#buy-name	{
	position:absolute;
	top:40px;
	left:200px;
}
#buy	#buy-price	{
	position:absolute;
	top:40px;
	left:505px;
}
#buy	#buy-button	{
	position:absolute;
	top:150px;
	left:505px;
}
#buy	#buy-set	{
	position:absolute;
	top:150px;
	left:0px;
}
#buy	#buy-coupon	{
	position:absolute;
	top:150px;
	left:190px;
}
#buy	#buy-text01	{
	position:absolute;
	top:242px;
	left:10px;
	margin:8px 0 0 0;
	font-size:10px;
	color:#333;
	line-height:1.5em;
}
#buy	#buy-text02	{
	position:absolute;
	top:242px;
	left:400px;
	margin:8px 0 0 0;
	font-size:10px;
	color:#333;
	line-height:1.5em;
}

/* Voice
-------------------------------------------------------------------------*/

#voice	{
	margin:0 30px;
	padding:45px 0 0 0;
	background-image:url(../img/voice_bg.gif);
}
#voice-wrap	{
	margin:0 15px;
	background-image:url(../img/voice_wrap.gif);
	width:770px;
}
#voice01	{
	margin:0 10px 0 0;
	padding:0;
	float:left;
	width:250px;
}
#voice02	{
	margin:0 10px 0 0;
	padding:0;
	float:left;
	width:250px;
}
#voice03	{
	margin:0;
	padding:0;
	float:left;
	width:250px;
}
#voice01 p,#voice02 p,#voice03 p	{
	margin:10px 18px 15px 18px;
	font-size:80%;
	line-height:1.6em;
	color:#646052;
}
#voice-comment	{
	margin:10px 15px;
	color:#333;
	font-size:10px;
	text-align:right;
}

#voice-talent	{
	margin:15px 14px;
	width:772px;
}
#voice-ryoko	{
	margin:0;
	width:283px;
	float:left;
}
#voice-osusume	{
	margin:0;
	width:489px;
	float:left;
}
#voice-osusume p	{
	margin:0 0 0 10px;
	font-size:80%;
	line-height:1.6em;
	color:#646052;
}
#voice-osusume span	{
	font-size:10px;
}
#voice-osusume #voice-button	{
	text-align:right;
}
	
/* Secret
-------------------------------------------------------------------------*/

#secret01	{
	margin:0 30px 3px 30px;
	padding:15px 0 0 0;
	width:800px;
	background-color:#faf4ed;
	background-image:url(../img/secret01_line.gif);
	background-repeat:no-repeat;
}
#secret01-left	{
	margin:0;
	float:left;
	width:296px;
}
#secret01-left p	{
	margin:7px 27px;
	font-size:80%;
	line-height:1.6em;
	color:#646052;
}
#secret01-left p span	{
	font-size:10px;
}

#secret01-right	{
	margin:0;
	padding:12px 0 0 0;
	float:left;
	width:504px;
}
.secret01-honey	{
	margin:0;
	padding:9px 0;
	width:485px;
	background-color:#FFF;
}
.secret01-photo	{
	margin:0;
	padding:0;
	width:126px;
	float:left;
	text-align:right;
}
.secret01-sub	{
	margin:0;
	padding:0;
	width:344px;
	float:left;
}
.secret01-sub p	{
	margin:0 0 0 13px;
	font-size:80%;
	line-height:1.6em;
	color:#646052;
}
#secret01-plus	{
	margin:12px 0;
	clear:both;
	text-align:center;
}

#secret02	{
	margin:0 30px 3px 30px;
	padding:15px 0 0 0;
	width:800px;
	background-color:#fbf2f2;
	background-image:url(../img/secret02_line.gif);
	background-repeat:no-repeat;
}
#secret02-left	{
	margin:0;
	float:left;
	width:296px;
}
#secret02-center	{
	margin:0;
	float:left;
	width:305px;
}
#secret02-center p	{
	margin:7px 0;
	font-size:80%;
	line-height:1.6em;
	color:#646052;
}
#secret02-right	{
	margin:0;
	float:left;
	width:199px;
}

#secret03	{
	margin:0 30px 3px 30px;
	padding:15px 0 0 0;
	width:800px;
	background-color:#f8faed;
	background-image:url(../img/secret03_line.gif);
	background-repeat:no-repeat;
}
#secret03-left	{
	margin:0;
	float:left;
	width:296px;
}
#secret03-left p	{
	margin:7px 27px;
	font-size:80%;
	line-height:1.6em;
	color:#646052;
}

#secret03-right	{
	margin:0;
	padding:0 0 5px 0;
	float:left;
	width:485px;
	background:url(../img/secret03_subbg.gif) bottom;
}
.secret03-honey	{
	margin:0 0 10px 15px;
	padding:0 0 9px 0;
	width:455px;
	background-color:#FFF;
}
.secret03-photo	{
	margin:0;
	padding:0;
	width:95px;
	float:left;
	text-align:right;
}
.secret03-sub	{
	margin:0;
	padding:0;
	width:360px;
	float:left;
}
.secret03-sub p	{
	margin:0;
	padding:0 15px 0 0;
	font-size:80%;
	line-height:1.6em;
	color:#646052;
}
.secret03-sub p span	{
	font-size:10px;
}

.align-center	{
	margin:10px auto;
	text-align:center;
}

/* Step
-------------------------------------------------------------------------*/

.step-h3	{
	margin:8px 30px 0 30px;
}

#step01,#step02,#step03,#step04	{
	margin:0 30px 10px 30px;
	width:800px;
}

#step-wrap01	{
	margin:0;
	float:left;
	width:705px;
}

.step-wrap	{
	margin:0;
	clear:both;
}

.step-arrow	{
	margin:0;
	float:left;
	width:95px;
}

.step-product	{
	margin:0 14px 0 0;
	padding:0 0 15px 0;
	width:230px;
	float:left;
}
.step-photo	{
	margin:0;
	width:58px;
	float:left;
}
.step-name	{
	margin:0;
	padding:0 0 15px 0;
	width:172px;
	float:left;
}

.step-comment	{
	margin:0;
	padding:0 0 15px 0;
	width:461px;
	float:left;
}
.step-text	{
	margin:0 0 10px 0;
	font-size:80%;
	line-height:1.6em;
	color:#646052;	
}

.step-texture	{
	margin:0 5px 0 0;
	float:left;
	width:115px;
}

.step-point	{
	margin:0;
	width:340px;
	float:left;
	background-image:url(../img/step_point.gif);
}
.step-point p	{
	margin:40px 30px 10px 30px;
	font-size:80%;
	line-height:1.6em;
	color:#977236;
}

#step01-soap	{
	margin:0 0 15px 0;
	width:705px;
}
#step01-soap-text	{
	margin:0;
	width:434px;
	float:left;
	background-image:url(../img/step01_soap_bg.jpg);
}
#step01-soap-text p	{
	margin:10px 25px;
	font-size:80%;
	line-height:1.6em;
	color:#b97115;
}
#step01-soap-button	{
	margin:0;
	width:271px;
	float:right;
}

.step-h3-last	{
	margin:8px 30px 30px 30px;
}

/* Buy02
-------------------------------------------------------------------------*/

#buy02	{
	margin:15px 0;
	width:860px;
	height:381px;
	position:relative;
	background-image:url(../img/buy02_bg.gif);
}
#buy02	#buy02-jikkan	{
	position:absolute;
	top:0;
	left:0;
}
#buy02	#buy02-name	{
	position:absolute;
	top:62px;
	left:0;
}
#buy02	#buy02-photo	{
	position:absolute;
	top:118px;
	left:38px;
}
#buy02	#buy02-catch	{
	position:absolute;
	top:107px;
	left:302px;
}
#buy02	#buy02-set	{
	position:absolute;
	top:190px;
	left:302px;
}
#buy02	#buy02-price	{
	position:absolute;
	top:190px;
	left:619px;
}
#buy02	#buy02-button	{
	position:absolute;
	top:279px;
	left:452px;
}
#buy02	#buy02-text	{
	position:absolute;
	top:290px;
	left:40px;
	margin:0;
	font-size:10px;
	color:#333;
	line-height:1.5em;
}

/* Rj
-------------------------------------------------------------------------*/

#rj	{
	margin:0 30px;
	width:800px;
	height:330px;
	position:relative;
	background-image:url(../img/rj_bg.gif);
}
#rj	#rj-title	{
	position:absolute;
	top:0;
	left:0;
}
#rj	#rj-photo	{
	position:absolute;
	top:46px;
	left:22px;
}
#rj	#rj-price	{
	position:absolute;
	top:67px;
	left:268px;
}
#rj	#rj-coupon	{
	position:absolute;
	top:131px;
	left:268px;
}
#rj	#rj-text	{
	position:absolute;
	top:196px;
	left:272px;
	font-size:10px;
	color:#333;
	line-height:1.5em;
	width:230px;
}
#rj	#rj-set	{
	position:absolute;
	top:70px;
	left:518px;
}
#rj	#rj-hukidashi	{
	position:absolute;
	top:236px;
	left:22px;
}
#rj	#rj-button01	{
	position:absolute;
	top:247px;
	left:235px;
}
#rj	#rj-button02	{
	position:absolute;
	top:247px;
	left:514px;
}
#rj	#rj-button03	{
	position:absolute;
	top:207px;
	left:514px;
}
#rj-comment	{
	margin:5px 30px 30px 0;
	color:#333;
	font-size:60%;
	text-align:right;
	clear:both;
}



/* Fotter
-------------------------------------------------------------------------*/

#footer {
	clear:both;
	padding:0;
	text-align:center;
}
#footer ul{
	clear:both;
	padding:12px 0;
	text-align:center;
	border-top:1px solid #ffc3bf;
	border-bottom:1px solid #ffc3bf;
}
#footer ul li{
	display:inline;
	padding:0 24px;
	border-right:1px solid #ffc3bf;
}
#footer ul li.last{
	border-right:none;
}
#footer address{
	padding:9px;
	font-size:80%;
	font-style:normal;
	background-color:#ffc3bf;
	color:#852a24;
}

#footer a:link,
#footer a:hover,
#footer a:visited{
	font-size:80%;
	font-style:normal;
	color:#852a24;
}

#footer a:visited{
	font-style:normal;
	color:#999999;
}