@charset "UTF-8";



/* --------------------------------
	コンテンツ
-------------------------------- */

div#content_container { margin-bottom:-6px; background:url(../img/index/content_bg_t.jpg) no-repeat 0 283px; }



/* --------------------------------
	表紙
-------------------------------- */

div#cover {}

div#cover .section { position:relative; padding:283px 0 0 0; width:404px; height:0; float:left; overflow:hidden; }
div#cover .section .btn { position:absolute; left:0; top:0; width:100%; height:283px; background:url(../common/img/btn_detail_ov.gif) no-repeat; }
div#cover .section .btn a { display:block; padding:283px 0 0 0; width:100%; height:0; background:url(../common/img/btn_detail.gif) no-repeat; overflow:hidden; }
div#cover .section .btn a:hover { background-image:none; }

div#cover .section_01 { background:url(../img/index/cover_img_001.jpg) no-repeat; }
div#cover .section_01 .btn,
div#cover .section_01 .btn a { background-position:306px 249px; }
div#cover .section_02 { background:url(../img/index/cover_img_002.jpg) no-repeat; }
div#cover .section_02 .btn,
div#cover .section_02 .btn a { background-position:300px 249px; }



/* --------------------------------
	フィーチャー
-------------------------------- */

div#feature { margin:7px auto 0 auto; width:796px; }

div#feature .section_01 { position:relative; width:437px; height:128px; float:left; }

div#feature .section_01 ul.slide { position:relative; z-index:1; }
div#feature .section_01 ul.slide li { display:none; position:absolute; left:0; top:0; width:100%; height:128px; background:url(../img/index/feat_01_bg.jpg) no-repeat; cursor:pointer; }
div#feature .section_01 ul.slide li .sub { padding:6px 0 0 7px; width:225px; float:left; }
div#feature .section_01 ul.slide li .main { padding:10px 0 0 12px; width:184px; float:left; }
div#feature .section_01 ul.slide li .main dl { height:90px; overflow:auto; }
div#feature .section_01 ul.slide li .main dl dt { font-size:112.5%; line-height:1.222; }
* html div#feature .section_01 ul.slide li .main dl dt { font-size:113%; }/* IE 6 以前 */
div#feature .section_01 ul.slide li .main dl dt a { display:block; position:relative; padding:0 20px 0 0; background:url(../common/img/arw_h_02.gif) no-repeat 100% 0.15em; outline:none; }
div#feature .section_01 ul.slide li .main dl dd { padding:8px 0 0 0; font-size:62.5%; line-height:1.5; }
* html div#feature .section_01 ul.slide li .main dl dd { font-size:63%; }/* IE 6 以前 */
div#feature .section_01 ul.slide li.current { display:block; z-index:1; }
div#feature .section_01 ul.slide li.next { display:block; z-index:2; }

div#feature .section_01 ul.pointer { position:absolute; right:12px; bottom:13px; z-index:2; }
div#feature .section_01 ul.pointer li { padding:0 0 0 5px; float:left; }
div#feature .section_01 ul.pointer li span { display:block; width:10px; height:10px; background:url(../common/img/sliderbox_ptr.gif) no-repeat 0 -10px; font-size:0; line-height:1; cursor:pointer; }
div#feature .section_01 ul.pointer li.current span { background-position:0 0; }

div#feature .section_02 { position:relative; padding:128px 0 0 0; width:348px; height:0; float:right; overflow:hidden; }
div#feature .section_02 a { display:block; position:absolute; left:0; top:0; padding:128px 0 0 0; width:100%; height:0; background:url(../img/index/feat_02_img_001.jpg) no-repeat; overflow:hidden; }
div#feature .section_02 a:hover { background-position:0 -128px; }



/* --------------------------------
	WHAT'S NEW
-------------------------------- */

div#whatsnew { margin:7px auto 0 auto; width:782px; }

div#whatsnew h2 { width:119px; float:left; }
div#whatsnew .list { width:663px; float:right; }
div#whatsnew .list dl { border-top:1px solid #ddd; padding:4px 0 4px 0; width:100%; font-size:62.5%; line-height:1.5; }
div#whatsnew .list dl dt { width:90px; float:left; }
div#whatsnew .list dl dd { padding:0 0 0 5px; width:568px; float:right; }
div#whatsnew .list dl dd a { position:relative; display:block; padding:0 16px 0 0; background:url(../common/img/arw_h_01.gif) no-repeat 100% 0.25em; }
div#whatsnew .list dl dd a:link,
div#whatsnew .list dl dd a:visited { color:#222; text-decoration:none; }
div#whatsnew .list dl dd a:hover,
div#whatsnew .list dl dd a:active { color:#073f4f; text-decoration:underline; }