@charset "UTF-8";



/* --------------------------------
	カバー
-------------------------------- */

div#cover { position:relative; z-index:1; }
div#cover .main { width:490px; float:left; }
div#cover .main h2 {}
div#cover .main p {}
div#cover .sub { width:320px; float:left; }
div#cover .sub img { position:relative; margin:0 0 -136px 0; }



/* --------------------------------
	クレンジング・洗顔
-------------------------------- */

div#sect_05 { position:relative; margin:0 auto 0 auto; width:740px; z-index:2; }
div#sect_05 h3 {}
div#sect_05 ul { font-size:0; line-height:1; }
div#sect_05 ul li { float:left; }




/* --------------------------------
	デイリーケア
-------------------------------- */

div#sect_01 { margin:29px auto 0 auto; padding:0 0 7px 0; width:740px; background:url(../img/index/sect_01_bg.gif) no-repeat 0 31px; }
div#sect_01 h3 { position:relative; margin:0 0 -8px 0; }
div#sect_01 dl { padding:15px 0 0 7px; font-size:0; line-height:1; }
div#sect_01 dl dt { width:141px; float:left; }
div#sect_01 dl dd { width:585px; float:left; }
div#sect_01 dl dd p {}
div#sect_01 dl dd ul {}
div#sect_01 dl dd ul li { float:left; }

p.btn_dailycare { padding:30px 0 0 0; text-align:center; }


/* --------------------------------
	期間集中ケア
-------------------------------- */

div#sect_02 { margin:34px auto 0 auto; padding:0 0 8px 0; width:740px; background:url(../img/index/sect_02_bg.gif) no-repeat 0 31px; }
div#sect_02 h3 {}
div#sect_02 .main { padding:7px 7px 0 0; width:482px; float:right; }
div#sect_02 .main h4 {}
div#sect_02 .main p {}
div#sect_02 .sub { padding:7px 0 0 7px; width:244px; float:left; }



/* --------------------------------
	スペシャルケア
-------------------------------- */

div#sect_03 { margin:29px auto 0 auto; padding:0 0 7px 0; width:740px; background:url(../img/index/sect_03_bg.gif) no-repeat 0 31px; }
div#sect_03 h3 {}
div#sect_03 ul { padding:7px 7px 0 7px; font-size:0; line-height:1; }
div#sect_03 ul li {}
div#sect_03 ul li .main { width:459px; float:right; }
div#sect_03 ul li .main p {}
div#sect_03 ul li .sub { width:267px; float:left; }



/* --------------------------------
	デイリーケアチェック
-------------------------------- */

div#check { margin:60px auto 0 auto; width:740px; background:url(../img/index/check_bg_m.gif) repeat-y center top; }
div#check #check_bg { padding:0 0 57px 0; background:url(../img/index/check_bg_b.gif) no-repeat center bottom;}
div#check h2 {}
div#check .q { margin:0 auto 0 auto; width:676px; background:url(../img/index/check_q_bg_m.gif) repeat-y left top; }
div#check .q .q_bg { background:url(../img/index/check_q_bg_b.gif) no-repeat left bottom; }
div#check .q .q_bg_bg { padding:10px 0 10px 0; background:url(../img/index/check_q_bg_t.gif) no-repeat left top; }
div#check .q table { width:676px; }
div#check .q table tr {}
div#check .q table tr th { padding:4px 22px 4px 17px; width:196px; font-size:0; line-height:1; vertical-align:top; }
div#check .q table tr td { padding:3px 0 0 0; color:#4b5073; vertical-align:top; }
div#check .q table tr td.select_a { width:107px; }
div#check .q table tr td.select_b { width:152px; }
div#check .q table tr td.select_c { width:182px; }
div#check .q table tr td input { margin:0 5px 0 0; float:left; }
div#check .q table tr td span.mrk { width:12px; float:left; }
div#check .q table tr td span.txt { float:left; }

div#check .a {}
div#check .a .main { width:515px; float:right; }
div#check .a .main h3 {}
div#check .a .main .txt {}
div#check .a .main .btn {}
div#check .a .main .icon { position:relative; margin:-3px 0 0 0; padding:0 0 0 131px; }
div#check .a .sub { padding:0 0 0 32px; width:193px; float:left; }
div#check .a ul { clear:both; padding:0 0 0 15px; font-size:0; line-height:1; }
div#check .a ul li { padding:0 0 0 17px; width:214px; float:left; }
div#check .a .note { padding:5px 0 0 32px; }
div#check .sect_02_lead { padding:48px 0 0 53px; }



/* --------------------------------
	使い方のポイント
-------------------------------- */

div#sect_04 { margin:29px auto 0 auto; width:740px; background:url(../img/index/sect_04_bg_m.gif) repeat-y 0 31px; }
div#sect_04 .bg { background:url(../img/index/sect_04_bg_b.gif) no-repeat left bottom; }
div#sect_04 .bg_bg { padding:0 0 23px 0; background:url(../img/index/sect_04_bg_t.gif) no-repeat 0 31px; }
div#sect_04 h3 {}
div#sect_04 ul { padding:26px 0 0 0; }
div#sect_04 ul li { padding:0 0 0 7px; width:360px; float:left; }
div#sect_04 ul li dl {}
div#sect_04 ul li dl dt {}
div#sect_04 ul li dl dt img { vertical-align:bottom; }
div#sect_04 ul li dl dd {}
div#sect_04 ul li dl dd ul { padding:8px 0 0 25px; }
div#sect_04 ul li dl dd ul li { padding:7px 0 0 0; width:317px; float:none; }
div#sect_04 ul li dl dd ul li .img { width:160px; float:left; }
div#sect_04 ul li dl dd ul li .txt { padding:20px 0 0 0; width:157px; float:left; }