@charset "UTF-8";



/* --------------------------------
	すご落ちのヒミツ
-------------------------------- */

h1 { text-align:center;}

div#reason { margin:0 auto 0 auto; width:790px; background:#fff url(../img/index/reason_bg_b.jpg) no-repeat left bottom; }
div#reason_bg { padding:0 0 40px 40px; background:url(../img/index/reason_bg_t.jpg) no-repeat left top; }



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

div#cover {}
div#cover h2 { padding:42px 0 0 0; width:527px; float:left; }
div#cover .img { position:relative; margin:-46px 0 -35px 0; width:223px; float:left; }



/* --------------------------------
	理由
-------------------------------- */

div.sect { width:710px; background:url(../img/index/sect_bg_m.gif) repeat-y left top; }
div.sect .bg { background:url(../img/index/sect_bg_b.gif) no-repeat left bottom; }
div.sect .bg_bg { width:710px; background:url(../img/index/sect_bg_t.gif) no-repeat left top; }
div.sect h3 {}



/* --------------------------------
	理由　1
-------------------------------- */

div#sect01 {}
div#sect01 .bg_bg { padding:31px 29px 15px 25px; width:656px; }

div#sect01 .movie { width:306px; float:left; }
div#sect01 .movie #screen { width:100%; height:256px; }
div#sect01 .movie .txt { padding:17px 0 0 5px; color:#999; }
div#sect01 ul{ width:331px; float:right; }
div#sect01 ul li { padding:15px 0 10px 0; background:url(../img/index/dt_h_01.gif) no-repeat left top; }
div#sect01 ul li.first { padding-top:0; background:none; }
div#sect01 ul li .mrk { display:block; width:20px; float:left; }
div#sect01 ul li .txt { display:block; width:310px; float:left; }
div#sect01 ul li .txt .note { padding:3px 0 0 0; font-size:83.3%; line-height:1.5; color:#999; }
* html div#sect01 ul li .txt .note { font-size:84%; }/* IE 6 以前 */


/* --------------------------------
	理由　2
-------------------------------- */

div#sect02 { margin:27px 0 0 0; }
div#sect02 .bg_bg { padding:32px 12px 27px 25px; width:673px; }

div#sect02 .main { padding:0 23px 0 0; width:300px; float:left; background:url(../../common/img/dt_v_02.gif) repeat-y top right; }
div#sect02 .sub { width:329px; float:left; }
div#sect02 .sub .img {}
div#sect02 .sub .txt { padding:2px 0 0 18px; }

div#sect02 ul { clear:both; padding:36px 0 0 0; width:673px; } 
div#sect02 ul li { padding:0 0 0 6px; height:201px; float:left; background:url(../img/index/dt_v_01.gif) no-repeat right top; }
div#sect02 ul li.flow01 { padding-left:0; width:215px; }
div#sect02 ul li.flow02 { width:213px; }
div#sect02 ul li.flow03 { width:232px; background:none; }
div#sect02 ul li dl {}
div#sect02 ul li dl dt { font-size:0; line-height:1; }
div#sect02 ul li dl dd { padding:8px 15px 0 10px; }

div#sect02 .lead { padding:39px 0 0 0; }
div#sect02 .story { margin:27px 0 0 0; width:661px; background:url(../img/index/sect_02_story_bg_m.gif) repeat-y left top; }
div#sect02 .story .bg { background:url(../img/index/sect_02_story_bg_b.gif) no-repeat left bottom; }
div#sect02 .story .bg_bg { padding:0 20px 20px 20px; width:621px; background:url(../img/index/sect_02_story_bg_t.gif) no-repeat left top; }
div#sect02 .story p { padding:20px 0 0 0; }
div#sect02 .reason { padding:21px 0 0 0; }



/* --------------------------------
	理由　3
-------------------------------- */

div#sect03 { margin:36px 0 0 0; }
div#sect03 .bg_bg { padding:31px 38px 32px 0; width:672px; }

div#sect03 .main { width:392px; float:right; }
div#sect03 .main h4 {}
div#sect03 .main ul {}
div#sect03 .main ul li { padding:17px 0 0 0; }
div#sect03 .main ul li .txt{ padding:7px 5px 0 2px; }
div#sect03 .sub { width:242px; float:left; }



/* --------------------------------
	理由　4
-------------------------------- */

div#sect04 { margin:37px 0 0 0; }
div#sect04 .sect { position:relative; background:none; }
div#sect04 .sect .img {}
div#sect04 .sect .overview{ position:absolute; width:148px; top:11px; left:551px; }