@charset "UTF-8";



/* --------------------------------
	タイトル
-------------------------------- */

h1 {}



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

div#cover { background:url(../img/lotion/cover_bg.jpg) no-repeat right top; }

div#cover .main { width:459px; float:right; }
div#cover .main h2 {}
div#cover .main dl {}
div#cover .main dl dt {}
div#cover .main dl dt img { vertical-align:bottom; }
div#cover .main dl dd { position:relative; margin:-3px 0 0 0; overflow:auto; }
div#cover .main dl dd .txt { padding:0 29px 0 15px; color:#fff; line-height:1.333; }
div#cover .sub { width:391px; float:left; }

div#cover .main dl.cover_01 dd { margin-top:-5px; height:96px; }
div#cover .main dl.cover_01 dd .btn { padding:3px 29px 0 0; text-align:right; }
div#cover .main dl.cover_02 dd { height:44px; }
div#cover .main dl.cover_03 dd { height:86px; }



/* --------------------------------
	概要
-------------------------------- */

div#overview { margin:0 auto 0 auto; padding:0 0 10px 0; width:790px; background:url(../../common/img/article_bg_b.gif) no-repeat left bottom; }
div#overview_bg { padding:10px 0 0 0; background:url(../../common/img/article_bg_t_02.gif) no-repeat; }
div#overview_bg_bg { padding:9px 4px 0 4px; background:#fff url(../../common/img/article_bg_t_02.gif) no-repeat 0 -10px; }

div#overview .main { width:476px; float:left; }
div#overview .main ul {}
div#overview .main ul li { padding:23px 0 0 0; }
div#overview .main ul li .main { width:391px; float:right; }
div#overview .main ul li .main p {}
div#overview .main ul li .main ul { padding:0 0 0 13px; font-size:0; line-height:1; }
div#overview .main ul li .main ul li { padding:0 0 0 5px; float:left; }
div#overview .main ul li .sub { padding-top:0; width:85px; float:left; }

div#overview .sub { padding:19px 0 0 0; width:285px; float:right; }
div#overview .sub .img {}
div#overview .sub .info {}



/* --------------------------------
	使い方
-------------------------------- */

div#usage { margin:30px auto 0 auto; padding:0 0 10px 0; width:790px; background:url(../../common/img/article_bg_b.gif) no-repeat left bottom; }
div#usage_bg { padding:10px 0 0 0; background:url(../../common/img/article_bg_t_02.gif) no-repeat; }
div#usage_bg_bg { padding:20px 21px 25px 21px; background:#fff url(../../common/img/article_bg_t_02.gif) no-repeat 0 -10px; }

div#usage h3 {}

div#usage .step {}
div#usage .step ul {}
div#usage .step ul li { float:left; }
div#usage .step ul li .img {}
div#usage .step ul li .txt { padding:0 15px 0 0; color:#666; }

div#usage .step ul li.step_01 { width:177px; }
div#usage .step ul li.step_02 { width:198px; }
div#usage .step ul li.step_03 { width:197px; }
div#usage .step ul li.step_04 { width:176px; }
div#usage .step ul li.step_04 .txt { padding-right:0; }

div#usage .application { margin:20px 0 0 0; }
div#usage .application h4 { width:93px; float:left; }
div#usage .application ul { width:655px; float:right; }
div#usage .application ul li { float:left; }
div#usage .application ul li dl {}
div#usage .application ul li dl dt {}
div#usage .application ul li dl dt img { vertical-align:bottom; }
div#usage .application ul li dl dd { color:#666; }

div#usage .application ul li.appli_01 { width:337px; }
div#usage .application ul li.appli_01 dl dd { padding:0 25px 0 0; }
div#usage .application ul li.appli_02 { width:318px; }