@charset "UTF-8";



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

h1 {}



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

div#cover { background:url(../img/jell/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 30px 0 15px; color:#fff; line-height:1.333; }
div#cover .sub { width:391px; float:left; }

div#cover .main dl.cover_01 dd { height:67px; }
div#cover .main dl.cover_02 { position:relative; z-index:2; }
div#cover .main dl.cover_02 dd { height:100px; }
div#cover .main dl.cover_02 dd .txt { padding-right:0; width:170px; float:left; }
div#cover .main dl.cover_02 dd .img { padding:5px 0 0 0; width:261px; float:right; }
div#cover .main dl.cover_03 { position:relative; margin:-11px 0 0 0; z-index:1; }
div#cover .main dl.cover_03 dd { height:74px; }



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

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:549px; float:left; }
div#overview .main dl {}
div#overview .main dl dt { width:136px; float:left; }
div#overview .main dl dt img { vertical-align:bottom; }
div#overview .main dl dd { width:413px; 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:190px; 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 { width:561px; float:left; }
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:187px; }
div#usage .step ul li.step_02 { width:187px; }
div#usage .step ul li.step_03 { width:187px; }

div#usage .attention { width:179px; background:url(../img/jell/usage_02_bg_m.gif) repeat-y; float:left; }
div#usage .attention dt {}
div#usage .attention dt img { vertical-align:bottom; }
div#usage .attention dd { padding:0 14px 14px 14px; background:url(../img/jell/usage_02_bg_b.gif) no-repeat left bottom; color:#00a4e9; }

div#usage .point { clear:both; padding:15px 0 0 0; }
div#usage .point h4 { width:94px; float:left; }
div#usage .point dl { width:654px; float:right; }
div#usage .point dl dt {}
div#usage .point dl dt img { vertical-align:bottom; }
div#usage .point dl dd { color:#666; }