@charset "UTF-8";


/* -------------------------------- 
	body
-------------------------------- */

body { background-image:none; background-color:#000000; }



/* -------------------------------- 
	ヘッダ
-------------------------------- */

div#header_container {}



/* -------------------------------- 
	フッタ
-------------------------------- */

div#footer_container {}
div#footer { padding-top:48px; background:none; }
div#footer #copy { padding:7px 0 0 34px; width:218px; float:left; }
div#footer #credit { padding:0 21px 0 0; width:703px; float:right; }
div#footer #credit ul { font-size:0; line-height:1; }
div#footer #credit ul li { float:left; }



/* -------------------------------- 
	メインビジュアル
-------------------------------- */

div#main_visual { position:relative; z-index:100; margin:26px 0 0 0; width:100%; height:428px; overflow:hidden; }
div#main_visual #mv_intro { display:none; position:absolute; left:0; top:0; z-index:1000; width:100%; height:428px; background:#000; }
div#main_visual #mv_intro_container { margin:0 auto 0 auto; width:932px; height:428px; background:url(../img/index/mv_intro_bg.gif) no-repeat; }
div#main_visual #mv_intro_container p { display:none; padding:156px 0 0 272px; }
div#main_visual_container { position:relative; left:50%; z-index:1; width:20000px; height:310px; }
div#main_visual #bg_container { position:absolute; left:-11000px; width:18000px; height:310px; }
div#main_visual #bg_container .section { position:relative; width:830px; height:310px; float:left; margin:0 50px 0 0; }
div#main_visual #bg_container #bg_01 { background:url(../img/index/mv_01_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_02 { background:url(../img/index/mv_02_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_03 { background:url(../img/index/mv_03_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_04 { background:url(../img/index/mv_04_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_05 { background:url(../img/index/mv_05_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_06 { background:url(../img/index/mv_06_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_07 { background:url(../img/index/mv_07_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_08 { background:url(../img/index/mv_08_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_09 { background:url(../img/index/mv_09_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_10 { background:url(../img/index/mv_10_bg.jpg) no-repeat; }
div#main_visual #bg_container #bg_11 { background:url(../img/index/mv_11_bg.jpg) no-repeat; }

div#main_visual #section_container { position:absolute; left:-11000px; width:18000px; height:310px; }
div#main_visual #section_container .section { position:relative; width:539px; float:left; margin:70px 341px 0 0; }
div#main_visual #section_container .section p.typo {}
div#main_visual #section_container .section p.typo span { display:none; }
div#main_visual #section_container  #section_01 p.typo { background:url(../img/index/mv_01_typo.png) no-repeat; width:539px; height:156px; }
div#main_visual #section_container  #section_02 p.typo { background:url(../img/index/mv_02_typo.png) no-repeat; width:539px; height:156px; }
div#main_visual #section_container  #section_03 p.typo { background:url(../img/index/mv_03_typo.png) no-repeat; width:539px; height:182px; }
div#main_visual #section_container  #section_04 p.typo { background:url(../img/index/mv_04_typo.png) no-repeat; width:539px; height:157px; }
div#main_visual #section_container  #section_05 p.typo { background:url(../img/index/mv_05_typo.png) no-repeat; width:539px; height:156px; }
div#main_visual #section_container  #section_06 p.typo { background:url(../img/index/mv_06_typo.png) no-repeat; width:539px; height:157px; }
div#main_visual #section_container  #section_07 p.typo { background:url(../img/index/mv_07_typo.png) no-repeat; width:539px; height:172px; }
div#main_visual #section_container  #section_08 p.typo { background:url(../img/index/mv_08_typo.png) no-repeat; width:539px; height:158px; }
div#main_visual #section_container  #section_09 p.typo { background:url(../img/index/mv_09_typo.png) no-repeat; width:539px; height:156px; }
div#main_visual #section_container  #section_10 p.typo { background:url(../img/index/mv_10_typo.png) no-repeat; width:539px; height:156px; }
div#main_visual #section_container  #section_11 p.typo { background:url(../img/index/mv_11_typo.png) no-repeat; width:539px; height:160px; }
div#main_visual #section_container .section p.btn {}
div#main_visual #section_container #section_01 p.btn { margin:0 0 0 147px; }
div#main_visual #section_container #section_02 p.btn { margin:0 0 0 151px; }
div#main_visual #section_container #section_03 p.btn { margin:0 0 0 129px; }
div#main_visual #section_container #section_04 p.btn { margin:0 0 0 132px; }
div#main_visual #section_container #section_05 p.btn { margin:0 0 0 183px; }
div#main_visual #section_container #section_06 p.btn { margin:0 0 0 142px; }
div#main_visual #section_container #section_07 p.btn { margin:0 0 0 111px; }
div#main_visual #section_container #section_08 p.btn { margin:0 0 0 142px; }
div#main_visual #section_container #section_09 p.btn { margin:0 0 0 153px; }
div#main_visual #section_container #section_10 p.btn { margin:0 0 0 184px; }
div#main_visual #section_container #section_11 p.btn { margin:0 0 0 160px; }

div#main_visual div#main_visual_nav { display:none; position:relative; z-index:500; margin:-310px auto 0 auto; width:932px; }
div#main_visual div#main_visual_nav p.prev { position:absolute; left:3px; top:138px; width:33px; height:33px; background:url(../img/index/mv_btn_prev_bg.gif) no-repeat; }
div#main_visual div#main_visual_nav p.next { position:absolute; right:3px; top:138px; width:33px; height:33px; background:url(../img/index/mv_btn_next_bg.gif) no-repeat; }
div#main_visual div#main_visual_nav ul { position:absolute; left:119px; top:324px; width:718px; height:104px; }
div#main_visual div#main_visual_nav ul li { position:absolute; }
div#main_visual div#main_visual_nav ul li a { display:block; padding:28px 0 0 0; height:0; background:url(../img/index/mv_nav.gif) no-repeat; overflow:hidden; }

div#main_visual div#main_visual_nav ul li#tab_01 { left:6px; top:9px; width:157px; }
div#main_visual div#main_visual_nav ul li#tab_01 a { width:157px; background-position:-6px -9px; }
div#main_visual div#main_visual_nav ul li#tab_01 a.current,
div#main_visual div#main_visual_nav ul li#tab_01 a:hover,
div#main_visual div#main_visual_nav ul li#tab_01 a.current:hover { background-position:-6px -113px; }

div#main_visual div#main_visual_nav ul li#tab_02 { left:191px; top:9px; width:168px; }
div#main_visual div#main_visual_nav ul li#tab_02 a { width:168px; background-position:-191px -9px; }
div#main_visual div#main_visual_nav ul li#tab_02 a.current,
div#main_visual div#main_visual_nav ul li#tab_02 a:hover,
div#main_visual div#main_visual_nav ul li#tab_02 a.current:hover { background-position:-191px -113px; }

div#main_visual div#main_visual_nav ul li#tab_03 { left:387px; top:9px; width:145px; }
div#main_visual div#main_visual_nav ul li#tab_03 a { width:145px; background-position:-387px -9px; }
div#main_visual div#main_visual_nav ul li#tab_03 a.current,
div#main_visual div#main_visual_nav ul li#tab_03 a:hover,
div#main_visual div#main_visual_nav ul li#tab_03 a.current:hover { background-position:-387px -113px; }

div#main_visual div#main_visual_nav ul li#tab_04 { left:562px; top:9px; width:146px; }
div#main_visual div#main_visual_nav ul li#tab_04 a { width:146px; background-position:-562px -9px; }
div#main_visual div#main_visual_nav ul li#tab_04 a.current,
div#main_visual div#main_visual_nav ul li#tab_04 a:hover,
div#main_visual div#main_visual_nav ul li#tab_04 a.current:hover { background-position:-562px -113px; }

div#main_visual div#main_visual_nav ul li#tab_05 { left:6px; top:37px; width:130px; }
div#main_visual div#main_visual_nav ul li#tab_05 a { width:130px; background-position:-6px -37px; }
div#main_visual div#main_visual_nav ul li#tab_05 a.current,
div#main_visual div#main_visual_nav ul li#tab_05 a:hover,
div#main_visual div#main_visual_nav ul li#tab_05 a.current:hover { background-position:-6px -141px; }

div#main_visual div#main_visual_nav ul li#tab_06 { left:191px; top:37px; width:125px; }
div#main_visual div#main_visual_nav ul li#tab_06 a { width:125px; background-position:-191px -37px; }
div#main_visual div#main_visual_nav ul li#tab_06 a.current,
div#main_visual div#main_visual_nav ul li#tab_06 a:hover,
div#main_visual div#main_visual_nav ul li#tab_06 a.current:hover { background-position:-191px -141px; }

div#main_visual div#main_visual_nav ul li#tab_07 { left:387px; top:37px; width:267px; }
div#main_visual div#main_visual_nav ul li#tab_07 a { width:267px; background-position:-387px -37px; }
div#main_visual div#main_visual_nav ul li#tab_07 a.current,
div#main_visual div#main_visual_nav ul li#tab_07 a:hover,
div#main_visual div#main_visual_nav ul li#tab_07 a.current:hover { background-position:-387px -141px; }

div#main_visual div#main_visual_nav ul li#tab_08 { left:6px; top:64px; width:134px; }
div#main_visual div#main_visual_nav ul li#tab_08 a { width:134px; background-position:-6px -64px; }
div#main_visual div#main_visual_nav ul li#tab_08 a.current,
div#main_visual div#main_visual_nav ul li#tab_08 a:hover,
div#main_visual div#main_visual_nav ul li#tab_08 a.current:hover { background-position:-6px -168px; }

div#main_visual div#main_visual_nav ul li#tab_09 { left:191px; top:64px; width:135px; }
div#main_visual div#main_visual_nav ul li#tab_09 a { width:135px; background-position:-191px -64px; }
div#main_visual div#main_visual_nav ul li#tab_09 a.current,
div#main_visual div#main_visual_nav ul li#tab_09 a:hover,
div#main_visual div#main_visual_nav ul li#tab_09 a.current:hover { background-position:-191px -168px; }

div#main_visual div#main_visual_nav ul li#tab_10 { left:382px; top:64px; width:111px; }
div#main_visual div#main_visual_nav ul li#tab_10 a { width:111px; background-position:-382px -64px; }
div#main_visual div#main_visual_nav ul li#tab_10 a.current,
div#main_visual div#main_visual_nav ul li#tab_10 a:hover,
div#main_visual div#main_visual_nav ul li#tab_10 a.current:hover { background-position:-382px -168px; }

div#main_visual div#main_visual_nav ul li#tab_11 { left:557px; top:64px; width:109px; }
div#main_visual div#main_visual_nav ul li#tab_11 a { width:109px; background-position:-557px -64px; }
div#main_visual div#main_visual_nav ul li#tab_11 a.current,
div#main_visual div#main_visual_nav ul li#tab_11 a:hover,
div#main_visual div#main_visual_nav ul li#tab_11 a.current:hover { background-position:-557px -168px; }




/* -------------------------------- 
	コンテンツ
-------------------------------- */

div#content { clear:both; margin:5px auto 0 auto; padding:49px 0 0 0; width:960px; background:url(../img/index/content_bg_t.gif) no-repeat; }

div#content div#topics { padding:0 0 0 51px; width:525px; float:left; }
div#content div#topics .intro { width:525px; }
div#content div#topics .intro h2 { width:79px; float:left; }
div#content div#topics .intro p.btn { width:79px; float:right; }
div#content div#topics .list { clear:both; padding:11px 0 0 0; width:525px; }
div#content div#topics .list #feed {}
div#content div#topics .list #feed p.loading { padding:100px 0 50px 0; text-align:center; }
div#content div#topics .list #feed ul {}
div#content div#topics .list #feed ul li { clear:both; margin:1px 0 0 0; width:525px; float:left; }
div#content div#topics .list #feed ul li.even { background:url(../img/index/topics_list_bg_odd.gif) repeat; }
div#content div#topics .list #feed ul li.odd { background:url(../img/index/topics_list_bg_even.gif) repeat; }
div#content div#topics .list #feed ul li .date { width:84px; float:left; }
div#content div#topics .list #feed ul li .date p { padding:9px 5px 9px 15px; font-family:"Times New Roman", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif; font-size:91.7%; color:#cab760; }
div#content div#topics .list #feed ul li .title { border-left:1px #000 solid; width:439px; float:right; }
div#content div#topics .list #feed ul li .title span.new { padding:0 0 0 10px; }
div#content div#topics .list #feed ul li .title span.new img { vertical-align:middle; }
div#content div#topics .list #feed ul li .title a { display:block; padding:9px 15px 9px 15px; width:409px; }
div#content div#topics .list #feed ul li .title a:link { color:#bcbcbc; text-decoration:none; }
div#content div#topics .list #feed ul li .title a:visited { color:#bcbcbc; text-decoration:none; }
div#content div#topics .list #feed ul li .title a:hover { color:#cab760; text-decoration:none; }
div#content div#topics .list #feed ul li .title a:active { color:#cab760; text-decoration:none; }

div#content div#related { padding:0 51px 0 0; width:300px; float:right; }
div#content div#related #notice { width:300px; }
div#content div#related #notice h2 {}
div#content div#related #notice .video { margin:12px 0 0 0; }
div#content div#related #related_bnr { padding:10px 0 0 0; }
div#content div#related #related_bnr ul { font-size:0; line-height:1; }
div#content div#related #related_bnr ul li { padding:10px 0 0 0; }
div#content div#related #related_btn { margin:12px 0 0 0; }
div#content div#related #related_btn ul { padding:0 0 0 15px; width:273px; font-size:0; line-height:1; }
div#content div#related #related_btn ul li { float:left; padding:0 10px 0 0; }





