@charset "UTF-8";



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

div#cover { position:relative; padding:42px 0 0 0; width:810px; }
div#cover h2 { padding:0 0 0 35px; }
div#cover .btn { position:absolute; width:194px; top:-49px; left:636px; }



/* --------------------------------
	ヒミツ
-------------------------------- */

div.sect { margin:30px auto 0 auto; width:740px; 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 { padding:15px 32px 0 32px; width:676px; background:url(../img/index/sect_bg_t.gif) no-repeat left top; }
div.sect .intro {}
div.sect .intro h3 {}
div.sect .intro .txt { padding:0 0 0 1px; }



/* --------------------------------
	ヒミツ 1
-------------------------------- */

div#sect01 { margin-top:0px; }
div#sect01.sect .bg_bg { padding-bottom:31px; }

div#sect01 ul {}
div#sect01 ul li {}
div#sect01 ul li.sect01_01 { padding:22px 0 0 0; }
div#sect01 ul li h4 {}
div#sect01 ul li .txt { padding:0 0 0 1px; }
div#sect01 ul li.sect01_01 ul { padding:13px 0 0 0; }
div#sect01 ul li.sect01_01 ul li { float:left; font-size:0; line-height:1; }



/* --------------------------------
	ヒミツ 2
-------------------------------- */

div#sect02 { position:relative; }
div#sect02.sect .bg_bg { padding-bottom:32px; }

div#sect02 ul {}
div#sect02 ul li { padding:15px 0 0 0; font-size:0; line-height:1; }
div#sect02 ul li h4 {}
div#sect02 ul li ul { padding:0; }
div#sect02 ul li ul li { padding:0; }
div#sect02 ul li ul img { vertical-align:bottom; }
div#sect02 ul li .btn { position:absolute; width:93px; top:110px; left:448px; }



/* --------------------------------
	ヒミツ 3
-------------------------------- */

div#sect03 {}
div#sect03.sect .bg_bg { padding-bottom:25px; }

div#sect03 ul { width:676px; }
div#sect03 ul li { padding:13px 0 0 0; }
div#sect03 ul li h4 { }



/* --------------------------------
	リード
-------------------------------- */

#lead { margin:0 auto 0 auto; width:740px; }



/* --------------------------------
	動画
-------------------------------- */

div#sect04 { margin:0 auto 0 auto; width:740px; background:url(../img/index/sect_04_bg_m.gif) repeat-y left top; }
div#sect04 .bg { padding:0 0 11px 0; background:url(../img/index/sect_04_bg_b.gif) no-repeat left bottom; }

div#sect04 h3 {}
div#sect04 .lead { padding:0 0 0 31px; }
div#sect04 ul { padding:0 0 0 31px; width:679px; }
div#sect04 ul li { padding:25px 0 15px 0; background:url(../../common/img/dt_h_01.gif) repeat-x left bottom; }
div#sect04 ul li.sect_04_01 { padding-top:0; }
div#sect04 ul li .movie { width:306px; float:left; }
div#sect04 ul li .movie #screen_01 { width:306px; height:256px; }
div#sect04 ul li .movie #screen_01 #screen_01_flash {}
div#sect04 ul li .movie #screen_02 { width:306px; height:256px; }
div#sect04 ul li .movie #screen_02 #screen_02_flash {}
div#sect04 ul li .detail { width:343px; float:right; }
div#sect04 ul li .detail h4 {}
div#sect04 ul li .detail .txt { width:214px; float:left; color:#156586; }
div#sect04 ul li .detail .img { width:129px; float:left; font-size:0; line-height:1; }
div#sect04 ul li.sect_04_01 .detail .img { position:relative; margin:-9px 0 0 0; }

div#sect04 .reason { margin:0 auto 0 auto; width:676px; }
div#sect04 .reason .lead,
div#sect04 .reason .img { padding:0 0 0 69px; }
div#sect04 .reason ul { position:relative; margin:-20px 0 0 0; padding:0; font-size:0; line-height:1; }
div#sect04 .reason ul li { padding:20px 0 0 0;  background:none; }

div#sect04 .note { padding:8px 0 0 0; text-align:right; }