/* ---------------------------------------------------------- basic */

*	{
	margin:0;
	padding:0;
}

html		{
	margin: 0;
	padding: 0;
	font-size: small;
	}

body	{
	background:url(images/bg-body.jpg) repeat-x #fff;
	font-family: verdana,sans-serif;
	text-align:left;
}

h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	font-size: small;
	margin: 0;
	padding: 0;
}

a img	{border:0;}

ol , ul	{
	margin-left:30px;
}

dl dt	{
	font-weight:bold;
}
dl dd	{
	margin-bottom:1em;
}

p		{
	padding-bottom:0.7em;
	margin-bottom:0;
}


a:link	{
	color:#223366;
}
a:visited	{
	color:#223366;
}
a:hover	{
	color:#36c;
	text-decoration:none;
}

a.txt:link	{
	color:#223366;
	text-decoration:none;
	border-bottom:1px #36c solid;
}
a.txt:visited	{
	color:#223366;
	text-decoration:none;
	border-bottom:1px #36c solid;
}
a.txt:hover	{
	color:#36c;
	text-decoration:none;
	border-bottom:1px #223366 dashed;
}
h1 a:link	{
	color:#223366;
	text-decoration:none;
}
h1 a:visited	{
	color:#223366;
	text-decoration:none;
}
h1 a:hover	{
	color:#36c;
	text-decoration:none;
}


/* ---------------------------------------------------------- main frame */

#header		{
	width:900px;
	height:150px;
	margin:0 auto;
	padding:0;
}

#header-index		{
	width:900px;
	height:22px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#gmenu	{
	width:100%;
	height:35px;
	text-align:center;
	background:url(images/bg-gmenu.jpg) repeat-x;
}

#gmenu-in	{
	width:900px;
	margin: auto;
}

#gmenu #menu{
	font-size: 16px;
}

#gmenu #menu li{
	position: relative;
	float: left;
	margin: 0;
	list-style: none;
	font-weight: bold;
}

#gmenu #menu li{ white-space: nowrap; }

/*メニューのデザイン*/
#gmenu #menu li a{
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	display: block;
	padding: 11px 17px 8px;
	color: #fff;
	text-decoration: none;
	text-shadow:
	0 0 2px #006,
	0 0 2px #006,
	0 0 0.2px #006;
}

#gmenu #menu li a:hover,
#gmenu #menu li a:active{
	color: #ffc;
	text-shadow:
	0 0 5px #ff0,
	0 0 5px #ff0,
	0 0 0.3px #ff0;
}


/*コンテンツ*/

#contents	{
	width:900px;
	margin:0 auto;
	padding:0;
}

#main	{
    position: relative;
	left:230px;
	width:660px;
	float:left;
	margin-top:15px;
	margin-bottom:20px;
}
#sidebar	{/* 230px */
    position: relative;
	width:200px;
    left: -670px;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
}

#footer		{
	background:url(images/bg-footer.jpg) repeat-x;
}

/* ---------------------------------------------------------- header */
h1		{
	width:460px;
	height:22px;
	padding:0 0 0 10px;
	margin:0;
	float:left;
	line-height:1.7;
}
#header-link	{
	width:420px;
	height:22px;
	margin:0;
	padding:0;
	float:left;
	text-align:right;
}

#logo	{
	width:580px;
	height:128px;
	float:left;
	line-height:1;
}
#logo-t	{
	width:345px;
	height:80px;
	line-height:1.2;
	font-size:1.1em;
	margin-top:40px;
	color:#223360;
	float:left;
}
#header-link2	{
	width:310px;
	height:118px;
	padding-top:10px;
	float:left;
	text-align:right;
}

/* ---------------------------------------------------------- index */
/*  */
#main-index	{
    position: relative;
	left:230px;
	width:660px;
	float:left;
	margin-top:5px;
	margin-bottom:20px;
}


#catch-index	{
    position: relative;
	width:900px;
	height:580px;
	margin:0 auto;
	padding:0;
	background:url(images/bg-catch-index.jpg) no-repeat;
}
#catch-index h2	{
	margin:0;
	padding:0;
}

#catch-index10	{
	width:850px;
	padding-left:30px;
	height:310px;
}
#catch-index11	{
	width:340px;
	float:left;
}
#catch-index12	{
	width:510px;
	text-align:right;
	float:left;
}
h2#index-h2	{
	background:url(images/catch-index12-1.jpg) top right no-repeat;
	width:510px;
	height:140px;
text-indent:-9999em;
}
#index-h2-txt	{
	visibility: hidden;
}
h3#index-h3	{
	background:url(images/catch-index12-2.jpg) top left no-repeat;
	width:510px;
	height:170px;
text-indent:-9999em;
}
#index-h3-txt	{
	visibility: hidden;
}

#catch-index20	{
	width:850px;
	padding-left:30px;
	height:140px;
}

#catch-index30	{
	width:870px;
	padding-left:30px;
	height:130px;
}
#catch-index31	{
	width:535px;
	padding-top:30px;
	padding-right:5px;
	background:url(images/bg-catch-index31.jpg) top left no-repeat;
	float:left;
	font-size:1.1em;
	line-height:1.5;
}
#catch-index32	{
	width:300px;
	float:left;
}
#product-link-index	{
	text-align:center;
	margin:5px 0 20px 0;
}
#comhira-index	{
	width:660px;
	height:340px;
	background:url(images/bg-comhira-index.jpg) bottom right no-repeat;
	margin-top:30px;
}
#comhira-index01	{
	float:left;
	width:200px;
	height:280px;
	vertical-align:bottom;
}
#comhira-index02	{
	float:left;
	width:440px;
	height:260px;
	padding-top:10px;
	line-height:1.4;
	font-size:1.1em;
}

#orderbutton-index	{
	margin-top:10px;
	height:150px;
	text-align:center;
}
#info-index	{
	background:url(images/bg-info-index.jpg) bottom left no-repeat;
	width:660px;
	height:140px;
	margin-top:30px;
}
.info-index01	{
	width:200px;
	padding:0 10px;
	float:left;
}
ul.info-index02	{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.info-index02 li	{
	margin:0 0 0 8px;
	padding:0;
	background:url(images/bg-info-index02-li.gif) center left no-repeat;
}
ul.info-index02 li a:hover	{
	margin:0;
	padding:0 0 0 5px;
}


#info-index-news	{
	width:640px;
	padding-left:10px;
	height:135px;
	margin-top:5px;
	background:url(images/bg-info-index-news.jpg) bottom right no-repeat;
	color:#236;
	font-size:1.1em;
}
#info-index-news ul li	{
	margin-top:5px;
}

/* ---------------------------------------------------------- sidebar contents */

#submenu-frame	{
	width:200px;
	margin-bottom:20px;
	background:url(images/bg-submenu-frame.jpg) top left no-repeat;
}
#submenu-frame ul	{
	background:url(images/bg-submenu.jpg) bottom left no-repeat;
	margin:0;
	padding:20px 10px;
	list-style-type:none;
}
#submenu-frame ul li	{
	background:url(images/bg-submenu-li.gif) top left no-repeat;
	padding-bottom:10px;
	padding-left:20px;
	font-size:1.1em;
}

ul#first-sub	{
	background:url(images/bg-sidebox02.jpg) bottom left no-repeat;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	list-style-type:none;
}
ul#first-sub li	{
	margin:0 0 0 10px;
	padding:0;
	background:url(images/bg-info-index02-li.gif) center left no-repeat;
}

ul#first-sub li a:hover	{
	margin:0;
	padding:0 0 0 5px;
}


.sidebox01	{
	background:url(images/bg-sidebox01.jpg) top left no-repeat;
}
.sidebox02	{
	background:url(images/bg-sidebox02.jpg) bottom left no-repeat;
}
.sidebox-inner	{
	padding:5px 10px 10px 10px;
}
.sidebox-inner input	{
	width:175px;
}


.b-ms	{margin-top:28px;}

/* ---------------------------------------------------------- footer */
/*  */
#footer-inner		{
	width:900px;
	margin:0 auto;
	padding:15px 0 20px 0;
	font-size:0.9em;
}

.footerbox	{
	width:179px;
	float:left;
	border-right:1px #cccccc dashed;
}
.footerbox-b	{
	width:179px;
	float:left;
	text-align:center;
}
.footerbox-b .m5rl	{
	margin:0 5px;
}
.footerbox dl dt	{
	padding:5px 5px 5px 15px;
	margin:0 0 5px 0;
	background:#EBF4FC;
}

ul.footerlink	{
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}
ul.footerlink li	{
	background:url(images/bg-footerlink.gif) top left no-repeat;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
}

#cpl	{
	text-align:center;
	margin-top:50px;
	padding:5px;
}


/* ---------------------------------------------------------- main contents */
/*  */

#product-link	{
	text-align:center;
	margin:20px 0;
}
#product-link img	{
	margin:0 8px;
}

#pagetitle	{
	background:url(images/bg-pagetitle.gif) bottom center no-repeat;
	padding-bottom:10px;
	height:350px;
}
#pagetitle2	{
	background:url(images/bg-pagetitle.gif) bottom center no-repeat;
	padding-bottom:10px;
	height:200px;
}
#pagetitle h2.mainp	{
	width:900px;
	height:300px;
}
#pagetitle2 h2.otherp	{
	width:900px;
	height:150px;
}
/* 各ページh2タイトル */

/* 商品紹介 */
#pagetitle h2#pagetitle-lotion	{
	text-indent:-9999em;
	background:url(images/h2-lotion-g.jpg) bottom center no-repeat;
}
#pagetitle h2#pagetitle-soap	{
	text-indent:-9999em;
	background:url(images/h2-soap-g.jpg) bottom center no-repeat;
}
#pagetitle h2#pagetitle-essence	{
	text-indent:-9999em;
	background:url(images/h2-essence-g.jpg) bottom center no-repeat;
}
#pagetitle h2#pagetitle-powder	{
	text-indent:-9999em;
	background:url(images/h2-powder-g.jpg) bottom center no-repeat;
}
#pagetitle h2#pagetitle-soap-case	{
	text-indent:-9999em;
	background:url(images/h2-soap-case-g.jpg) bottom center no-repeat;
}
#pagetitle h2#pagetitle-product	{
	text-indent:-9999em;
	background:url(images/h2-product-g.jpg) bottom center no-repeat;
}

/* その他 */
#pagetitle2 h2#pagetitle-acne	{
	text-indent:-9999em;
	background:url(images/h2-acne-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-atopy	{
	text-indent:-9999em;
	background:url(images/h2-atopy-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-sensitive	{
	text-indent:-9999em;
	background:url(images/h2-sensitive-g.jpg) bottom center no-repeat;
}

#pagetitle2 h2#pagetitle-keana	{
	text-indent:-9999em;
	background:url(images/h2-keana-g.jpg) bottom center no-repeat;
}

#pagetitle2 h2#pagetitle-company	{
	text-indent:-9999em;
	background:url(images/h2-company-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-effort	{
	text-indent:-9999em;
	background:url(images/h2-effort-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-greeting	{
	text-indent:-9999em;
	background:url(images/h2-greeting-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-guide	{
	text-indent:-9999em;
	background:url(images/h2-guide-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-ikiiki	{
	text-indent:-9999em;
	background:url(images/h2-ikiiki-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-present	{
	text-indent:-9999em;
	background:url(images/h2-present-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-present-kekka	{
	text-indent:-9999em;
	background:url(images/h2-kekka-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-law	{
	text-indent:-9999em;
	background:url(images/h2-law-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-magazine	{
	text-indent:-9999em;
	background:url(images/h2-magazine-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-mail	{
	text-indent:-9999em;
	background:url(images/h2-mail-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-netmile	{
	text-indent:-9999em;
	background:url(images/h2-netmile-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-telfax	{
	text-indent:-9999em;
	background:url(images/h2-telfax-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-order	{
	text-indent:-9999em;
	background:url(images/h2-order-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-order2	{
	text-indent:-9999em;
	background:url(images/h2-order2-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-postmail	{
	text-indent:-9999em;
	background:url(images/h2-postmail-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-privacy	{
	text-indent:-9999em;
	background:url(images/h2-privacy-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-question	{
	text-indent:-9999em;
	background:url(images/h2-question-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-userlink	{
	text-indent:-9999em;
	background:url(images/h2-userlink-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-touroku	{
	text-indent:-9999em;
	background:url(images/h2-touroku-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-user	{
	text-indent:-9999em;
	background:url(images/h2-user-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-soap-made	{
	text-indent:-9999em;
	background:url(images/h2-soap-made-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-paraben	{
	text-indent:-9999em;
	background:url(images/h2-paraben-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-sitemap	{
	text-indent:-9999em;
	background:url(images/h2-sitemap-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-bihada	{
	text-indent:-9999em;
	background:url(images/h2-bihada-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-faq	{
	text-indent:-9999em;
	background:url(images/h2-faq-g.jpg) bottom center no-repeat;
}

#pagetitle2 h2#pagetitle-skincare1	{
	text-indent:-9999em;
	background:url(images/h2-skincare1-g.jpg) bottom center no-repeat;
}

#pagetitle2 h2#pagetitle-freemail	{
	text-indent:-9999em;
	background:url(images/h2-freemail-g.jpg) bottom center no-repeat;
}

#pagetitle2 h2#pagetitle-sample	{
	text-indent:-9999em;
	background:url(images/h2-sample-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-henkin	{
	text-indent:-9999em;
	background:url(images/h2-henkin-g.jpg) bottom center no-repeat;
}


#h2txt	{
	margin-top:10px;
	width:300px;
	height:40px;
	float:left;

}
#topicpath	{
	margin-top:28px;
	width:590px;
	float:left;
	text-align:right;
}
#topicpath2	{
	margin-top:20px;
	width:590px;
	float:left;
	text-align:right;
}

/* ------------ main h3 + 効果ボタン */

#main h3	{
	background:url(images/bg-h3other.jpg) bottom left no-repeat;
	height:51px;
	padding:69px 10px 0 110px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}

#soap-main	{}
#soap-main h3	{
	background:url(images/bg-h3soap.jpg) bottom left no-repeat;
	height:51px;
	padding:50px 10px 0 110px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}
#soap-main h3.first	{
	background:none;
	height:51px;
	padding:9px 10px 0 110px;
	margin-bottom:0;
}
#soap-effect	{
	background:url(images/bg-h3soap.jpg) bottom left no-repeat;
	height:95px;
	padding-top:25px;
	margin-bottom:20px;
}


#lotion-main	{}
#lotion-main h3	{
	background:url(images/bg-h3lotion.jpg) bottom left no-repeat;
	height:51px;
	padding:69px 10px 0 110px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}
#lotion-main h3.first	{
	background:none;
	height:51px;
	padding:9px 10px 0 110px;
	margin-bottom:0;
}
#lotion-effect	{
	background:url(images/bg-h3lotion.jpg) bottom left no-repeat;
	height:95px;
	padding-top:25px;
	margin-bottom:20px;
}


#essence-main	{}
#essence-main h3	{
	background:url(images/bg-h3essence.jpg) bottom left no-repeat;
	height:51px;
	padding:69px 10px 0 80px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}
#essence-main h3.first	{
	background:none;
	height:51px;
	padding:9px 10px 0 80px;
	margin-bottom:0;
}
#essence-effect	{
	background:url(images/bg-h3essence.jpg) bottom left no-repeat;
	height:95px;
	padding-top:25px;
	margin-bottom:20px;
}


#powder-main	{}
#powder-main h3	{
	background:url(images/bg-h3powder.jpg) bottom left no-repeat;
	height:51px;
	padding:69px 10px 0 110px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}
#powder-main h3.first	{
	background:none;
	height:51px;
	padding:9px 10px 0 110px;
	margin-bottom:0;
}
#powder-effect	{
	background:url(images/bg-h3powder.jpg) bottom left no-repeat;
	height:95px;
	padding-top:25px;
	margin-bottom:20px;
}


#soap-case-main	{}
#soap-case-main h3	{
	background:url(images/bg-h3soap-case.jpg) bottom left no-repeat;
	height:51px;
	padding:69px 10px 0 110px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}


#main h4	{
	font-size:1.3em;
	font-weight:bold;
	padding:15px 10px 10px 35px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:10px;
	background:url(images/bg-h4main.jpg) bottom left no-repeat;
}

#main h5.point	{
	padding:0;
	margin: 0 0 0 10px;
	height:80px;
	background:none;
	border-top:none;
	border-bottom:none;
}


#main h5	{
	font-size:1.1em;
	font-weight:bold;
	padding:10px 20px 10px 30px;
	border-top:1px #C9E1F5 solid;
	border-bottom:1px #C9E1F5 solid;
	margin:10px 5px 20px 25px;
	background:#EBF4FC url(images/bg-h5main.gif) bottom left no-repeat;
}
.maintxt	{/*	width:610px;*/
	padding:5px 10px 10px 40px;
	font-size:1.1em;
	line-height:1.6;
}
.gotop	{
	text-align:right;
	padding-right:10px;
	margin-top:20px;
	margin-bottom:30px;
}

#gopostmail	{
	width:600px;
	height:240px;
	margin:20px auto;
}
#gopostmail-p	{
	width:175px;
	height:240px;
	float:left;
}
#gopostmail-t	{
	width:425px;
	height:240px;
	float:left;
}
.underfirstorder	{
	text-align:center;
	margin-top:50px;
}

/* ------------ 商品詳細 */
#productframe	{
	border:1px #cccccc dashed;
	padding:10px 20px;
	margin:30px auto;
	background:#eee;
	width:450px;   
}
#productframe dl	{
}
#productframe dl dt	{
	float:left;   
	width:75px;   
	padding:5px 0 5px 5px;   
	clear:both;   
}
#productframe dl dd	{
	width:350px;   
	margin-left:75px;   
	margin-bottom:0;
	padding:5px 5px 5px 5px;   
}

/* ------------ 異なる点枠 */
#dfrpoint	{/* 枠実質600px 中身実質540px*/
	margin:10px 30px 40px;
	padding:20px 30px;
	width:540px;
	height:430px;
	background:url(images/bg-dfrpoint.jpg) top left no-repeat;
	font-size:15px;
	line-height:1.3;
}

#dfrpoint h4	{
	padding:0;
	width:450px;
	height:40px;
	margin:0 auto 20px;
	background:none;
}

/* ------------ 商品詳細内　声 */
#voice01	{
	background:url(images/bg-voice01.jpg) bottom left no-repeat;
	width:640px;
	margin:0 auto 20px;
}
#voice02	{
	background:url(images/bg-voice02.jpg) top left no-repeat;
	width:640px;
	font-size:1.1em;
	line-height:1.6;
	padding-top:30px;
}
.voice-com01	{
	float:left;
	width:260px;
	padding:30px;
}
.voice-com01 dt	{
	border-top:2px #c36 dashed;
	border-bottom:2px #c36 dashed;
	margin-bottom:15px;
	padding:3px 3px 3px 35px;
}
.voice-com01 dd	{
	padding:3px;
}

/* ------------ 商品詳細内　オーダー */

h4#inorderframe1	{
	padding:0;
	margin-left:0;
	margin-bottom:0;
	background:none;
	text-align:center;
}
h4#inorderframe2	{
	padding:0;
	margin-left:0;
	margin-bottom:0;
	background:none;
	text-align:center;
}

.orderframe	{
	width:640px;
	border:1px #349 solid;
	font-size:1.1em;
	line-height:1.6;
	background:url(images/bg-orderframe.jpg) top left repeat-y;
	margin:20px auto 30px auto;
}
.orderframe01	{
	width:280px;
	padding:20px 10px;
	float:left;
}
.orderframe02	{
	width:320px;
	padding:10px 10px 20px 10px;
	float:left;
}

.orderframe02 dt	{
	border-top:1px #8bf solid;
	border-bottom:1px #8bf solid;
	font-size:1.2em;
	color:#223360;
	padding:5px 10px;
}
.orderframe02 dd	{
	padding:5px 10px;
}

.orderframe_s {
	width:650px;
	border:1px #349 solid;
	font-size:1.1em;
	line-height:1.6;
	margin:20px auto 30px auto;
}
.orderframe_s01	{
	width:120px;
	padding: 10px 10px 0 10px;
	float:left;
	background: #fff;
	text-align: center;
}
.orderframe_s02	{
	width:490px;
	padding: 5px 10px 0 10px;
	float:left;
	background: #EBF4FD;
}

.orderframe_s02 dt	{
	border-bottom:1px #8bf solid;
	font-size: 16px;
	color:#223360;
	padding: 5px 0;
}
.orderframe_s02 dd	{
	padding: 5px 0;
	margin-bottom: 5px;
}


.txts	{
	font-size:0.8em;
	padding:3px;
	color:#666;
	background:#fff;
}

.orderframe_btn {
	width: 240px;
	float: left;
}
.orderframe_haiso {
	width: 230px;
	float: right;
	text-align: right;
	margin-right: 10px;
	padding-top: 10px;
}



/* ------------ 他の商品リンク */

.otherproduct	{
	width:620px;
	margin:20px auto;
	border-top:3px #ccc double;
	background:url(images/bg-otherproduct.jpg) top left no-repeat;
	padding:8px 10px 10px 10px;
}
.otherproduct dt	{
	margin-left:20px;
	color:#223360;
}
.otherproduct dd	{
}

.otherproduct01	{
	float:left;
	width:134px;
	padding:20px 10px 10px 10px;
	text-align:center;
}
/* ------------ 商品詳細内 購入ガイド */
.orderguideframe	{
	width:630px;
	border:3px #ccc double;
	background:url(images/bg-orderguideframe.jpg) top left repeat-y;
	margin:20px auto 30px auto;
	padding:8px 5px 0 5px;
}
.orderguideframe dt	{
	margin-left:25px;
	color:#223360;
}
.orderguideframe dd	{
}

.orderguideframe01	{
	float:left;
	width:190px;
	padding:10px 10px 0 10px;
}
.orderguideframe01 dt	{
	margin:20px 0 0 0;
	padding:5px;
	border-bottom:1px #ccc dashed;
	color:#223360;
}
.orderguideframe01 dd	{
	padding:5px;
	margin-bottom:0;
}

/* ------------ 洗顔方法 */

#soap-main h3.wash	{
	background:url(images/bg-h3soap2.jpg) bottom left no-repeat;
	height:51px;
	padding:69px 10px 0 110px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}
#soap-main h4.wash	{
	font-size:1.3em;
	font-weight:bold;
	padding:0;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:0;
	background:none;
}

#wash-pre	{/*	width:625px;*/
	margin:0 0 30px 30px;
	padding:11px 12px 11px 13px;
	font-size:1.1em;
	line-height:1.6;
	width:600px;
	height:308px;
	background:url(images/bg-wash-pre.jpg) top left no-repeat;
}
.wash-txt01	{
	float:left;
	width:200px;
}



#washflow{
	margin:0 0 0 20px;
	width:630px;
}

#washflow .wf01 {
  	background:url(images/sg/washflow_01.jpg) top left no-repeat;
	height:288px;
}
.wf01 .txt-wf {
	padding:60px 10px 0 320px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf02 {
  	background:url(images/sg/washflow_02.jpg) top left no-repeat;
	height:178px;
}
.wf02 .txt-wf {
	padding:60px 10px 0 350px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf03 {
  	background:url(images/sg/washflow_03.jpg) top left no-repeat;
	height:273px;
}
.wf03 .txt-wf {
	padding:100px 10px 0 340px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf04 {
  	background:url(images/sg/washflow_04.jpg) top left no-repeat;
	height:299px;
}
.wf04 .txt-wf {
	padding:140px 10px 0 130px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf05 {
  	background:url(images/sg/washflow_05.jpg) top left no-repeat;
	height:282px;
}
.wf05 .txt-wf {
	padding:120px 10px 0 320px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf06 {
  	background:url(images/sg/washflow_06.jpg) top left no-repeat;
	height:303px;
}
.wf06 .txt-wf {
	padding:140px 10px 0 70px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf07 {
  	background:url(images/sg/washflow_07.jpg) top left no-repeat;
	height:287px;
}
.wf07 .txt-wf {
	padding:120px 10px 0 320px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf08 {
  	background:url(images/sg/washflow_08.jpg) top left no-repeat;
	height:314px;
}
.wf08 .txt-wf {
	padding:140px 10px 0 70px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf09 {
  	background:url(images/sg/washflow_09.jpg) top left no-repeat;
	height:270px;
}
.wf09 .txt-wf {
	padding:120px 10px 0 320px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf10 {
  	background:url(images/sg/washflow_10.jpg) top left no-repeat;
	height:295px;
}
.wf10 .txt-wf {
	padding:140px 10px 0 120px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf11 {
  	background:url(images/sg/washflow_11.jpg) top left no-repeat;
	height:266px;
}
.wf11 .txt-wf {
	padding:120px 10px 0 310px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf12 {
  	background:url(images/sg/washflow_12.jpg) top left no-repeat;
	height:358px;
}
.wf12 .txt-wf {
	padding:160px 10px 0 80px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf13 {
  	background:url(images/sg/washflow_13.jpg) top left no-repeat;
	height:176px;
}
.wf13 .txt-wf {
	padding:50px 10px 0 290px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf14 {
  	background:url(images/sg/washflow_14.jpg) top left no-repeat;
	height:296px;
}
.wf14 .txt-wf {
	padding:120px 10px 0 300px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf15 {
  	background:url(images/sg/washflow_15.jpg) top left no-repeat;
	height:306px;
}
.wf15 .txt-wf {
	padding:120px 10px 0 180px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf16 {
  	background:url(images/sg/washflow_16.jpg) top left no-repeat;
	height:355px;
}
.wf16 .txt-wf {
	padding:140px 10px 0 320px;
	font-size:15px;
	line-height:20px;
}
#washflow .wf17 {
  	background:url(images/sg/washflow_17.jpg) top left no-repeat;
	height:414px;
}
.wf17 .txt-wf {
	padding:140px 10px 0 90px;
	font-size:15px;
	line-height:20px;
}


/* ------------ 洗髪方法 */

#shampooflow{
	margin:0 0 0 20px;
	width:630px;
}

#shampooflow .sf01 {
  	background:url(images/sh/shampooflow01.jpg) top left no-repeat;
	height:284px;
}
.sf01 .txt-sf {
	padding:120px 10px 0 270px;
	font-size:15px;
	line-height:20px;
}
#shampooflow .sf02 {
  	background:url(images/sh/shampooflow02.jpg) top left no-repeat;
	height:328px;
}
.sf02 .txt-sf {
	padding:200px 10px 0 30px;
	font-size:15px;
	line-height:20px;
}
#shampooflow .sf03 {
  	background:url(images/sh/shampooflow03.jpg) top left no-repeat;
	height:339px;
}
.sf03 .txt-sf {
	padding:100px 10px 0 340px;
	font-size:15px;
	line-height:20px;
}
#shampooflow .sf04 {
  	background:url(images/sh/shampooflow04.jpg) top left no-repeat;
	height:354px;
}
.sf04 .txt-sf {
	padding:140px 10px 0 30px;
	font-size:15px;
	line-height:20px;
}
#shampooflow .sf05 {
  	background:url(images/sh/shampooflow05.jpg) top left no-repeat;
	height:373px;
}
.sf05 .txt-sf {
	padding:120px 10px 0 300px;
	font-size:15px;
	line-height:20px;
}
#shampooflow .sf06 {
  	background:url(images/sh/shampooflow06.jpg) top left no-repeat;
	height:322px;
}
.sf06 .txt-sf {
	padding:140px 10px 0 70px;
	font-size:15px;
	line-height:20px;
}

.washflow2	{
/*	background:url(images/bg-washflow.jpg) top right no-repeat;*/
	padding:0 5px 0 40px;
	width:610px;
	font-size:1.1em;
	line-height:1.6;
}


/* ------------ ニキビ肌のケア */


.washcolumn00	{
	background:url(images/bg-washcolumn00.jpg) bottom left repeat-y;
	width:620px;
	margin:20px auto;
	font-size:1.1em;
	line-height:1.6;
}
.washcolumn01	{
	background:url(images/bg-washcolumn01.jpg) top left no-repeat;
	width:530px;
	height:30px;
	padding:100px 40px 0 50px;
	margin:0;
	text-align:center;
}
.washcolumn02	{
	background:url(images/bg-washcolumn02.jpg) bottom left no-repeat;
	width:530px;
	padding:20px 40px 30px 50px;
	margin:0;
	font-size:1.0em;
}

.acneleft	{
	width:300px;
	float:left;
	text-align:left;
	padding-right:5px;
	margin:0;
	}

.acneleft p,.acneright p,.w600 p	{
	padding-left:10px;
	}
	
.acneright	{
	width:300px;
	float:left;
	text-align:left;
	margin:0;
	}

.fem08	{
	font-size:0.9em;
	}


.fem11	{
	font-size:1.1em;
	}

.w600	{
	widht:600px;
	padding-right:5px;
	}


/* 便乗　アトピー */

ul.ato	{
	padding-bottom:20px;
	margin-left:10px;
}
ul.ato li	{
	margin-top:10px;
	margin-bottom:10px;
}
.fltrato	{
	float:right;
	padding-right:15px;
}

.kakushitu	{
	background-image:url(images/bg-kakushitu.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	}


/* ------------ サイトマップ */

table.sitemap   {
	width:100%;
	padding:0;
	border-collapse: collapse;
}
table.sitemap td{
	text-align:left;
	vertical-align:top;
	border: 1px solid #ccc;
}
table.sitemap th{
	text-align:center;
	border: 1px solid #ccc;
	background: #dedede;
}

p.sitemap  	{
	background:url(images/i-arrow01.jpg) bottom left no-repeat;
	padding:3px 0 4px 25px;
	margin-bottom:5px;
}

table.sitemap-in   {
	width:100%;
	padding:0;
	border-collapse: collapse;
}
table.sitemap-in td{
	text-align:left;
	vertical-align:top;
	padding-left:20px;
	border: none;
}
table.sitemap-in th{
	text-align:left;
	vertical-align:top;
	line-height:120%;
	border: none;
	background: #DAEAF7;
	border: 1px solid #C2DCF3;
}



	
dl.sitemap	{
	margin:0;
}
dl.sitemap dt	{
	background:url(images/i-arrow01.jpg) bottom left no-repeat;
	padding:3px 0 4px 25px;
	margin:0;
}
dl.sitemap dd	{
	margin:0;
	color:#666;
}

/* ------------ 天然鉱泉水とは */

.voice03	{
	background:url(images/bg-voice03.jpg) bottom left no-repeat;
	width:610px;
	margin-left:40px;
}
.voice04	{
	background:url(images/bg-voice04.jpg) top left no-repeat;
	width:610px;
}
.voice-com02	{
	font-size:1.1em;
	line-height:1.6;
	padding:30px 30px 20px 55px;
}
/* ------------ FAQ */

dl.qa	{
}
dl.qa dt	{
	background:url(images/bg-qadt.jpg) top left no-repeat;
	padding:5px 5px 7px 65px;
	margin-bottom:5px;
	line-height:1.3;
/*	min-height:40px; */
}
dl.qa dd	{
	background:url(images/bg-qadd.jpg) top left no-repeat;
	padding:5px 5px 30px 65px;
	margin-bottom:30px;
	border-bottom:2px #AAC6FF dotted;
}
dl.qa dt.lineone	{/* 質問が一行の場合 */
	height:40px; 
}

/* ------------ ソープができるまで */
#step1	{
	background:url(images/bg-st1.jpg) top left no-repeat;
}
#step2	{
	background:url(images/bg-st2.jpg) top left no-repeat;
}
#step3	{
	background:url(images/bg-st3.jpg) top left no-repeat;
}
#step4	{
	background:url(images/bg-st4.jpg) top left no-repeat;
}
#step5	{
	background:url(images/bg-st5.jpg) top left no-repeat;
}
#step6	{
	background:url(images/bg-st6.jpg) top left no-repeat;
}
#step7	{
	background:url(images/bg-st7.jpg) top left no-repeat;
}
#step8	{
	background:url(images/bg-st8.jpg) top left no-repeat;
}
dl.step	{
	padding-left:50px;
	margin-bottom:0;
}

dl.step dt	{
	background:#E9F1F9;
	padding:10px 5px 10px 10px ;
}
dl.step  dd	{
	padding:5px 5px 5px 10px;
	margin-bottom:0;
}

#steplast	{
	background:url(images/bg-stlast.jpg) bottom right no-repeat;
	padding:35px 25px 15px 25px;
	margin-top:30px;
	margin-bottom:30px;
}

/* ------------ パウダーチェック */
#powder03frame	{
	width:632px;
	margin:0 auto;
	padding:10px;
	border:3px #9ECAED double;
}

/* ------------ パラベン事情 */
blockquote	{
	margin:10px;
	padding:15px 10px 7px 20px;
	border-left:7px #cccccc solid;
	border-top:1px #cccccc solid;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
}
/* ------------ あとぴー等 */
dl.spdd dd	{
	margin:10px;
}
dl#dlatopy dt	{
	background:url(images/bg-dtatopy.jpg) top left no-repeat;
	padding:13px 10px 7px 50px;
	height:30px;
}
dl#dlacne dt	{
	background:url(images/bg-dlacne.jpg) top left no-repeat;
	padding:13px 10px 7px 50px;
	height:30px;
}
dl#dlsensitive dt	{
	background:url(images/bg-dlsensitive.jpg) top left no-repeat;
	padding:13px 10px 7px 50px;
	height:30px;
}

/* ------------ ご挨拶 */
#columnframe	{
	background:url(images/bg-columnframe.jpg) top left no-repeat;
	padding:40px 20px 20px 70px;
	width:240px;
	height:90px;
	margin:10px 0 10px 270px;
}

/* ------------ お肌が蘇る薬用ＹＨエッセンスの3日間連続パック法 */
/* #main width:660px maintxt 610px */

#txt3daystop	{
	background:url(images/3days/bg-3daystoptxt.jpg) top left no-repeat;
	padding:20px 50px;
	width:560px;
	height:140px;
	font-size:1.1em;
	line-height:1.6;
	margin-bottom:25px;
}
#dl3days1	{
	width:600px;
	margin:0 auto;
}
#dl3days1 dt	{
	font-size:1.3em;
	font-weight:bold;
	padding:15px 10px 10px 35px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:10px;
	background:url(images/bg-h4main.jpg) bottom left no-repeat;
}

#dd3days0	{
	background:url(images/3days/bg-dd0.jpg) top right no-repeat;
	font-size:1.2em;
	line-height:2;
	padding:20px 50px;
	width:500px;
	height:180px;
	font-weight:bold;
}
#dd3days1	{
	background:url(images/3days/bg-dd1.jpg) top right no-repeat;
	font-size:1.1em;
	line-height:1.8;
	padding:70px 50px 20px;
	width:500px;
	height:140px;
	margin-bottom:20px;
}
#dd3days2	{
	background:url(images/3days/bg-dd2.jpg) top right no-repeat;
	font-size:1.1em;
	line-height:1.8;
	padding:70px 50px 20px;
	width:500px;
	height:140px;
	margin-bottom:20px;
}
#dd3days3	{
	background:url(images/3days/bg-dd3.jpg) top right no-repeat;
	font-size:1.1em;
	line-height:1.8;
	padding:70px 50px 20px;
	width:500px;
	height:140px;
	margin-bottom:20px;
}
#dd3days4	{
	background:url(images/3days/bg-dd4.jpg) top right no-repeat;
	font-size:1.1em;
	line-height:1.8;
	padding:70px 50px 20px;
	width:500px;
}
.caution	{
	line-height:1.8;
	padding-top:20px;
}

#endtxt3days	{
	background:url(images/3days/bg-endtxt3days.jpg) left top no-repeat;
	margin-bottom:20px;
}
#endtxt3days2	{
	background:url(images/3days/bg-endtxt3days2.jpg) left bottom no-repeat;
	font-size:1.1em;
	line-height:1.8;
	padding:70px 50px 30px;
}

/* ------------ サンプルや詰め替え用をご要望の方へ */
/* #main width:660px maintxt 610px */

.splbox	{
	float:left;
	width:170px;
	height:190px;
	padding:50px 20px 15px;
	line-height:1.4;
	font-size:1.1em;
	margin-bottom:30px;
}
#splbox1	{
	background:url(images/sample/bg-splbox1.jpg) top center no-repeat;
}
#splbox2	{
	background:url(images/sample/bg-splbox2.jpg) top center no-repeat;
}
#splbox3	{
	background:url(images/sample/bg-splbox3.jpg) top center no-repeat;
}

#spl1	{
	background:url(images/sample/bg-spl1.jpg) top left no-repeat;
	padding:15px 10px 20px 50px;
	border-top:3px #9cf double;
}
#spl2	{
	background:url(images/sample/bg-spl2.jpg) top left no-repeat;
	padding:15px 10px 20px 50px;
	border-top:3px #9cf double;
}
#spl3	{
	background:url(images/sample/bg-spl3.jpg) top left no-repeat;
	padding:15px 10px 20px 50px;
	border-top:3px #9cf double;
}


/* ------------ table */

table	{
	border-collapse: collapse;
	border-top:1px #cde solid;
	margin-bottom:20px;
}
table td	{
	border-bottom:1px #cde solid;
	padding:5px 10px;
}
table th	{
	border-bottom:1px #cde solid;
	padding:5px 10px;
	text-align:left;
}

table.base01	{
	width:100%;
}
table.base02	{
	width:500px;
}
table.base03	{
	width:400px;
}
table.base04	{
	width:300px;
}

table.form	{
	border-collapse: collapse;
	border-top:1px #cde dashed;
	margin-bottom:20px;
	width:500px;
	}

table.form td	{
	border-bottom:1px #cde dashed;
	border-left:1px #cde dashed;
	padding:5px 10px;
}
table.form th	{
	border-bottom:1px #cde dashed;
	padding:5px 10px;
	text-align:left;
}




.nw	{
	white-space: nowrap;
}
.bgin	{
	background:url(images/bg-submenu-li.gif) center left no-repeat;
	padding-left:20px;
}
.bgin2	{
	background:url(images/i-arrow03.gif) center left no-repeat;
	padding-left:20px;
}


/* ---------------------------------------------------------- MT */
#mainmt	{
    position: relative;
	left:230px;
	width:660px;
	float:left;
	margin-top:15px;
	margin-bottom:20px;
}
#mainmt h3	{
	background:url(images/bg-h3other.jpg) bottom left no-repeat;
	height:51px;
	padding:69px 10px 0 110px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}

.maintxtmt	{/*	width:610px;*/
	padding:5px 10px 15px 40px;
	font-size:1.1em;
	line-height:1.6;
}

#pagetitle2 h2#pagetitle-point	{
	text-indent:-9999em;
	background:url(images/h2-point-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-recipe	{
	text-indent:-9999em;
	background:url(images/h2-recipe-g.jpg) bottom center no-repeat;
}
#pagetitle2 h2#pagetitle-skincare	{
	text-indent:-9999em;
	background:url(images/h2-skincare-g.jpg) bottom center no-repeat;
}

.maintxtmt h4	{
	font-size:1.3em;
	font-weight:bold;
	padding:10px 10px 0px 35px;
	margin-top:10px;
	margin-bottom:20px;
	background:url(images/bg-h4main.jpg) bottom left no-repeat;

}
.maintxtmt h5	{
	font-size:1.1em;
	font-weight:bold;
	padding:10px 10px 10px 20px;
	border-top:1px #C9E1F5 solid;
	margin:20px 5px 10px 0;
	background:#EBF4FC;
}

.maintxtmt p	{
	margin-left:20px;
	margin-right:20px;
}
.maintxtmt hr	{
  border-top: 1px #999 solid;
  border-right: none;
	border-left: none;
	border-bottom: none;
  height: 1px;
  background-color: #fff;
	margin:5px 0 0 0;
	padding:0;
}

.info-indexmt	{
	background:url(images/bg-info-indexmt.jpg) bottom left no-repeat;
	padding-bottom:15px;
}


.mtfltr	{
	float:right;
	padding-left:10px;
	padding-bottom:5px;
}
.mtfltl	{
	float:left;
	padding-right:10px;
	padding-bottom:5px;
}

/* ---------------------------------------------------------- common */



.clr	{
	content: "";
	clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.att01	{
	font-weight:bold;
	color:#DC143C;
	margin-left:30px;
}
.att02	{
	font-weight:bold;
	color:#36c;
}
.att03	{
	font-weight:bold;
	background-color:#FE9902;
	color:#FFFFFF;
	font-size:1.1em;
}

.price	{
	font-weight:bold;
	font-size:1.1em;
	color:#000066;
	}

.order-text	{
	font-size:0.8em;
	color:#DC143C;
	}

dl.dlstyle01	{
}
dl.dlstyle01 dt	{
	padding:5px;
	border-bottom:2px #9ECAED dashed;
}
dl.dlstyle01 dd	{
	padding:5px;
}
dl.dlstyle02	{/* ネーミングの由来　で使ってます */
}
dl.dlstyle02 dt	{
	padding:5px 15px;
	background:#FFE1EA;
	border-bottom:2px #f69 solid;
}
dl.dlstyle02 dd	{
	padding:5px 15px;
}
dl.dlstyle03	{
}
dl.dlstyle03 dt	{/* 初回注文フォーム「セット内容」で使ってます */
	padding:4px 20px;
	background:url(images/bg-dlstyle03dt.gif) top left no-repeat;
}
dl.dlstyle03 dd	{
	padding:5px 20px;
}


dl.dlstyle04	{
}
dl.dlstyle04 dt	{/* ブログ　温める生活 */
	padding:5px;
	border-bottom:2px #FF9900 dashed;
}
dl.dlstyle04 dd	{
	padding:5px;
}

dl.dlstyle05	{
}
dl.dlstyle05 dt	{
	padding:5px 15px;
	background:#D0E6F7;
	border-bottom:2px #61ACE4 solid;
}
dl.dlstyle05 dd	{
	padding:5px 15px;
}



.ct	{text-align:center;}
.rt	{text-align:right;}

.xs	{font-size:0.8em;	}

.mt5	{
	margin-top:5px;
}

.mt10	{
	margin-top:10px;
}
.mt20	{
	margin-top:20px;
}
.mt30	{
	margin-top:30px;
}
.mt50	{
	margin-top:50px;
}
.mt60	{
	margin-top:60px;
}
.mt70	{
	margin-top:70px;
}
.mb5	{
	margin-bottom:5px;
}
.mb10	{
	margin-bottom:10px;
}
.mb15	{
	margin-bottom:15px;
}
.mb20	{
	margin-bottom:20px;
}
.mb30	{
	margin-bottom:30px;
}
.ml10	{
	margin-left:10px;
}
.ml15	{
	margin-left:15px;
}
.mr20	{
	margin-right:20px;
}

.ml20	{
	margin-left:20px;
}
.mlt20	{
	margin-left:20px;
	margin-top:20px;
}
.ml30	{
	margin-left:30px;
}
.ml50	{
	margin-left:50px;
}
.ml70	{
	margin-left:70px;
}

.ml100	{
	margin-left:100px;
}

.pl5	{
	padding-left:5px;
}
.pl10	{
	padding-left:10px;
}
.pl15	{
	padding-left:15px;
}


.fltr	{
	float:right;
	padding-left:10px;
	padding-bottom:20px;
}
.fltl	{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

.frame01	{
	padding:10px 20px;
	border:3px #9ECAED double;
}
.frame02	{
	padding:10px 20px;
	border:3px #9ECAED double;
	width:300px;
	margin:0 auto 10px;
}
.frame03	{
	padding:10px 20px;
	border:3px #9ECAED double;
	width:400px;
	margin:0 auto 10px;
}
.frame04	{
	padding:10px 20px;
	border-top:2px #cde solid;
	border-bottom:2px #cde solid;
	width:400px;
	margin:20px auto;
}
/* ネーミングの由来 */
.frame05	{
	padding:10px 10px 0 10px;
	border:1px #236 solid;
	width:578px;
	margin:20px auto;
	line-height:1.6;
}
.frame06	{
	padding:10px 20px;
	border:3px #E8A6BE double;
}

.frame07	{
	padding:10px 20px;
	border:3px #B82537 double;
	width:400px;
	margin:0 auto 10px;
}


hr.line01	{
    border-top: 1px #999 solid;
    border-right: none;
	border-left: none;
	border-bottom: none;
    height: 1px;
    background-color: #fff;
	margin:20px 0;
	padding:0;
}

hr.line02	{
    border-top: 1px #ccc dashed;
    border-right: none;
	border-left: none;
	border-bottom: none;
    height: 1px;
    background-color: #fff;
	margin:20px 0;
	padding:0;
}
hr.line03	{
    border-top: 2px #AAC6FF dotted;
    border-right: none;
	border-left: none;
	border-bottom: none;
    height: 2px;
    background-color: #fff;
	margin:20px 0;
	padding:0;
}

/* 商品用途部分 */

dl.youto dt	{
	font-weight:bold;
}
dl.youto dd	{
	margin-bottom:0;
}


/* リンク */
ul.link	{
	margin:0;
	padding:20px 10px;
	list-style-type:none;
}
ul.link li	{
	background:url(images/bg-submenu-li.gif) top left no-repeat;
	padding-bottom:10px;
	padding-left:20px;
	font-size:1.1em;
}


/* 印刷改ページ設定 */

.break	{
	page-break-before:always;
	}

/* 印刷設定 */

@media print{
#header{display:none;} 
#gmenu{display:none;} 
#product-link{display:none;} 
#pagetitle{display:none;} 
#pagetitle2{display:none;} 
#sidebar{display:none;} 
#footer{display:none;} 
.orderframe{display:none;}
.otherproduct{display:none;}
#gopostmail{display:none;}
.orderguideframe{display:none;}
.underfirstorder{display:none;}
#main{position: relative;left:0px;width:100%; float:none;}
} 



/* オーダーページリニューアル */
#order0508 .order_left{width:330px; float:left;}
#order0508 .order_right{width:330px; float:left; color:#263363;}
#order0508 .order_right h2{font-size:20px; margin-bottom:8px;}
#order0508 .order_right .price{font-size:14px; font-weight:normal; margin-bottom:20px;}
#order0508 .order_right .price em{font-size:18px; font-weight:bold; margin-right:0.5em; font-style:normal;}
#order0508 .order_right .ttl{background:url(./img/order/obi_bk.jpg) top left repeat-x; margin-bottom:0; padding-bottom:0;}
#order0508 .order_right .set{border:1px solid #C1DDF3; padding:8px; margin-bottom:20px}
#order0508 .order_right .set{line-height:1.9em; font-size:14px;}
#order0508 .order_right .set span{color:#D8515A;  font-weight:bold;}
#order0508 label{background:url(./img/order/btn_cart.jpg) top left no-repeat; margin-bottom:0; padding-bottom:0;
width:180px; height:34px; padding:14px 0 0 17px; display:block;cursor:pointer;}

#order0508 .bset{width:637px; border:1px solid #CCC; padding:8px; margin-bottom:20px}
#order0508 .bset .order_left{width:190px; float:left;}
#order0508 .bset .order_right{width:447px; float:left; color:#263363;}
#order0508 .goukei{ font-size:18px; text-align:center; color:#263463; margin-bottom:20px; background-color:#E3F0F8; padding:10px 0;}
#order0508 .gokei_area{height:30px;font-size:18px; text-align:center;}
#order0508 .pink{ color:#B92235;}
#order0508 table.base02{ width:90%; margin: 20px auto;}
#order0508 table.base03{ width:90%; margin: 20px auto;}
#order0508 .bgin {
    background: url("./img/order/icon.jpg") no-repeat scroll 10px center transparent;
    padding-left: 25px;
	font-weight: normal;
}
#order0508 table{border-top:none;}
#order0508 table td,#order0508 table th{border-bottom:1px dotted #CCC;}

#order0508 table.base02 input { border: 1px solid #ccc; background: #fff; height: 20px; }
#order0508 #post1 { width: 95px; margin-right: 10px; }
#order0508 #post2 { width: 95px; margin-left: 10px; }

.order_send { width: 655px; height: 90px; background: #E3F0F8; text-align: center; padding: 10px auto; }


.ml10{margin-left:180px;}
.ml20{margin-left:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mr0{margin-right:0;}

/* フロート回り込み解除
----------------------------------------------- */
br.clear {clear: both;display: none;font-size: 0px;line-height: 0%;height: 0px}
.clearfix { width:100%; }
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;
}




/* アトピー性皮膚炎のケア
------------------------------------------------- */

#box_atopic ul {
	width: 600px;
	margin: 0 auto 30px auto;
	list-style: none;
}
#box_atopic li {
	border-bottom: 1px dotted #6A98FA;
	height: 33px;
	padding: 15px 0 10px 37px;
	font-size: 18px;
}
#box_atopic li a { color: #2A3F76; text-decoration: underline; }
#box_atopic li a:hover { color: #999; }
li.no1 { background: url(images/atopy/navicon_01.jpg) no-repeat 0 center; }
li.no2 { background: url(images/atopy/navicon_02.jpg) no-repeat 0 center; }
li.no3 { background: url(images/atopy/navicon_03.jpg) no-repeat 0 center; }
li.no4 { background: url(images/atopy/navicon_04.jpg) no-repeat 0 center; }
.atopic_aset {
	width: 655px;
	height: 150px;
	margin-bottom: 30px;
	position: relative;
}
.atopic_aset .cate_button {
	width: 206px;
	height: 49px;
	position: absolute;
	bottom: 8px;
	right: 7px;
}
.atopic_fl { border-bottom: 1px dotted #6A98FA; padding: 10px 0; }
.atopic_l { float: left; width: 304px; }
.atopic_r { float: right; width: 351px; }
.atopic_qa { overflow: auto; width: 633px; height: 368px; border: 1px solid #999; margin: 10px 0 30px 0; padding: 10px; }
.atopic_qa dl { border-bottom: 1px dotted #ccc; padding: 10px 0 20px 0; }
.atopic_qa dt { background: url(images/atopy/qa_q.jpg) no-repeat 0 0; padding: 0 0 15px 65px; color: #526289; font-size: 16px; font-weight: bold; }
.atopic_qa dd { background: url(images/atopy/qa_a.jpg) no-repeat 0 0; padding-left: 65px; }
.atopic_qa a { color: #C76E76; font-weight: bold; text-decoration: underline; }
.atopic_voice { overflow: auto; width: 643px; height: 378px; border: 1px solid #999; margin: 10px 0 30px 0; padding: 5px; }
.atopic_voice p { margin-bottom: 15px; padding: 0 0 10px 5px; }

#main .under_h3 {
	background: url(images/atopy/under_h3_bg.jpg) no-repeat 0 0;
	width: 630px;
	height: 26px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 4px 0 0 25px;
}
#box_atopic .under_h2 {
	background: url(images/atopy/atopy_title.jpg) no-repeat 0 0;
	width: 545px;
	height: 70px;
	color: #000;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 50px 0 0 120px;
}
#main .h4_blue {
	background: #C3D4E9;
	width: 645px;
	height: 26px;
	color: #233462;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 4px 0 0 10px;
}
#main .blue { color: #3366CC; font-weight: bold; }
#main .h4_red {
	background: #C76E76;
	width: 612px;
	height: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 10px;
}
#main .b_line { border-bottom: 1px dotted #ccc; }

/* ------------ お客様の声 */
#voice_area {
	width:650px;
	height:374px;
	overflow:auto;
	border:1px solid #CCCCCC;
	background-color:#EBF4FD;
}

#voice_area img {
	margin:auto;
	width:580px;
	display:block;
	margin:20px auto 20px;
}

.voice_p {
	height:20px;
	width:591px;
	/*margin:10px auto 15px;
	background:url(images/voice_p_line.jpg) no-repeat bottom;
	font-size:15px;
	font-weight:bold;
	color:#1F335F;*/
}

.to_voice {
	background:url(images/btn_right.jpg) no-repeat;
}
.link_text {
	margin-left:25px;
}

.rt_voicearea	{
	text-align:right;
	margin-right:30px;
	margin-bottom:30px;
	}
	
	
/* 他の記事を見る */

#index_list {
	width: 638px;
	_width: 640px;
	border: 1px solid #DDDEE3;
	margin: 0 10px;
}
#index_list ul {
	list-style: none;
	margin: 20px 0;
}
#index_list .list_l {
	width: 285px;
	float: left;
	margin-left: 20px;
	display: inline;
}
#index_list .list_r {
	width: 285px;
	float: right;
	margin-right: 20px;
	display: inline;
}
#index_list li {
	background: url(../images/icon_arrow_yellow.jpg) no-repeat 0 4px;
	padding-left: 15px;
	margin-bottom: 8px;
}



/* 130523 index修正分 */

ul#sidecolumn	{
	background: url(images/201305/bg-sidecolumn.jpg) no-repeat left bottom;
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
}
ul#sidecolumn li	{
	border-left:1px #AF3F47 solid;
	border-right:1px #AF3F47 solid;
	padding:10px 10px 5px 10px;
	border-bottom:1px #AF3F47 dashed;
}
ul#sidecolumn li.bdn	{
	border-bottom:none;
}
#sidecolumn li a	{
	font-weight:bold;
	font-size:1.1em;
}
#sidecolumn li p	{
	padding-bottom:0.7em;
	padding-top:5px;
	padding-left:10px;
	margin-bottom:0;
}

#topcounseling	{
	width:660px;
	height:334px;
	padding-bottom:6px;
	background:url(images/201305/bg-topcounseling.jpg) bottom right no-repeat;
	margin-top:30px;
	margin-bottom:30px;
}
#topcounseling h4	{
	height:40px;
	font-size:1.5em;
	font-weight:bold;
	padding:14px 0 0 230px;
	background:url(images/201305/bg-h4topcounseling.jpg) top left no-repeat;
}
#topcounseling01	{
	float:left;
	width:200px;
	height:280px;
	vertical-align:bottom;
}
#topcounseling02	{
	float:left;
	width:410px;
	height:260px;
	padding-top:10px;
	padding-left:30px;
	line-height:1.6;
	font-size:1.1em;
}
#topcounseling02 p	{
	padding:5px 15px 10px;
}
#topskincare	{
	background:url(images/201305/bg-topskincare.jpg) bottom left no-repeat;
	margin-top:40px;
	margin-bottom:40px;
	padding-bottom:10px;
}
#topskincare h4	{
	height:37px;
	font-size:1.5em;
	font-weight:bold;
	text-align:right;
	line-height:1;
	padding:43px 50px 0 0;
	background:url(images/201305/bg-h4topskincare.jpg) top left no-repeat;
}
#topskincare-txt	{
	font-size:1.1em;
	line-height:1.6;
	padding:20px 60px 10px 110px;
	background:url(images/201305/bg-topskincare-txt.jpg) top right no-repeat;
}

#topcashback	{
	border:1px #AE3E46 solid;
	margin-bottom:40px;
	padding-bottom:10px;
}
#topcashback h4	{
	background:url(images/201305/bg-h4topcashback.jpg) top left no-repeat;
	height:38px;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	padding:15px 0 0 100px;
	margin-bottom:1px;
}
#topcashback-txt	{
	font-size:1.1em;
	line-height:1.6;
	padding:20px 200px 10px 30px;
	background:url(images/201305/bg-topcashback-txt.jpg) top right no-repeat;
}
#topmedia	{
	margin-bottom:20px;
}
#topmedia h4	{
	margin-bottom:10px;
}

.topmedia-photo	{
	float:left;
	width:140px;
	text-align:center;
}
.topmedia-txt	{
	float:right;
	width:500px;
	padding:5px 10px 5px 5px;
	line-height:1.6;
}
.topmedia-txt h5	{
	color:#666;
}
.topmedia-txt h6	{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}

#topmedia:after	{
	content: "";
	clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#topnews	{
	margin-bottom:40px;
}
#topnews h4	{
	margin-bottom:10px;
}
#topnews ul	{
	font-size:1.1em;
	list-style-type:none;
	margin-left:15px;
	margin-right:15px;
}
#topnews ul li{
	border-bottom:1px #69f solid;
	padding:10px;
}

#topnews span	{
	color:#2A3F76;
	font-weight:bold;
	padding-right:20px;
	font-size:0.9em;
}


/* 130528 index修正分 */

h4#box4	{
	height:50px;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	padding-top:30px;
	background:url(images/201305/bg-h4box4.jpg) bottom right no-repeat;
}
.box4	{
	margin-bottom:15px;
	background:url(images/201305/bg-box4.jpg) bottom right no-repeat;
	line-height:1.5;
}
.box4 h5	{
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#006;
	font-size:1.4em;
	font-weight:bold;
	background:url(images/201305/box-h5_bg.png) top left no-repeat;
	padding-left:20px;
	margin:0 10px 10px;
}

.box4 p	{
	padding:0 5px 5px 10px;
}
.box4:after	{
	content: "";
	clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.box41	{
	width:300px;
	padding:20px 10px 10px;
	float:left;
	background:url(images/201305/bg-box40.jpg) top left no-repeat;
}
.box41:after	{
	content: "";
	clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.box42	{
	width:300px;
	padding:20px 10px 10px;
	float:right;
	background:url(images/201305/bg-box40.jpg) top left no-repeat;
}
.box42:after	{
	content: "";
	clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.box43	{
	width:300px;
	padding:20px 10px 10px;
	float:left;
	background:url(images/201305/bg-box40.jpg) top left no-repeat;
}
.box43:after	{
	content: "";
	clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}



.box4photo1	{
	float:left;
	padding-right:10px;
}
.box4photo2	{
	float:right;
	padding-left:10px;
}



/* 130614 エッセンスQ&A */

.qabox	{/*	width:610px;*/
	padding:5px 10px 10px 40px;
	font-size:1.1em;
	line-height:1.6;
	background:url(images/201306/bg-qabox.jpg) top right no-repeat;
}
.qbox	{
	width:380px;
	padding:0;
	background:url(images/201306/bg-qbox.jpg) bottom left no-repeat;
}
.qbox-inner	{
	padding:40px 25px 20px 50px;
	background:url(images/201306/bg-qbox-inner.jpg) top left no-repeat;
}

.abox	{
	padding:20px 25px 10px 150px;
	background:url(images/201306/bg-abox.jpg) top left no-repeat;
}
.abox-inner	{
	padding:0 0 80px 0;
	background:url(images/201306/bg-abox-inner.jpg) bottom left no-repeat;
}


.qlist	{/*	width:570px;*/
	font-size:1.1em;
	padding:0;
	background:url(images/201306/bg-qlist.jpg) bottom right no-repeat;
	margin-bottom:50px;
}
.qlist-inner	{/*	width:570px;*/
	padding:25px 40px 20px 50px;
	background:url(images/201306/bg-qlist-inner.jpg) top right no-repeat;
}

.qlist li	{
	padding-left:15px;
	background:url(images/201306/bg-qlist-li.jpg) top left no-repeat;
	margin-bottom:10px;
	list-style:none;
}


/* 130628 返金 */

#henkinsumally	{
	height:200px;
	background:url(images/201307/bg-henkinsumally.jpg) top left no-repeat;
	padding:110px 240px 20px 40px;
	margin-bottom:40px;
}


#henkinsumally h3	{
	background:none;
	height:51px;
	padding:0 0 0 90px;
	font-size:1.7em;
	font-weight:normal;
	margin-bottom:20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝" , "HGS明朝E", serif;
}
#henkinsumally p	{
	font-size:1.1em;
	line-height:1.6;
}

.khtxt p	{/*	width:610px;*/
	padding-bottom:2em;
}

#henkin	{
	height:260px;
	background:url(images/201307/bg-henkin.jpg) top left no-repeat;
	padding:70px 20px 20px 240px;
	margin-bottom:30px;
	font-size:1.1em;
	line-height:1.6;
}

#henkin h4	{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝" , "HGS明朝E", serif;
	line-height:1.3;
	font-size:1.3em;
	font-weight:normal;
	padding:0;
	margin-top:0;
	margin-left:0;
	margin-bottom:20px;
	background:none;
}

/* 131016 毛穴追加分
----------------------------------------------------------------- */


.pore1	{
	font-weight:bold;
	color:#36c;
	font-size:19px;
	text-align:center;
	background:url(images/201310/bg-pore1.jpg) top left no-repeat;
	padding:25px 0;
	margin:20px 0;
}
.pore2	{
	background:url(images/201310/bg-pore2.jpg) top left no-repeat;
	padding:25px 5px 30px 25px;
	margin:0 0 20px 0;
	width:370px;
	float:left;
	font-size:14px;
	line-height:1.8;
}
.pore3	{
	font-weight:bold;
	background:url(images/201310/bg-pore3.jpg) top center no-repeat;
	padding:10px 10px 65px 40px;
	margin:0 0 10px 0;
	font-size:1.1em;
	width:160px;
	float:right;
	font-size:17px;
}
.pore4	{
	background:url(images/201310/bg-pore4.jpg) top left no-repeat;
	padding:15px 35px 20px 20px;
	margin:0 0 0 0;
	font-size:14px;
}
.pore4 p	{
	padding:10px 0 20px 30px;
}
.pore4 ul	{
	font-weight:bold;
	color:#DC143C;
	padding:0 0 5px 40px;
}
.pore4 ul li	{
	margin:0 0 10px 0;
}

.pore6	{
	clear: both;
	text-align:center;
}

.pore7	{
	background:url(images/201310/bg-pore7.jpg) top center no-repeat;
	padding:5px 0;
	margin:5px 0 20px;
	text-align:center;
}
.pore71	{
	background:url(images/201310/bg-pore71.jpg) bottom center no-repeat;
	padding:0 0 25px 0;
	font-size:14px;
}
.pore72	{
	background:url(images/201310/bg-pore71.jpg) bottom center no-repeat;
	padding:0 0 25px 0;
	font-weight:bold;
	font-size:14px;
}
.pore73	{
	padding:0 0 40px 0;
	font-weight:bold;
	font-size:16px;
	color:#DC143C;
}
.pore8	{
	background:url(images/201310/bg-pore8.jpg) bottom right no-repeat;
	padding:0 160px 50px 90px;
	margin:5px 0 20px;
}


.pore9	{
	background:url(images/201310/bg-pore9.jpg) top left no-repeat;
	padding:15px 0 20px 180px;
	margin:0 0 10px;
}
.pore10	{
	background:url(images/201310/bg-pore10.jpg) top left no-repeat;
	padding:15px 0 20px 180px;
	margin:0 0 10px;
}
.pore11-1	{
	background:url(images/201310/bg-pore11-1.jpg) bottom left no-repeat;
	padding:0;
	margin:0 0 10px;
}
.pore11-2	{
	background:url(images/201310/bg-pore11-2.jpg) top left no-repeat;
	padding:50px 70px 40px 80px;
	margin:0 0 10px;
}


.pore12	{
	width:250px;
	margin:10px auto 20px;
	border:3px #f69 dotted;
	padding:10px 20px;
}
.pore12 li	{
	padding:5px 0 5px 30px;
	list-style-type:none;
	background:url(images/btn_right.jpg) center left no-repeat;
}