@charset "UTF-8";



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

h1 {}



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

div#cover { background:url(../img/wash/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:-5px 0 0 0; overflow:auto; }
div#cover .main dl dd .txt { padding:0 31px 0 15px; color:#fff; line-height:1.333; }
div#cover .main .merit { margin:0 0 0 12px; }
div#cover .sub { width:391px; float:left; }

div#cover .main dl.cover_01 dd { margin-top:-10px; height:48px; }
div#cover .main dl.cover_02 dd { height:178px; }
div#cover .main dl.cover_02 dd .feat { margin:18px 0 0 15px; }
div#cover .main dl.cover_02 dd .feat li { float:left; }
div#cover .main dl.cover_02 dd .feat li .img { width:76px; float:left; }
div#cover .main dl.cover_02 dd .feat li .txt { padding:0 0 0 10px; float:left; }

div#cover .main dl.cover_02 dd .feat li.feat_01 { width:207px; }
div#cover .main dl.cover_02 dd .feat li.feat_01 .txt { width:119px; }
div#cover .main dl.cover_02 dd .feat li.feat_02 { width:195px; }
div#cover .main dl.cover_02 dd .feat li.feat_02 .txt { width:109px; }



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

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:20px 4px 0 4px; background:#fff url(../../common/img/article_bg_t_02.gif) no-repeat 0 -10px; }

div#overview .main { width:542px; float:left; }
div#overview .main dl {}
div#overview .main dl dt { width:149px; float:left; }
div#overview .main dl dt img { vertical-align:bottom; }
div#overview .main dl dd { width:393px; float:left; }
div#overview .main dl dd img { vertical-align:bottom; }
div#overview .main p {}
div#overview .main ul { padding:0 0 12px 3px; font-size:0; line-height:1; }
div#overview .main ul li { padding:0 0 0 4px; float:left; }
div#overview .sub { width:195px; float:left; }



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

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 { margin:0 auto 0 auto; width:708px; }
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 20px 0 0; color:#666; }

div#usage .step ul li.step_01 { width:246px; }
div#usage .step ul li.step_02 { width:246px; }
div#usage .step ul li.step_03 { width:216px; }
div#usage .step ul li.step_03 .txt { padding-right:0; }

div#usage .point { margin:25px auto 0 auto; width:708px; }
div#usage .point h4 { width:95px; float:left; }
div#usage .point .txt { padding:45px 10px 0 0; width:312px; float:left; }
div#usage .point .img { width:110px; float:left; }