@charset "UTF-8";



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

h1 {}



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

div#cover { background:url(../img/seat/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; overflow:auto; }
div#cover .main dl dd .txt { padding:0 28px 0 15px; color:#fff; line-height:1.333; }

div#cover .sub { width:391px; float:left; }

div#cover .main dl.cover_01 dd { margin:-15px 0 0 0; height:83px; }
div#cover .main dl.cover_01 dd .btn { padding:5px 28px 0 0; text-align:right; }
div#cover .main dl.cover_02 dd { margin:-16px 0 0 0; height:38px; }
div#cover .main dl.cover_03 dd { margin:-7px 0 0 0; height:105px; }
div#cover .main dl.cover_03 dd .txt { padding-right:0; width:250px; float:left; }
div#cover .main dl.cover_03 dd .img { width:176px; float:right; }



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

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

div#overview .main { width:482px; float:left; }
div#overview .main ul {}
div#overview .main ul li { padding:29px 0 0 0; }
div#overview .main ul li .main { width:397px; float:right; }
div#overview .main ul li .main p {}
div#overview .main ul li .main ul { padding:0 0 0 6px; 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:15px 0 0 0; width:272px; 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; }