@charset "UTF-8";

/* ***************************
 * *** RESET CSS
	* ***************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }

/* ベーシックエレメント */
br { letter-spacing:0; }/* IE で連続したBRを使用可 */
hr { display:none; }/* 非表示 */
p { text-align:justify; }/* テキストの左右を揃える */
* html body p { text-justify:inter-ideograph; }/* Hack for IE 6 */
th, td { vertical-align:top; word-break:break-all; }/* Hack for IE 6 英文字を単語の途中でも改行する */
.hide { position:absolute; left:-100em; height:1px; width:1px; overflow:hidden; }/* 非表示 */
.png { behavior:expression(IEPNGFIX.fix(this)); }/* Need iepngfix.jp */
.leftalign { float:left; margin-right:10px; }
.rightalign { float:right; margin-left:10px; }
.pagetop { text-align:right; margin-bottom:20px; clear:both;  }
.pagetop a { text-decoration:none; }
a { color:#0033CC; }
a:hover { color:#0099FF; }
.min { font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "ＭＳ Ｐ明朝", "細明朝体"; }

/* ******************************************************
 * *** BODY
	* ******************************************************/
body { background:#E7EAE0 url(../img3/bg.gif) top repeat-x; text-align:center; }
#shadow { width:780px; margin:0 auto; padding:0 20px; background:url(../img3/shadow.gif) top center no-repeat; }
#wrap { width:780px; background-color:#FFF; }

h1 { display:block; height:20px; padding-top:8px; color:#666; text-align:center; font-size:100%; font-weight:normal; }
* html h1 { height:28px; }/* Hack for IE6 */

/* ヘッダー */
#header2 {
	width:100%;
	text-align:left;
	background:url(../img3/bg_header.jpg) 0 0 no-repeat;
}
#header2 h2#catch01 {
	display:block;
	height:30px;
	margin:0 0 0 10px;
	text-indent:-9999px;
}
#header2 #info {
	position:relative;
	width:780px;
	height:470px;
	min-height:470px;
}
#info p.frs {
	position:absolute;
	top:340px;
	left:20px;
	width:190px;
	margin-bottom:10px;
	font-size:110%;
	line-height:1.4em;
}
#info p.frs strong {
	display:block;
	margin-bottom:9px;
	font-size:120%;
}
#info p.postcard {
	position:absolute;
	top:328px;
	left:16px;
	width:200px;
	padding:0;

}
#cartbtn {
	width:780px;
	height:150px;
	min-height:150px;
	margin:0px;
	text-align:left;
	background:url(../img3/bg_cartbtn.gif) 0 0 no-repeat;
	clear:both;
}
#cartbtn h6 {
	height:60px;
	min-height:60px;
	text-indent:-9999px;
}
#cartbtn p.btn {
	width:760px;
	text-align:right;
	padding:28px 0 0 0;

}


#voicebox {
	width:780px;
	height:320px;
	min-height:320px;
	margin:0px;
	text-align:left;
	background:#fff url(../img3/bg_voice.gif) 0 0 no-repeat;
	clear:both;
}
#voicebox ul {
	float:left;
	width:780px;
	list-style-type:none;
}
#voicebox li {
	float:left;
	display:inline;
	padding:0;
}
#voicebox li img {
	border:solid 1px #ccc;
}

#voicebox li.subtt {
	width:300px;
	margin:0;
	font-size:9pt;
	text-align:center;
}
#voicebox li.subtt p {
	height:240px;
	font-size:8pt;
	visibility:hidden;
}
#voicebox li.hleft {
	width:150px;
	margin:0;
	text-align:center;
}
#voicebox li.hcent {
	width:160px;
	margin:0;
	text-align:center;
}
#voicebox li.hright {
	width:150px;
	margin:0;
	text-align:center;
}

#answer {
	width:780px;
	height:350px;
	min-height:350px;
	margin:0px;
	text-align:left;
	background:url(../img3/bg_answer.gif) 0 0 no-repeat;
	clear:both;
}
#frscont {
	position:relative;
	width:780px;
	height:150px;
	min-height:150px;
	margin:0px;
	text-align:left;
	background:url(../img3/bg_frscont.gif) 0 0 no-repeat;
	clear:both;
}
#frscont p.frs {
	position:absolute;
	top:18px;
	left:570px;
	width:190px;
	margin-bottom:10px;
	font-size:130%;
	line-height:1.4em;
}
#frscont p.btn {
	position:absolute;
	top:88px;
	left:610px;
	width:130px;
	padding:0;

}

/* トライアルセット購入 */
.set { clear:both; width:740px; margin:0 auto; padding:11px 20px 0; text-align:left; background:top no-repeat; }
* html .set { width:740px; }/* Hack for IE6 */
#set_info { width:434px; }
#set_top #set_info { float:right; }
	#set_bottom #set_info {}
	.set h2 { display:block; width:434px; height:37px; background:url(../img3/set_name.gif) top left no-repeat; text-indent:-9999px; border-bottom:solid 1px #666; margin-bottom:13px; }

#set_top { background-image:url(../img3/set_top.jpg); }
#set_bottom { background-image:url(../img3/set_bottom.jpg); }
	p.catch { display:block; width:434px; height:10px; background:top right no-repeat; text-indent:-9999px; }
	#set_top .catch { background-image:url(../img3/catch_top.gif); }
	#set_bottom .catch { background-image:url(../img3/catch_bottom.gif); }
	#set_top .itemlist { margin:20px 0 0 46px; font-size:110%; line-height:160%;}

	#set_bottom .itemlist { margin-left:48px; }

	.itemlist span { color:#C33; padding:0 0 0 12px;}
	#set_info .itemlist dd { padding:2px 0 0 0;}
	#set_top #set_info { height:270px; min-height:270px;}
	#set_bottom #set_info { height:255px; min-height:255px;}

dl.set_samples dt { display:block; width:130px; height:44px; margin:10px 0 0 0; background:url(../img3/present.png) no-repeat; text-indent:-9999px; }

div.buy { clear:both; width:740px; height:97px; background:top no-repeat; margin-bottom:10px; }
	#set_top div.buy { background-image:url(../img3/buy_top.jpg); }
	#set_bottom div.buy { background-image:url(../img3/buy_bottom.jpg); }
div.buy strong { display:block; height:34px; text-indent:-9999px; }
div.buy p.try { display:block; width:96px; height:63px; float:left; text-indent:-9999px; }
div.buy h3 { display:block; width:359px; height:63px; float:left; margin-bottom:0; text-indent:-9999px; }
div.buy_btn { float:left; margin:12px 0 0 21px; padding:0; }
div.buy_btn form { display:block; margin:0; padding:0; }
div.buy_btn form p { display:block; }
div.buy_btn form input.btn { display:block; width:139px; height:40px; }
p.annotation { clear:both; margin-bottom:26px; line-height:1.6em;}



#items3subtt {
	width:780px;
	height:110px;
	min-height:110px;
	margin:0 0 20px 0;
	text-align:left;
	background:url(../img3/item_subtt.gif) no-repeat;
	text-indent:-9999px;
}
#items3 {
	width:740px;
	margin:0 auto 5px;
	text-align:center;
}
#items3 p.arrow {
	clear:both;
	background:#ccc url(../img3/arrow.gif);
}
#items3 h2 {
	width:780px;
	height:50px;
	min-height:50px;
	margin:0 0 20px 0;
	text-align:left;
	background:url(../img3/item_subtt.gif) no-repeat;
	text-indent:-9999px;
}
#items3 ol {
	display:block;
	width:740px;
	padding:0;
	text-align:left;
}
#items3 ol li {
	display:block;
	float:left;
	width:365px;
	padding: 0 10px 13px 0;
	overflow:hidden;
}
* html #items3 ol li {/* Hack for IE6 */
	width:365px;
}
#items3 ol li h3 {
	display:block;
	width:250px;
	height:50px;
	margin-bottom:14px;
}
#items3 ol li p {
	font-size:110%;
	color:#444;
	width:250px;
	padding:0 0 0 18px;
	line-height:1.6em;
}
#items3 ol li.itemframe1 { /* クレンジングミルク */
	position:relative;
	width:365px;
	height:280px;
	min-height:280px;
	margin-right:10px;
	padding:0;
	text-align:left;
	background:url(../img3/bg_items1.jpg) no-repeat;
}
#items3 ol li.itemframe1 h5 {
	position:absolute;
	top:155px;
	left:50px;
	padding:0;
}
#items3 ol li.itemframe1 h6 {
	position:absolute;
	top:220px;
	left:140px;
	padding:0;
}
#items3 ol li.itemframe2 { /* モイストソープ */
	position:relative;
	width:365px;
	height:280px;
	min-height:280px;
	padding:0;
	text-align:left;
	background:url(../img3/bg_items2.jpg) no-repeat;
}
#items3 ol li.itemframe2 h5 {
	position:absolute;
	top:155px;
	left:-30px;
	padding:0;
}
#items3 ol li.itemframe2 h6 {
	position:absolute;
	top:220px;
	left:60px;
	padding:0;
}
#items3 ol li.itemframe3 { /* ナチュラルモイストローション */
	position:relative;
	width:365px;
	height:280px;
	min-height:280px;
	margin-right:10px;
	padding:0;
	text-align:left;
	background:url(../img3/bg_items3.jpg) no-repeat;
}
#items3 ol li.itemframe3 h5 {
	position:absolute;
	top:155px;
	left:50px;
	padding:0;
}
#items3 ol li.itemframe3 h6 {
	position:absolute;
	top:220px;
	left:140px;
	padding:0;
}
#items3 ol li.itemframe4 { /* ナチュラルモイストエッセンス */
	position:relative;
	width:365px;
	height:280px;
	min-height:280px;
	padding:0;
	text-align:left;
	background:url(../img3/bg_items4.jpg) no-repeat;
}
#items3 ol li.itemframe4 h5 {
	position:absolute;
	top:155px;
	left:50px;
	padding:0;
}
#items3 ol li.itemframe4 h6 {
	position:absolute;
	top:220px;
	left:140px;
	padding:0;
}
#items3 ol li.itemframe5 { /* ナチュラルモイストクリーム */
	position:relative;
	width:365px;
	height:280px;
	min-height:280px;
	margin-right:10px;
	padding:0;
	text-align:left;
	background:url(../img3/bg_items5.jpg) no-repeat;
}
#items3 ol li.itemframe5 h5 {
	position:absolute;
	top:155px;
	left:50px;
	padding:0;
}
#items3 ol li.itemframe5 h6 {
	position:absolute;
	top:220px;
	left:140px;
	padding:0;
}
#items3 ol li.itemframe6 { /* ナチュラルモイストエマルジョン */
	position:relative;
	width:365px;
	height:280px;
	min-height:280px;
	padding:0;
	text-align:left;
	background:url(../img2/bg_items6.jpg) no-repeat;
}
#items3 ol li.itemframe6 h5 {
	position:absolute;
	top:155px;
	left:10px;
	padding:0;
}
#items3 ol li.itemframe6 h6 {
	position:absolute;
	top:220px;
	left:100px;
	padding:0;
}

#copy02 {
	width:780px;
	height:100px;
	min-height:100px;
	margin:0px;
	text-align:left;
	background:url(../img3/copy02.gif) 0 0 no-repeat;
	clear:both;
}
#cartbtn h2 {
	width:780px;
	text-align:left;
	text-indent:-9999px;
}

#items2 { clear:both; width:740px; margin:0 auto 5px; text-align:center; background:url(../img/items_bg_top.jpg) no-repeat; }
#items2 h2 { display:block; width:524px; height:40px; margin:0 auto; background:url(../img/title_items.png) no-repeat; text-indent:-9999px; overflow:hidden; }
#items2 #items_container { display:block; width:740px; padding:0; text-align:left;background:url(../img/items_bg.jpg) no-repeat; }
#items2 ol.first { display:block; width:718px; padding:0 0 0 22px; text-align:left;}

#items2 #items_container2 { display:block; width:740px; padding:0 0 0 0; text-align:left;background:url(../img/items_bg2.jpg) no-repeat; }
#items2 ol.second { display:block; width:718px; padding:0 0 0 22px; text-align:left;}
* html #items2 ol { width:740px; }/* Hack for IE6 */
#items2 ol li { display:block; float:left; width:220px; margin-right:10px; padding: 0 10px 13px 0; overflow:hidden; }
* html #items2 ol li { width:220px; }/* Hack for IE6 */
#items2 ol li h3 { display:block; width:220px; height:155px; margin-bottom:7px; }
#items2 ol li h6 { display:block; text-align:right; width:215px; height:20px; margin-top:8px; }
#items2 ol li.last { margin-right:0;}
#items2 ol li p { font-size:120%; width:220px; line-height:1.35em; }

#items2 #items_bottom { display:block; width:718px; padding:0 0 10px 22px; text-align:left; background:url(../img/items_space.jpg) bottom no-repeat; overflow:hidden; clear:both; }
#items2 #items_bottom2 { display:block; width:718px; padding:0 0 15px 22px; text-align:left; background:url(../img/items_flow.jpg) bottom no-repeat; overflow:hidden; clear:both; }

p.caption { clear:both; display:block; width:100%; text-align:center; margin-bottom:10px; }


/* 特典 サンプルプレゼント */
#samples { position:relative; width:740px; height:250px; min-height:250px; margin:0 auto 40px; text-align:center; background:url(../img3/samples_bg2.jpg) no-repeat; }
#samples ul { position:absolute; top:240px; left:0; display:block; width:740px; text-align:left; padding-bottom:25px; background:url(../img/samples_flow.jpg) bottom no-repeat; }
#samples ul li p { font-size:100%; line-height:1.4em; padding:0 0 0 50px;}

/* ******************************************************
 * *** FOOTER AREA
	* ******************************************************/
#foot_menu { width:740px; border-top:solid 1px #000000; overflow:hidden; padding:17px 0 40px; margin:0 auto; }
#foot_menu ul {}
#foot_menu li { float:left; border-right:solid 1px #CCCCCC; }
#foot_menu li.last { border-right:none; }
#foot_menu li strong, #foot_menu li a { display:block; padding:0 23px; }
#foot_menu li strong { color:#999999; font-weight:normal; padding-left:15px; }
#foot_menu li.last a { padding-right:0; }

#footer { clear:both; overflow: hidden; width:740px; margin:0 auto; }
#footer:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
/*\*/
* html #footer { height: 1em; overflow: visible; }
/**/

#contact { width:276px; float:left; }
#contact img { display:block; margin-bottom:6px; }
#contact p { font-size:10px; margin-bottom:15px; }

address { float:right; }