@charset "shift_jis";

/* ===================== reset default style ===================== */
html {
color:#000;
background:#FFF;
}

div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,
form,fieldset,legend,textarea,
p,
blockquote,
th,td {
margin:0;
}
/*
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
*/
fieldset,img {
border:0;
}

li {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,
q:after{
content:'';
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
textarea,
select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
textarea,
select {
font-size:100%;
}
a,a:link,a:visited,a:active {text-decoration:none;}
a:hover {text-decoration: none;}

.c-both {clear:both;}

img {
	border:0;
	margin:0;
}

/* =============================================================== 
	フォント 
=============================================================== */
.none {display:none}

.f11 {font-size:11px;}

.f12 {font-size:12px;}

.red {color:#C51921;}

.green {color:#00BDB7;}

.gray {color:#4D4D4D;}

.blue {color:#10A7CB;}

.bold {font-weight:bold;}

.normal {font-weight:normal;}

/* =============================================================== 
	共通 
=============================================================== */

body {
margin:0;
color:#4C4C4C;
font-family	: "メイリオ","ＭＳ Ｐゴシック", Arial, sans-serif;
}

#container {
margin:0px auto 0px auto;
width:800px;
}

/* =============================================================== 
	ヘッダー 
=============================================================== */
/*
#head {
	background-image:url(./images/head.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}

#head h1 {
	padding:0px 0px 0px 0px;
	height:30px;
	font-size:11px;
	color:#4C4C4C;
	text-align:left;
	line-height: 30px;
	font-weight:normal;
	overflow:hidden;
}

#head .left {
	float:left;
	width:163px;
	height:109px;
}
*/

/* =============================== 
	ログイン部 
================================== */
/*
#head .right {
	float:right;
	height:109px;
}
*/

/* ====================== 
	ショッピングカート 
========================= */
/*
#head .right .shopping {
	float:left;
	width:193px;
	text-align:left;
}

#head .right .shopping .txt {
	height:21px;
	font-size: 11px;
	color:#787878;
}
*/


/* ====================== 
	ログイン 
========================= */
/*
#head .right .login {
	float:left;
	padding:5px 0px 0px 0px;
	width:317px;
	height:104px;
	overflow:hidden;
}

#head .right .login div p {
	float:left;
	margin:0px 10px 0px 0px;
	padding:0;
	width:110px;
	height:23px;
	font-size: 11px;
	color:#787878;
	text-align:left;
	overflow:hidden;
}

#head .right .login div.txt {
	height:17px;
	font-size: 11px;
	color:#787878;
	overflow:hidden;
}

#head .right .login div .input {
	margin:0;
	padding:0;
	width:100px;
	height:15px;
	font-size:12px;
}

#head .right .login div .check {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:22px;
	overflow:hidden;
}

#head .right .login div .txt2 {
	font-size: 11px;
	color:#787878;
	line-height:23px;
	overflow:hidden;
}

#head .right .login div .txt3 {
	float:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:14px;
	font-size: 11px;
	color:#787878;
	text-indent:10px;
	letter-spacing: -1px;
	background-image:url(./images/ico_arrow.jpg);
	background-repeat:no-repeat;
	background-position:left 3px;
	overflow:hidden;
}

#head .right .login div .txt3 a {color:#787878; text-decoration:none;}
#head .right .login div .txt3 a:hover {color:#787878; text-decoration: none;}
*/

/* =============================== 
	ログイン部（ログイン後）
================================== */
/*
#head .right_login {
	float:right;
	height:89px;
}
*/

/* ショッピングカート　*/
/*
#head .right_login .shopping {
	float:left;
	margin:0px 0px 0px 0px;
	width:193px;
	text-align:left;
}

#head .right_login .shopping div p {
	float:left;
	margin:0px 3px 0px 0px;
	padding:0;
	height:25px;
	font-size: 11px;
	color:#787878;
	text-align:left;
	line-height:23px;
	overflow:hidden;
}

#head .right_login .shopping div .input_a {
	margin:0px 6px 0px 0px;
	padding:0;
	width:20px;
	height:15px;
	font-size:12px;
	overflow:hidden;
}

#head .right_login .shopping div .input_b {
	margin:0;
	padding:0;
	width:57px;
	height:15px;
	font-size:12px;
	overflow:hidden;
}
*/


/* ログイン　*/
/*
#head .right_login .login {
	float:left;
	padding:6px 0px 0px 0px;
	width:300px;
	height:84px;
	text-align:left;
	overflow:hidden;
}

#head .right_login .login p {
	margin:0px 0px 0px 0px;
	padding:0;
	height:20px;
	font-size: 11px;
	color:#787878;
	text-align:left;
	overflow:hidden;
}

#head .right_login .login .logout {
	float:left;
	height:20px;
	margin:7px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	overflow:hidden;
}

#head .right_login .login .mypage {
	float:left;
	height:20px;
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}
*/

/* =============================================================== 
	グローバルメニュー 
=============================================================== */

.gnavi {
	clear:both;
	width:800px;
	line-height:0;
	background-image:url(./images/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

dl.dropdown dd.m01                      { position:relative; }
/*dl.dropdown dd.m01                      { width:62px; position:relative; }
dl.dropdown dd.m02                      { width:167px; }
dl.dropdown dd.m03                      { width:75px; }
dl.dropdown dd.m04                      { width:54px; }
dl.dropdown dd.m05                      { width:112px; }
dl.dropdown dd.m06                      { width:111px; }
*/

dl.dropdown dl dd					{ display: block; width:157px; height:20px; float:none; }

/* 
	LEVEL ONE
*/
dl.dropdown                         { margin:0 0 0 0; }
dl.dropdown dd                      { display:block; float:left; }
dl.dropdown dd a                    { display: block; }
dl.dropdown dd:last-child a         { border: none; } /* Doesn't work in IE */
dl.dropdown dd.hover,
dl.dropdown dd:hover                { position: relative; }


/* 
	LEVEL TWO
*/
dl.dropdown dl 						{ visibility: hidden; position: absolute; top: 25px; left: 0; }
dl.dropdown dl dd 					{ font-weight: normal; text-align:left; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
dl.dropdown dl dd a					{ display:block;}
dl.dropdown dl dd a:hover			{  }

/* 
	LEVEL THREE
*/
dl.dropdown dd:hover > dl 			{ visibility: visible; }


/*=====================
　サブグローバルメニュー　*/

#head .gnavisub {
	clear:both;
	width:800px;
	height:25px;
	border-bottom:18px solid #4DACA4;
	background-image:url(./images/gnavisub.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

#head .gnavisub ul {
	width:800px;
	height:25px;
	/*background-image:url(./images/gnavi_sub.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;*/
}

#head .gnavisub ul li {
	float:left;
	height:25px;
	/*text-indent:-9999px;
	background-image:url(./images/gnavi_sub.jpg);
	background-repeat:no-repeat;*/
	overflow:hidden;
}



/* =============================================================== 
	メイン
=============================================================== */

#main {
	clear: both;
	width:800px;
	background-image:url(./images/main.jpg);
	background-repeat:repeat-y;
	background-position:left top;
}

.pagetop {padding:0 0 5px 0; text-align:right;}
.totop {padding:0 0 5px 0; text-align:right;}


/* =================== 
	ご注文 
====================== */

.caresetOrder {
	overflow:hidden;
	margin:0 0 30px 0;
	height:50px;
	border-bottom:1px solid #00897C;
}
.caresetOrder div {float:left; width:363px; font-size:11px; text-align:left;}
.caresetOrder div span {color:#00897C;}
.caresetOrder p {float:right; width:200px;}


/* =================== 
	フォーム 
====================== */

.pageform {
	overflow:hidden;
	margin:0 0 15px 0;
	padding:5px;
	border:1px solid #00897C;
}
.pageform p {padding:5px 5px 20px 5px; font-size:10px; text-align:left;}
.pageform p span {color:#F79928;}
.pageform table {width:100%; border:1px solid #FFF;}
.pageform th,
.pageform td {padding:5px; font-size:11px; text-align:left; vertical-align:top; border:1px solid #FFF;}
.pageform th {background-color:#CBE8E4;}
.pageform td {background-color:#E7F3F3;}
.pageform th span,
.pageform td span {color:#F79928; font-weight:normal;}
.pageform td input {width:300px;}
.pageform td input.addnumber {width:60px;}
.pageform td textarea {width:300px; height:80px;}
.pageform th.send {padding:0; text-align:center; border-top:20px solid #FFF;}


/*=====================
　注文　*/

.order {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	width:578px;
}

.order .left {
	float:left;
	width:356px;
	font-size:11px;
	color:#4D4D4D;
	text-align:left;
}
.order .left a {
	color:#B39452;
	text-decoration:underline;
}

.order .right {
	float:right;
	width:176px;
}


/* =============================================================== 
	サイド 
=============================================================== */

.side {
	float:right;
	margin:0px 0px 0px 0px;
	width:200px;
	text-align: center;
}

/* ご購入方法　*/

.side .buy {
	margin:9px auto 12px auto;
}


/* ニュース　*/

.side .news{
	margin:0px auto 18px auto;
	width:180px;
}

.side .news h3 {
	margin:0px auto 10px auto;
	width:180px;
	height:16px;
	text-align:right;
	background-image:url(./images/side_news.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

.side .news h3 a {
	display:block;
	margin:0px 0px 0px 138px;
	width:42px;
	height:16px;
	text-indent:9999px;
	overflow:hidden;
}

.side .news ul {
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#787878;
	text-align:left;
	line-height: 17px;
}

.side .news ul li {margin:10px 0px 0px 0px;}
.side .news ul li a {color:#787878; text-decoration:underline;}


/* トピックス　*/

.side .topics{
	margin:0px auto 18px auto;
	width:180px;
}

.side .topics h3 {
	margin:0px auto 10px auto;
	width:180px;
	height:16px;
	text-align:left;
	text-indent:-9999px;
	background-image:url(./images/side_topics.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

.side .topics h4 {
	margin:0px auto 10px auto;
	font-size:11px;
	color:#575755;
	text-align:left;
	font-weight:bold;
}

.side .topics ul {
	margin:0px 0px 0px 0px;
	font-size:11px;
	color:#787878;
	text-align:left;
	line-height: 17px;
	letter-spacing: -1px;
}

.side .topics ul li {margin:10px 0px 0px 0px;}
.side .topics ul li a {color:#787878; text-decoration:underline;}


/* サイドバナー　*/

.side .banner {
	margin:0px auto 18px auto;
	width:180px;
}


.side .banner p {margin:10px 0px 0px 0px; line-height:0px;}



/* =============================================================== 
	フッター 
=============================================================== */

#foot {
	clear:both;
	width:800px;
	border-top:1px solid #E9F4DD;
}

#foot a {color:#787878; text-decoration:none;}
#foot a:hover {color:#787878; text-decoration: none;}

#foot ul.top {
	width:800px;
	height:25px;
	text-align:left;
	border-bottom:1px solid #E9F4DD;
}

#foot ul.top li {
	float:left;
	display:block;
	margin:5px 15px 5px 0px;
	font-size:11px;
	text-indent:15px;
	background-image:url(./images/ico_arrow.jpg);
	background-repeat:no-repeat;
	background-position:left center;
}

#foot .middle {clear:both; width:800px; height:63px;}

#foot .left {
	float:left;
	padding:5px 0px 5px 0px;
}

#foot .right {
	float:right;
	padding:5px 0px 5px 0px;
}

#foot ul.bottom {
	clear:both;
	width:800px;
	text-align:right;
}

#foot ul.bottom li {
	display:inline;
	margin:0px 0px 5px 0px;
	font-size:11px;
	color:#787878;
}

#foot .copy {
	padding:0px 5px 0px 0px;
	height:20px;
	font-size:11px;
	color:#FFF;
	text-align:right;
	line-height:20px;
	background-image:url(./images/foot_copy.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	overflow:hidden;
}

#foot h1 {
	margin:5px 0px 10px 0px;
	font-size:11px;
	color:#4C4C4C;
	text-align:left;
}







/* =============================================================== 
	index.html 
=============================================================== */

.index .img {
	width:800px;
	height:230px;
	background-image:url(./images/index/top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.index .img h2 {
	width:800px;
	height:188px;
	text-indent:-9999px;
}

.index .img p.btn1 {
	float:left;
	padding:0px 0px 0px 335px;
}

.index .img p.btn1 a {
	display:block;
	width:128px;
	height:28px;
	text-indent:-9999px;
	background-image:url(./images/index/top.jpg);
	background-repeat:no-repeat;
	background-position:-335px -188px;
}
.index .img p.btn1 a:hover {background-position:-335px -418px;}

.index .img p.btn2 {
	float:left;
	margin:0px 0px 0px 0px;
	width:187px;
	height:28px;
}

.index .img p.btn2 a {
	display:block;
	width:187px;
	height:28px;
	text-indent:-9999px;
	background-image:url(./images/index/top.jpg);
	background-repeat:no-repeat;
	background-position:-463px -188px;
}
.index .img p.btn2 a:hover {background-position:-463px -418px;}


.index .content {
	float:left;
	padding:20px 0 0 0;
	width:580px;
}

.index .top_freedial_img {
	margin:0 0 20px 0;
}


/*=====================
　トライアル　*/

.index .trial {
	overflow:hidden;
	margin:0px 0px 33px 0px;
	width:580px;
	height:311px;
	line-height:0;
	background-image:url(./images/index/trial.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}



.index .trial h2 {
	margin:0;
	width:580px;
	height:196px;
}

.index .trial .trial2 {
	float:left;
	width:385px;
	padding:0;
}

.index .trial .btn {
	float:left;
	margin:0;
	width:179px;
}

.index .trial .btn1 {
	margin:0px 0px 0px 0px;
	width:179px;
	height:38px;
	overflow:hidden;
}

.index .trial .btn1 a {
	display:block;
	width:179px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
}

.index .trial .btn2 {
	margin:0px 0px 0px 0px;
	width:179px;
	height:62px;
	overflow:hidden;
}

.index .trial .btn2 a {
	display:block;
	width:179px;
	height:62px;
	text-indent:-9999px;
	overflow:hidden;
}


/*=====================
　お役立ち　*/

.index .useful {
	margin:0px 0px 33px 0px;
	width:580px;
}

.index .useful h3 {
	margin:0px 0px 19px 0px;
}




.index .useful .leftbox {
	clear:both;
	float:left;
	margin:0px 0px 14px 0px;
	width:284px;
	font-size:11px;
	color:#787878;
	text-align:left;
}
.index .useful .leftbox .image {
	float:left;
	margin:0px 5px 0px 0px;
}
.index .useful .leftbox .txt {float:left; width:199px;}
.index .useful .leftbox .txt p {margin:0px 0px 5px 0px;}




.index .useful .rightbox {
	float:right;
	margin:0px 0px 14px 0px;
	width:284px;
	font-size:11px;
	color:#787878;
	text-align:left;
}
.index .useful .rightbox .image {
	float:left;
	margin:0px 5px 0px 0px;
}
.index .useful .rightbox .txt {float:left; width:199px;}
.index .useful .rightbox .txt p {margin:0px 0px 5px 0px;}






/* =============================================================== 
	/news/ 
=============================================================== */

.newspage .content {
	float:left;
	width:600px;
}

.newspage h2 {
	margin:0 0 30px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./news/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.newspage .box {padding:0 20px 30px 0; text-align:left;}
.newspage .box span {font-size:11px;}
.newspage .box h3 {padding:0 0 15px 0; font-size:15px; color:#00887C; font-weight:bold;}
.newspage .box div.txt {font-size:12px;}






/* =============================================================== 
	/guide/ 
=============================================================== */

.guide .content {
	float:left;
	width:600px;
}

.guide h2 {
	margin:0 0 15px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./guide/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.guide .subNavi {
	overflow:hidden;
	margin:0 0 30px 0;
	height:36px;
}
.guide .subNavi p {float:left;}


/* ============================ 
	/30日間返金保証/ 
=============================== */

.days30 {
	overflow:hidden;
	padding:0 20px 0 0;
}
.days30 dl {width:580px;}
.days30 dl dt {display:block; float:left; width:191px;}
.days30 dl dd {display:block; float:right; width:357px;}

.days30 h3 {padding:0 0 20px 0;}
.days30 p {padding:0 0 10px 0;}
.days30 p.txt {padding:0 10px 0 10px; font-size:11px; text-align:left;}


/* ============================ 
	/お買い物について/ 
=============================== */

.guidetop {
	overflow:hidden;
	padding:0 20px 20px 0;
}

.guidetop .step {
	overflow:hidden;
	padding:0 0 30px 0;
}

.guidetop .box {
	overflow:hidden;
	padding:0 0 30px 0;
}
.guidetop .box h3 {
	padding:0 0 3px 0;
	font-size:12px;
	color:#00897D;
	font-weight:bold;
	text-align:left;
}
.guidetop .box div {
	padding:0 0 20px 0;
	font-size:12px;
	text-align:left;
}
.guidetop .box div span {color:#FF8600;}
.guidetop .box div a {color:#FF8600;}
.guidetop .box div a:hover {color:#FF0000;}
.guidetop .box .pagetop {padding:15px 0 3px 0; border-bottom:1px solid #4D4D4D;}






/* =============================================================== 
	/products/index
=============================================================== */

.products .content {
	float:left;
	width:600px;
}

.products h2 {
	margin:0 0 15px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./products/images/index/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.products .subNavi {
	overflow:hidden;
	margin:0 0 30px 0;
	height:36px;
}
.products .subNavi p {float:left;}

.products h3 {padding:0 0 15px 0;}

.products h5 {font-size:12px; color:#009784; font-weight:bold;}


/* ============================ 
	/30日間角質ケアセット/ 
=============================== */


.products1 {
	overflow:hidden;
	padding:0 15px 0 0;
	text-align:center;
}

.products1 .box1 {padding:0 0 70px 0;}


.products1 .box2 {
	padding:0 0 30px 0;
	font-size:10px;
	text-align:left;
}
.products1 .box2 td {padding:90px 0 0 0; width:275px;}


.products1 .box3 {
	padding:0 0 30px 0;
	font-size:10px;
	text-align:left;
}
.products1 .box3 td {padding:0 5px 0 0; vertical-align:middle;}
.products1 .box3 td p {padding:0 0 5px 0;}


.products1 .box4 {
	padding:0 0 30px 0;
	font-size:10px;
	text-align:left;
}
.products1 .box4 td {padding:0 15px;}
.products1 .box4 td p {padding:0 0 0 0;}


.products1 .box5 {
	float:left;
	padding:0 0 30px 0;
	width:251px;
	font-size:10px;
	text-align:left;
}
.products1 .box5 h5,
.products1 .box5 p {padding:0 30px 0 30px;}


.products1 .box6 {
	float:right;
	padding:0 0 30px 0;
	width:306px;
	font-size:10px;
	text-align:left;
}
.products1 .box6 td {padding:0 5px 0 0;}


/* ============================ 
	/商品詳細/ 
=============================== */


.products2 {
	overflow:hidden;
	padding:0 17px 0 0;
}

.products2 h3 {padding:0 0 0 0;}
.products2 .box {overflow:hidden; padding:0 0 40px 0; height:408px;}
.products2 .box p {float:left; width:191px;}
.products2 .box div {float:right; width:360px;}


/* ============================ 
	/ご使用方法/ 
=============================== */


.products3 {
	overflow:hidden;
	padding:0 15px 0 0;
}

.products3 .box1 {padding:0 0 45px 0;}


/* ============================ 
	/ご使用方法ログイン後 use.html/ 
=============================== */

.use .content {
	float:left;
	width:600px;
}

.use h2 {
	margin:0 0 30px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./products/images/use/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.use .box {padding:0 20px 30px 0;}
.use .box .pagetop {padding:30px 0 0 0}


/* ============================
	/商品紹介ログイン後/ 
=============================== */


.proLogin {
	overflow:hidden;
	padding:0 20px 0 0;
	font-size:12px;
	text-align:left;
}

.proLogin .proLogin_title {
	overflow:hidden;
	padding:0 0 20px 0;
}

.proLogin .caresetOrder {
	overflow:hidden;
	margin:0 0 15px 0;
	height:50px;
	border-bottom:0;
}

.proLogin .caresetOrder a {color:#028072;}
.proLogin .box {
	overflow:hidden;
	padding:20px 0 20px 0;
	border-top:1px solid #B2B2B2;
}
.proLogin .box th {padding:0 20px 0 20px; font-weight:normal; vertical-align:top;}
.proLogin .box td {vertical-align:bottom; margin:0; padding:0;}
.proLogin .box th h3 {padding:0 0 18px 0;}
.proLogin .box th p.txt {padding:0 0 5px 0; font-size:12px;}
.proLogin .box th p.txt span {color:#FF8A00;}


/* ============================ 
	/ログイン後　商品詳細/ 
=============================== */


.itemDetail {
	overflow:hidden;
	margin:0 0 30px 0;
	padding:0 20px 30px 0;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #CCC;
}

.itemDetail .itemtitle {
	overflow:hidden;
	padding:0 0 20px 0;
}

.itemDetail ul {
	overflow:hidden;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	font-size:12px;
	color:#4C4C4C;
	text-align:center;
	border-bottom:1px solid #CCC;
}
.itemDetail li {display:inline;}
.itemDetail ul span {color:#03877A; font-weight:bold;}
.itemDetail ul a {color:#4C4C4C;}
.itemDetail ul a:hover {color:#03877A;}


.itemDetail th {width:288px; text-align:left; vertical-align:top;}
.itemDetail th p {padding:0 0 20px 0;}
.itemDetail th div {padding:0 0 0 20px; font-weight:normal;}
.itemDetail th div span {color:#FF8100; font-weight:bold;}

.itemDetail td {width:292px; text-align:center; vertical-align:top;}
.itemDetail td div {padding:0 0 20px 0;}
.itemDetail td p.txt1 {padding:0 0 15px 0; font-size:10px; color:#17907D; text-align:left;}
.itemDetail td p.txt1_2 {padding:0 0 120px 0; font-size:10px; color:#17907D; text-align:left;}
.itemDetail td p.txt2 {clear:both; padding:0 10px; font-size:10px; text-align:left; background-color:#FEF3E1;}
.itemDetail td dl {overflow:hidden; padding:0 10px; height:21px; background-color:#FEF3E1;}
.itemDetail td dt {float:left;}
.itemDetail td dd {float:right;}






/* =============================================================== 
	/products/concept
=============================================================== */

.concept .content {
	float:left;
	width:600px;
}

.concept h2 {
	margin:0 0 15px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./products/images/concept/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.concept .subNavi {
	overflow:hidden;
	margin:0 0 30px 0;
	height:36px;
}
.concept .subNavi p {float:left;}

.concept h3 {font-size:13px; color:#009784; font-weight:bold;}


/* ============================ 
	/ユースフル エッセンスとは/ 
=============================== */


.concept1 {
	overflow:hidden;
	padding:0 17px 0 0;
	font-size:12px;
	text-align:left;
}

.concept1 h3 {padding:0 0 25px 0;}


/* ============================ 
	/美肌のこつは角質ケア/ 
=============================== */


.concept2 {
	overflow:hidden;
	padding:0 17px 0 0;
	font-size:12px;
	text-align:left;
}

.concept2 .box1 {padding:0 0 35px 0;}
.concept2 .box1 h3 {padding:0 0 10px 0;}

.concept2 .box2 {padding:0 0 35px 0; background-image:url(./products/images/concept/2/img.jpg); background-repeat:no-repeat; background-position:right 48px;}
.concept2 .box2 h3 {padding:0 0 10px 0;}
.concept2 .box2 p {padding:0 221px 0 0;}

.concept2 .box3 {padding:0 0 35px 0; background-image:url(./products/images/concept/2/bg.jpg); background-repeat:no-repeat; background-position:left top;}
.concept2 .box3 h3 {padding:30px 0 10px 0;}
.concept2 .box3 p {padding:0 35px 0 0; font-size:11px;}

.concept2 .box4 {padding:0 0 10px 0;}


/* ============================ 
	/サロンの技術を自宅で/ 
=============================== */


.concept3 {
	overflow:hidden;
	padding:0 17px 0 0;
	font-size:12px;
	text-align:left;
}

.concept3 .box1 {padding:0 0 35px 0;}
.concept3 .box1 h3 {padding:0 0 10px 0;}

.concept3 .box2 {padding:0 0 0 0; width:583px; height:318px; background-image:url(./products/images/concept/3/img.jpg); background-repeat:no-repeat; background-position:left top;}
.concept3 .box2 h3 {padding:0 0 10px 0;}
.concept3 .box2 p {font-size:10px;}

.concept3 .box3 {padding:0 0 0 5px;}






/* =============================================================== 
	/products/plan
=============================================================== */

.propopup {
	margin:0 auto;
	width:513px;
	height:653px;
	font-size:11px;
	text-align:center;
}
.propopup .box {padding:0 0 30px 0;}






/* =============================================================== 
	/products_m/plan
=============================================================== */

.proplan .content {
	float:left;
	width:600px;
}

.proplan h2 {
	margin:0 0 25px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./products_m/images/plan/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.proplan .page {
	overflow:hidden;
	padding:0 20px 0 0;
	font-size:12px;
	text-align:left;
}

.proplan .title {
	overflow:hidden;
	padding:0 0 8px 0;
}

.proplan .caresetOrder {
	overflow:hidden;
	margin:0 0 15px 0;
	height:50px;
	border-bottom:0;
}

.proplan .box1 {
	overflow:hidden;
	margin:0 0 0 0;
	padding:0 0 0 275px;
	height:220px;
	font-size:12px;
	text-align:left;
	background-image:url(./products_m/images/plan/img.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.proplan .box1 h3 {padding:10px 0 5px 0; font-size:15px; color:#00897C;}

.proplan .box2 {
	overflow:hidden;
	padding:0 0 25px 0;
}

.proplan .box3 {
	overflow:hidden;
	padding:0 0 10px 0;
}









/* =============================================================== 
	/friend/ 
=============================================================== */

.friend .content {
	float:left;
	width:600px;
}

.friend h2 {
	margin:0 0 20px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./friend/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.friend .page {padding:0 26px 0 0; text-align:left;}
.friend .box {padding:0 0 50px 0; text-align:center;}
.friend .box p.txt {margin:0 auto; width:530px; font-size:10px; text-align:left;}






/* =============================================================== 
	/faq/ 
=============================================================== */

.faq .content {
	float:left;
	width:600px;
}

.faq h2 {
	margin:0 0 20px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./faq/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.faq .faq0,
.faq .faq1,
.faq .faq2,
.faq .faq3 {padding:0 20px 0 0;}

.faq .subNavi {overflow:hidden; margin:0 0 25px 0; width:580px; height:60px;}
.faq .subNavi p {float:left; width:193px;}

.faq .customer {padding:15px 0 0 0; border-top:1px solid #01897D; font-size:11px; text-align:left;}
.faq .customer p {padding:0 0 10px 0;}


.faq .faq1 .box1,
.faq .faq1 .box2,
.faq .faq2 .box1,
.faq .faq2 .box2,
.faq .faq3 .box1,
.faq .faq3 .box2 {padding:15px 0 0 0;}

.faq .faq1 .box1 .pagetop,
.faq .faq1 .box2 .pagetop,
.faq .faq2 .box1 .pagetop,
.faq .faq2 .box2 .pagetop,
.faq .faq3 .box1 .pagetop,
.faq .faq3 .box2 .pagetop {padding:20px 0 3px 0;}

.faq .pagetop img.bottom {margin:0 0 30px 0;}

.faq .faq1 .box1 table,
.faq .faq1 .box2 table,
.faq .faq2 .box1 table,
.faq .faq2 .box2 table,
.faq .faq3 .box1 table,
.faq .faq3 .box2 table {width:580px; font-size:12px;}

.faq .faq1 .box1 th,
.faq .faq1 .box2 th,
.faq .faq2 .box1 th,
.faq .faq2 .box2 th,
.faq .faq3 .box1 th,
.faq .faq3 .box2 th {width:66px; text-align:left; vertical-align:top;}

.faq .faq1 .box1 td,
.faq .faq1 .box2 td,
.faq .faq2 .box1 td,
.faq .faq2 .box2 td,
.faq .faq3 .box1 td,
.faq .faq3 .box2 td {padding:5px 0 0 0; text-align:left; vertical-align:top;}


/* ============================ 
	/faq/index.html 
=============================== */

.faq .faq0 .txt {padding:0 0 25px 0; font-size:12px; text-align:left;}

/* ============================ 
	/faq/products.html 
=============================== */

.faq .faq1 .box2 {border-top:1px solid #6EB22B;}
.faq .faq1 .box1 td a,
.faq .faq1 .box2 td a {color:#6EB22B;}

.faq .faq1 .test {padding:15px 163px 0 0; font-size:10px; background-image:url(./faq/images/products/img.jpg); background-repeat:no-repeat; background-position:right 30px;}

/* ============================ 
	/faq/delivery.html 
=============================== */

.faq .faq2 .box2 {border-top:1px solid #00897F;}
.faq .faq2 .box1 td a,
.faq .faq2 .box2 td a {color:#00897F;}

/* ============================ 
	/faq/cancel.html 
=============================== */

.faq .faq3 .box2 {border-top:1px solid #FF8601;}
.faq .faq3 .box1 td a,
.faq .faq3 .box2 td a {color:#FF8601;}




/* =============================================================== 
	/tv/ 
=============================================================== */

.tv .content {
	float:left;
	width:600px;
}

.tv h2 {
	margin:0px 0px 20px 0px;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./tv/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.tv .page {
	padding:0 18px 0 0;
}


/*=====================
　バナー　*/

.tv .box1 {
	margin:0 0 20px 0;
	padding:0;
	width:582px;
	text-align:center;
}

.tv .box1 h3 {
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
}

.tv .box1 p {
	margin:0 0 5px 0;
	padding:0;
	text-align:center;
}


/*=====================
　応募要領　*/

.tv .box2 {
	margin:0 0 30px 0;
	padding:0;
	width:582px;
	text-align:center;
}

.tv .box2 h3 {
	margin:0 0 15px 0;
	padding:3px;
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	text-indent:8px;
	background-color:#00BDB7;
}

.tv .box2 div {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	width:582px;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
	border-bottom:1px solid #00BDB7;
}

.tv .box2 p.left {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	width:100px;
	font-weight:bold;
}

.tv .box2 p.right {
	float:left;
	margin:0 auto;
	padding:0 10px 0 0;
	width:462px;
}


/*=====================
　アンケート　*/

.tv .box3 {
	margin:0 0 20px ;
	padding:0;
	width:582px;
	text-align:center;
}

.tv .box3 h3 {
	margin:0 0 5px 0;
	padding:3px;
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	text-indent:8px;
	background-color:#00BDB7;
}

.tv .box3 p {
	margin:0 0 10px 0;
	padding:0;
	width:562px;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
}

.tv .box3 div.table {
	margin:0;
	padding:12px 0 0 0;
	width:582px;
	background-image:url(./tv/images/bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.tv .box3 div.table div.aaa {
	margin:0;
	padding:0 0 0 80px;
	height:59px;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
}

.tv .box3 div.table div.bbb {
	margin:0;
	padding:0 0 0 80px;
	height:59px;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
}

.tv .box3 div.table div.ccc {
	margin:0;
	padding:0 0 0 80px;
	height:62px;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
}

.tv .box3 div.table div.ddd {
	margin:0 0 0 0;
	padding:0 0 0 80px;
	height:120px;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
}

.tv .box3 div.table p {
	margin:0;
	padding:0;
	width:300px;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
}

.tv .box3 div.table input {
	margin:0;
	padding:0;
	width:300px;
	height:15px;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
}

.tv .box3 div.table textarea {
	margin:0;
	padding:0;
	width:300px;
	height:60px;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
}






/* =============================================================== 
	/developer/ 
=============================================================== */

.developer .content {
	float:left;
	width:600px;
}

.developer h2 {
	margin:0 0 50px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./developer/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.developer .box {
	margin:0 0 20px 0;
	width:600px;
	height:230px;
	font-size:11px;
	color:#4C4C4C;
	text-align:left;
	background-image:url(./developer/images/img01.jpg);
	background-repeat:no-repeat;
	background-position:right 2px;
}

.developer .box p {
	padding:0 330px 0 0;
}







/* =============================================================== 
	/repeat/
=============================================================== */

.repeat .content {
	float:left;
	width:600px;
}

.repeat h2 {
	margin:0 0 20px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./repeat/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.repeat .page {padding:0 20px 0 0;}







/* =============================================================== 
	/reminder/
=============================================================== */

.reminder .content {
	float:left;
	width:600px;
}

.reminder h2 {
	margin:0 0 20px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./reminder/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.reminder .page {padding:0 20px 0 0;}







/* =============================================================== 
	/contact/
=============================================================== */

.contact .content {
	float:left;
	width:600px;
}

.contact h2 {
	margin:0 0 20px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./contact/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.contact .page {padding:0 20px 0 0;}

.contact .content .page .pageform p {padding:5px; text-align:center;}








/* =============================================================== 
	/products/order.html 
=============================================================== */

.ordermade .content {
	float:left;
	margin:0 0 0 0;
	width:600px;
}

.ordermade h2 {
	margin:0 0 20px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./ordermade/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.ordermade #midasi {
	padding:0 10px 20px 10px;
	font-size:13px;
	color:#028072;
	font-weight:bold;
	text-align:left;
}
.ordermade #midasi2 {
	padding:0 10px 20px 10px;
	font-size:13px;
	color:#DF3736;
	font-weight:bold;
	text-align:left;
}
.ordermade .box1 {padding:0 20px 30px 0;}
.ordermade .box2 {padding:0 20px 30px 0;}
.ordermade .box2 table {width:580px; font-size:13px; border-bottom:1px solid #CCC;}
.ordermade .box2 tr {border-top:1px solid #CCC;}
.ordermade .box2 th {padding:10px; color:#028072;}
.ordermade .box2 td {padding:10px;}
.ordermade .box2 td.name {color:#FF8500;}








/* =============================================================== 
	index_login.html 
=============================================================== */

.index_login .content {
	float:left;
	margin:0 0 0 0;
	width:600px;
}

.index_login h2 {
	margin:0 0 20px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./images/index_login/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.index_login #midasi {
	padding:0 0 30px 0;
	width:600px;
}

.index_login table {overflow:hidden; margin:0 0 20px 0;}
.index_login td {text-align:center;}
.index_login td .txt4 {padding:0 25px; height:359px; font-size:12px; text-align:left;}
.index_login td .txt4 span {font-size:10px;}








/* =============================================================== 
	旧index_login.html 
=============================================================== */

.indexLogin .content {
	float:left;
	margin:0 0 0 0;
	width:600px;
}

.indexLogin h2 {
	margin:0 0 20px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./images/indexLogin/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
.indexLogin #midasi {
	padding:0 0 25px 0;
	width:600px;
}
.indexLogin #subMidasi {
	padding:0 0 15px 0;
	width:600px;
}


.indexLogin .box {
	padding:0 0 25px 0;
	width:600px;
	text-align:left;
}



/* =============================================================== 
	/celeb/
=============================================================== */

.celeb .content {
	float:left;
	width:600px;
}

.celeb h2 {
	margin:0 0 15px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./celeb/images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.celeb .box {
	padding:0 308px 0 0;
	font-size:12px;
	text-align:left;
	background-image:url(./celeb/images/img.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}



/* =============================================================== 
	order_tri_login
=============================================================== */

.order_tri_login .content {
	float:left;
	width:600px;
}

.order_tri_login h2 {
	margin:0 0 15px 0;
	width:600px;
	height:96px;
	text-indent:-9999px;
	background-image:url(./images/order_tri_login/h2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.order_tri_login {
	overflow:hidden;
	padding:0 15px 0 0;
}

.order_tri_login .box {padding:0 15px 0 0;}

.ordermadetext
{
	font-size:15px;
	font-weight:bold;
}