@charset "UTF-8";

@import "default.css";
@import "screen.css";
@import "common.css";


#contentsArea01{
	width:620px;
	float:left;}

h3{
	width:619px;
	height:88px;
	text-indent:-9999px;
	margin-bottom:15px;
	border-left:1px solid #FFF;}
.concept h3{
	background:url(../images/ttl_concept.jpg) 0 0 no-repeat;}
	
.store h3{
	background:url(../images/ttl_store.jpg) 0 0 no-repeat;}
.staff h3{
	background:url(../images/ttl_staff.jpg) 0 0 no-repeat;}
.whatsnew h3{
	background:url(../images/ttl_whatsnew.jpg) 0 0 no-repeat;}
.skincheck h3{
	background:url(../images/ttl_skincheck.jpg) 0 0 no-repeat;}
.pointcard h3{
	height:88px;
	background:url(../images/ttl_pointcard.gif) 0 0 no-repeat;}
.inquiry h3{
	background:url(../images/ttl_inquiry.jpg) 0 0 no-repeat;}
.inquiry02 h3{
	background:url(../images/ttl_inquiry.jpg) 0 0 no-repeat;}
.diet h3{
	background:url(../images/ttl_new_cosme.jpg) 0 0 no-repeat;}		

#contentsArea01{
	width:620px;
	float:left;}
.concept h4{
	background:url(../images/ttl_whatsnew.jpg) 0 0 no-repeat;}


.contentsBox{
	width:590px;
	margin-left:15px;
	padding-bottom:20px;}
.contentsBox p{
	font-size:82%;
	line-height:1.4;
	margin:0 10px 12px 10px;}
.contentsBox p.pmarB0{
	margin-bottom:0;}





.phtBoxR{
	width:124px;
	float:right;
	margin:0 0 10px 15px;
	background-color:#76c7c4;}
.phtBoxR p{
	padding:0;margin:0;}
.phtBoxR img{
	margin:0 12px 3px 13px;
	border:1px solid #FFF;}
p.phtBoxRtop{
	font-size:0;
	line-height:0;
	padding-bottom:12px;
	background:url(../cmn_images/img_cmn_pht_01.gif) 0 0 no-repeat;}
p.phtBoxRbtm{
	font-size:0;
	line-height:0;
	padding-bottom:7px;
	background:url(../cmn_images/img_cmn_pht_02.gif) 0 0 no-repeat;}
p.phtcap{
	font-size:71%;
	color:#FFF;
	margin-left:13px;}
p.phtcap span{
	font-size:105%;
	color:#FFF;
	font-weight:bold;}

.contentsBn a{
	width:590px;
	height:55px;
	display:block;
	margin-left:15px;
	text-indent:-9999px;
	background:url(../cmn_images/bn_cmn_08.gif) 0 0 no-repeat;}


/*------------------
	concept
------------------*/

h4.conceptSttl01{
	width:590px;
	height:20px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../images/sttl_concept_01.gif) 0 0 no-repeat;}
h4.conceptSttl02{
	width:590px;
	height:20px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../images/sttl_concept_02.gif) 0 0 no-repeat;}

.companySmyBox{
	width:560px;
	background-color:#ececec;
	padding:15px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
}
.companySmyBox dl{
	width:185px;
	float:left;
	padding-bottom:15px;}
.companySmyBox dt{
	font-size:82%;
	color:#555;
	font-weight:bold;
	margin-bottom:5px;}
.companySmyBox dd{
	font-size:82%;
	color:#555;}

.companySmyBox p{
	font-size:82%;
	text-align:right;}
.companySmyBox p a:link{color:#51ada9;text-decoration:none;}
.companySmyBox p a:visited{color:#51ada9;text-decoration:none;}
.companySmyBox p a:hover{color:#51ada9;padding-bottom:3px;text-decoration:underline;}
.companySmyBox p a:active{color:#51ada9;padding-bottom:3px;text-decoration:underline;}


.pointcardBox{
	width:550px;
	padding:15px 10px 5px 10px;
	margin:0 0 20px 25px;
	background-color:#f7f7f7;}

.pointcardBox p{
	font-size:82%;
	line-height:1.4;
	margin-bottom:10px;}

.pointcardBox ul{
	margin-left:5px;}
.pointcardBox li{
	font-size:82%;
	line-height:1.2;
	padding-left:13px;
	margin-bottom:11px;
	background:url(../cmn_images/icon_cmn_02.gif) 0 5px no-repeat;}
.pointcardBox li.limarB20{
	margin-bottom:20px;}
.pointcardBox li span{
	display:block;
	padding-bottom:3px;}

h4.pointcardSttl01{
	width:550px;
	height:31px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../images/sttl_pointcard_01.gif) 0 0 no-repeat;}
h4.pointcardSttl02{
	width:550px;
	height:31px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../images/sttl_pointcard_02.gif) 0 0 no-repeat;}
h4.pointcardSttl03{
	width:590px;
	height:20px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../images/sttl_pointcard_03.gif) 0 0 no-repeat;}

.pointcard table{
	width:546px;
	font-size:82%;
	margin-left:2px;
	background-color:#f7f7f7}
.pointcard table th{
	width:33%;
	text-align:center;
	font-weight:bold;
	background-color:#c1e6e4;}
.pointcard table td{
	padding:5px 4px;
	line-height:1.4;
	text-align:center;}
.pointcard table td.tdTtl{
	font-weight:bold;
	text-align:left;}

.pointcard2 table{
	width:500px;
	font-size:82%;
	margin-left:2px;
	background-color:#f7f7f7}
.pointcard2 table th{
	width:33%;
	text-align:center;
	font-weight:bold;
	background-color:#c1e6e4;}
.pointcard2 table td{
	padding:5px 4px;
	line-height:1.4;
	text-align:center;}
.pointcard2 table td.tdTtl{
	font-weight:bold;
	text-align:left;}

/*------------------
	store
------------------*/

.storeLink{
	width:560px;
	background-color:#ececec;
	margin:0 0 20px 15px;
	padding:15px 15px 10px 15px;}
.storeLink dl{
	float:left;
	padding-right:28px;}
.storeLink dl.dlR0{
	padding-right:0;}
.storeLink dt{
	font-size:82%;
	color:#555;
	font-weight:bold;
	margin-bottom:5px;}
.storeLink dd{
	font-size:82%;
	color:#555;
	margin-bottom:5px;}
.storeLink dd a:link{color:#51ada9;text-decoration:none;}
.storeLink dd a:visited{color:#51ada9;text-decoration:none;}
.storeLink dd a:hover{color:#51ada9;padding-bottom:3px;text-decoration:underline;}
.storeLink dd a:active{color:#51ada9;padding-bottom:3px;text-decoration:underline;}

.storeBox01{
	width:590px;
	margin-left:15px;
	padding-bottom:25px;}

.storePht{
	width:195px;
	float:left;
	padding:0 15px 0 10px;}
.storePht img{
	border:1px solid #CCC;
	padding:3px;}

.storeCap{
	width:363px;
	float:left;
	padding-top:2px;}
.storeCap p{
	font-size:82%;
	margin-bottom:10px;}

/*ブログ用タイトル*/

.storeSttl{
	width:590px;
	margin-bottom:15px;
	background:url(../images/sttl_store_01.gif) 0 0 no-repeat #c1e6e4;}
.storeSttl h4{
	width:458px;
	float:left;
	font-size:96%;
	font-weight:bold;
	padding:8px 0 8px 8px;}

/*ブログ用ボタン*/

.storeSttl p{
	float:left;}
.storeSttl p a{
	width:114px;
	height:23px;
	display:block;
	text-indent:-9999px;
	display:none;}


.storeBox02{
	width:550px;
	padding:10px 10px 1px 10px;
	margin:0 0 20px 25px;
	background-color:#f7f7f7;}

.storeBox02 p{
	font-size:82%;
	line-height:1.4;
	margin:0 0 15px 5px;}

h5.storeSsttl01{
	width:550px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:15px;
	background:url(../images/ssttl_store_01.gif) 0 0 no-repeat;}
h5.storeSsttl02{
	width:550px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
	background:url(../images/ssttl_store_02.gif) 0 0 no-repeat;}
h5.storeSsttl03{
	width:550px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
	background:url(../images/ssttl_store_03.gif) 0 0 no-repeat;}

.storeBox02 dl{
	margin-bottom:10px;
	background:url(../cmn_images/line_cmn_04.gif) 0 100% no-repeat;}
.storeBox02 dl.noLine{
	background-image:none;}

.storeBox02 dt{
	font-size:82%;
	font-weight:bold;
	padding:0 0 5px 5px;}
.storeBox02 dt a:link{color:#51ada9;text-decoration:none;}
.storeBox02 dt a:visited{color:#51ada9;text-decoration:none;}
.storeBox02 dt a:hover{color:#51ada9;padding-bottom:3px;text-decoration:underline;}
.storeBox02 dt a:active{color:#51ada9;padding-bottom:3px;text-decoration:underline;}

.storeBox02 dd{
	font-size:82%;
	line-height:1.4;
	padding:0 0 7px 6px;}
.storeBox02 dd a:link{color:#51ada9;text-decoration:none;}
.storeBox02 dd a:visited{color:#51ada9;text-decoration:none;}
.storeBox02 dd a:hover{color:#51ada9;padding-bottom:3px;text-decoration:underline;}
.storeBox02 dd a:active{color:#51ada9;padding-bottom:3px;text-decoration:underline;}


/*------------------
	staff
------------------*/

.staffBox01{
	width:590px;
	margin-left:15px;
	padding-bottom:25px;}

p.staffBox02{
	width:570px;
	font-size:82%;
	line-height:1.4;
	background-color:#ececec;
	margin:0 0 30px 15px;
	padding:10px;}

.staffPht{
	width:135px;
	float:left;
	padding:0 15px 0 10px;}
.staffPht img{
	border:1px solid #CCC;
	padding:3px;}

dl.staffCap{
	width:420px;
	float:left;}
.staffCap dt{
	font-size:82%;
	font-weight:bold;
	padding:4px 0 4px 8px;
	margin-bottom:10px;
	background:url(../images/ssttl_staff_01.gif) 0 0 repeat-y;}
.staffCap dd{
	font-size:82%;
	line-height:1.4;
	padding-left:10px;
	margin-bottom:5px;}

h4.staffSttl01{
	width:582px;
	font-size:96%;
	font-weight:bold;
	padding:8px 0 8px 8px;
	margin-bottom:15px;
	background:url(../images/sttl_staff_01.gif) 0 0 no-repeat #c1e6e4;}


/*------------------
	whatsnew
------------------*/

.whatsnewBox{
	width:590px;
	margin:0 0 20px 15px;
	padding-bottom:5px;
	background-color:#f7f7f7;}
.whatsnewTxt{
	font-size:82%;
	color:#555;
	line-height:1.4;
	margin:0 24px 10px 24px;}
	
.whatsnew table td{
    font-size:82%;
	line-height:1.4;
	padding:4px 5px 4px 8px;
	}

/*------------------
.whatsnew table{
	width:548px;
	font-size:82%;
	border-top:solid 1px;
	border-left:solid 1px;
	border-color:#ccc;
	border-collapse:collapse;
	margin:0 0 15px 20px;
	background-color:#fff}
.whatsnew table th,.whatsnew table td{
	padding:4px 6px;
	line-height:1.4;
	text-align:left;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#ccc;}
.whatsnew table th{
	font-weight:bold;
	background-color:#c1e6e4;}
.whatsnew table p{
	line-height:1.4;
	margin-bottom:10px;}
------------------*/	

h4.whatsnewSttl01{
	width:590px;
	height:29px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../images/sttl_whatsnew_01.gif) 0 0 no-repeat;}

.newsBox{
	width:590px;
	margin-left:15px;
	padding-bottom:20px;}

.sideBox{
	width:195px;
	margin-left:5px;
	font-size:10px;}		
	
.newsBox dl{
	margin-left:10px;}
.newsBox dt{
	color:#555;
	font-size:82%;
	margin-bottom:3px;}
.newsBox dt.dtSttl{
	color:#555;
	font-size:82%;
	font-weight:bold;
	margin-bottom:6px;}
.newsBox dt span{
	padding-right:28px;
	background:url(../cmn_images/icon_cmn_01.gif) 100% 0 no-repeat;}
.newsBox dd{
	color:#555;
	font-size:82%;
	padding-bottom:12px;
	margin-bottom:10px;
	line-height:1.2;
	background:url(../cmn_images/line_cmn_03.gif) 0 100% no-repeat;}
.newsBox dd.ddLineNone{
	background-image:none;
	margin-bottom:0;
	padding-bottom:0;}
.newsBox dd a{line-height:1.4;}
.newsBox dd a:link{
	color:#51ada9;text-decoration:none;}
.newsBox dd a:visited{
	color:#51ada9;text-decoration:none;}
.newsBox dd a:hover{
	color:#51ada9;padding-bottom:3px;text-decoration:underline;}
.newsBox dd a:active{
	color:#51ada9;padding-bottom:3px;text-decoration:underline;}


/*------------------
	diet
------------------*/

.dietBox{
	width:590px;
	margin:0 0 20px 15px;
	padding-bottom:5px;
	background-color:#f7f7f7;}
.dietTxt{
	font-size:82%;
	color:#555;
	line-height:1.4;
	margin:0 24px 10px 24px;}
	
.linkArea01{
	width:372px;
	height:191px;
	font-weight:bold;
	padding-top:5px;
	padding-right:13px;
	background:url(../images/dasoda02.jpg) 0 0 no-repeat;}
	
.linkArea02{
	width:218px;
	height:191px;
	font-weight:bold;
	padding-top:5px;
	padding-right:13px;
	background:url(../images/dasoda03.jpg) 0 0 no-repeat;}	

/*------------------
.whatsnew table{
	width:548px;
	font-size:82%;
	border-top:solid 1px;
	border-left:solid 1px;
	border-color:#ccc;
	border-collapse:collapse;
	margin:0 0 15px 20px;
	background-color:#fff}
.whatsnew table th,.whatsnew table td{
	padding:4px 6px;
	line-height:1.4;
	text-align:left;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#ccc;}
.whatsnew table th{
	font-weight:bold;
	background-color:#c1e6e4;}
.whatsnew table p{
	line-height:1.4;
	margin-bottom:10px;}
------------------*/	

h4.dietSttl01{
	width:590px;
	height:29px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../images/sttl_whatsnew_01.gif) 0 0 no-repeat;}

.dietBox{
	width:590px;
	margin-left:15px;
	padding-bottom:20px;}
.dietBox dl{
	margin-left:10px;}
.dietBox dt{
	color:#555;
	font-size:82%;
	margin-bottom:3px;}
.dietBox dt.dtSttl{
	color:#555;
	font-size:82%;
	font-weight:bold;
	margin-bottom:6px;}
.dietBox dt span{
	padding-right:28px;
	background:url(../cmn_images/icon_cmn_01.gif) 100% 0 no-repeat;}
.dietBox dd{
	color:#555;
	font-size:82%;
	padding-bottom:12px;
	margin-bottom:10px;
	line-height:1.2;
	background:url(../cmn_images/line_cmn_03.gif) 0 100% no-repeat;}
.dietBox dd.ddLineNone{
	background-image:none;
	margin-bottom:0;
	padding-bottom:0;}
.dietBox dd a{line-height:1.4;}
.dietBox dd a:link{
	color:#51ada9;text-decoration:none;}
.dietBox dd a:visited{
	color:#51ada9;text-decoration:none;}
.dietBox dd a:hover{
	color:#51ada9;padding-bottom:3px;text-decoration:underline;}
.dietBox dd a:active{
	color:#51ada9;padding-bottom:3px;text-decoration:underline;}

	
	


/*------------------
	skincheck
------------------*/

h4.skincheckSttl01{
	width:590px;
	height:29px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(../images/sttl_skincheck_01.gif) 0 0 no-repeat;}
h4.skincheckSttl02{
	width:590px;
	height:29px;
	margin:5px 0 15px 0;
	text-indent:-9999px;
	background:url(../images/sttl_skincheck_02.gif) 0 0 no-repeat;}

dl.skincheckDl01{
	width:570px;
	margin:0 0 15px 10px;}
.skincheckDl01 dt{
	width:372px;
	float:left;
	font-size:16px;
	font-weight:bold;
	padding:22px 0 19px 13px;
	background:url(../images/img_skincheck_06.gif) 0 0 no-repeat;}
dl.skincheckDl02{
	width:570px;
	margin:0 0 15px 10px;}
.skincheckDl02 dt{
	width:367px;
	float:left;
	font-size:16px;
	font-weight:bold;
	padding:18px 5px 13px 13px;
	background:url(../images/img_skincheck_07.gif) 0 0 no-repeat;}
.skincheckDl01 dt span{
	padding:5px 0 4px 32px;}
.skincheckDl02 dt span{
	display:block;
	line-height:1.2;
	padding:3px 0 0 32px;}
.skinNo01{
	background:url(../images/icon_skincheck_01.gif) 0 0 no-repeat;}
.skinNo02{
	background:url(../images/icon_skincheck_02.gif) 0 0 no-repeat;}
.skinNo03{
	background:url(../images/icon_skincheck_03.gif) 0 0 no-repeat;}
.skinNo04{
	background:url(../images/icon_skincheck_04.gif) 0 0 no-repeat;}
.skinNo05{
	background:url(../images/icon_skincheck_05.gif) 0 0 no-repeat;}
.skinNo06{
	background:url(../images/icon_skincheck_06.gif) 0 0 no-repeat;}
.skinNo07{
	background:url(../images/icon_skincheck_07.gif) 0 0 no-repeat;}
.skincheckDl01 dd{
	width:185px;
	height:57px;
	float:left;
	text-indent:-9999px;}
.skincheckDl02 dd{
	width:185px;
	height:57px;
	float:left;
	margin-top:7px;
	text-indent:-9999px;}
.skinPoint01{
	background:url(../images/img_skincheck_01.gif) 0 0 no-repeat;}
.skinPoint02{
	background:url(../images/img_skincheck_02.gif) 0 0 no-repeat;}
.skinPoint03{
	background:url(../images/img_skincheck_03.gif) 0 0 no-repeat;}

/*↓のスタイルは↑の一番下のmarginをなくす*/

dl.skincheckDl02B0{
	width:570px;
	margin:0 0 0 10px;}
.skincheckDl02B0 dt{
	width:367px;
	float:left;
	font-size:16px;
	font-weight:bold;
	padding:18px 5px 13px 13px;
	background:url(../images/img_skincheck_07.gif) 0 0 no-repeat;}
.skincheckDl02B0 dt span{
	display:block;
	line-height:1.2;
	padding:3px 0 0 32px;}
.skincheckDl02B0 dd{
	width:185px;
	height:57px;
	float:left;
	margin-top:7px;
	text-indent:-9999px;}


/*パターン別レベル分析*/

.skincheckBox{
	width:590px;
	margin-left:15px;
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(../images/img_skincheck_08.gif) 0 0 repeat-y;}

dl.skincheckBoxTxt{
	width:524px;
	margin:0 20px 10px 26px;
	padding:10px;
	background-color:#FFF;}
.skincheckBoxTxt dt{
	margin-bottom:5px;}
.skincheckBoxTxt dd{
	font-size:82%;
	line-height:1.4;
	padding-left:5px;}




/*------------------
	inquiry
------------------*/

h4.inquirySttl01{
	width:590px;
	height:29px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../images/sttl_inquiry_01.gif) 0 0 no-repeat;}

.inquiry table{
	width:570px;
	font-size:82%;
	border-top:solid 1px;
	border-left:solid 1px;
	border-color:#ccc;
	border-collapse:collapse;
	margin:0 0 10px 25px;
	background-color:#fff}
.inquiry table th,.inquiry table td{
	line-height:1.4;
	text-align:left;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#ccc;}
.inquiry table td{
	padding:11px 14px;}
.inquiry table th{
	width:150px;
	padding:14px 14px;
	background-color:#f7f7f7;}
.inquiry table p{
	margin-bottom:10px;}
.inquiry table p.pmarB0{
	margin-bottom:0;}


/*フォーム確認画面用*/

.inquiry02 table{
	width:570px;
	font-size:82%;
	border-top:solid 1px;
	border-left:solid 1px;
	border-color:#ccc;
	border-collapse:collapse;
	margin:0 auto;
	background-color:#fff}
.inquiry02 table th,.inquiry02 table td{
	line-height:1.4;
	text-align:left;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#ccc;}
.inquiry02 table td{
	padding:11px 14px;}
.inquiry02 table th{
	width:150px;
	padding:14px 14px;
	background-color:#f7f7f7;}
.inquiry02 table p{
	margin-bottom:10px;}
.inquiry02 table p.pmarB0{
	margin-bottom:0;}




.padding01{
    padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 5px;
	font-size: small;
	}