@charset "UTF-8";



/*
	--------------------------------
	更新日: 2012-08-15
	--------------------------------
*/



@import "global.css";



/* --------------------------------
	body
-------------------------------- */

html,body { min-width:1000px; }
body { background:#000 url(../img/body_bg.gif) repeat-x left top; }



/* --------------------------------
	コンテナ
-------------------------------- */

div#container { width:100%; font-size:75%; line-height:1.5; }
div.fontM div#container_content { font-size:100%; }
div.fontL div#container_content { font-size:116.6%; }

body.about div#container { background:url(../img/container_bg_about.jpg) no-repeat center top; }
body.schedule div#container { background:url(../img/container_bg_schedule.jpg) no-repeat center top; }
body.ticket div#container { background:url(../img/container_bg_ticket.jpg) no-repeat center top; }
body.cast_staff div#container { background:url(../img/container_bg_cast_staff.jpg) no-repeat center top; }
body.dictionary div#container { background:url(../img/container_bg_dictionary.jpg) no-repeat center top; }
body.trivia div#container { background:url(../img/container_bg_trivia.jpg) no-repeat center top; }
body.english div#container { background:url(../img/container_bg_english.jpg) no-repeat center top; }
body.program div#container { background:url(../img/container_bg_program.jpg) no-repeat center top; }
body.mail_magazine div#container { background:url(../img/container_bg_mail_magazine.jpg) no-repeat center top; }
body.guide div#container { background:url(../img/container_bg_guide.jpg) no-repeat center top; }



/* --------------------------------
	ヘッダ
-------------------------------- */

div#header { position:relative; margin:0 auto 0 auto; width:1000px; }
div#hdr_si_logo { width:390px; float:left; }
div#hdr_si_logo h1 {}

div#header #hdr_aside { padding:0 24px 0 0; width:475px; float:right; }
/*-- font_switch --*/
div#header #hdr_aside #font_switch { margin:22px 0 0 10px; width:135px; float:right; }
div#header #hdr_aside #font_switch dl { width:135px; font-size:0; line-height:1; }
div#header #hdr_aside #font_switch dl dt { width:67px; float:left; }
div#header #hdr_aside #font_switch dl dd { width:34px; float:left; }
div#header #hdr_aside #font_switch dl dd#fontsize_m { background:url(../img/hdr_font_middle_bg.gif) no-repeat; }
div.fontM div#header #hdr_aside #font_switch dl dd#fontsize_m img { visibility:hidden; }
div#header #hdr_aside #font_switch dl dd#fontsize_l { background:url(../img/hdr_font_big_bg.gif) no-repeat; }
div.fontL div#header #hdr_aside #font_switch dl dd#fontsize_l img { visibility:hidden; }

/*-- hdr_sub_nav --*/
div#header #hdr_aside #hdr_sub_nav { margin:24px 0 0 0; width:160px; float:right; }
div#header #hdr_aside #hdr_sub_nav ul {}
div#header #hdr_aside #hdr_sub_nav ul li { float:left; }
div#header #hdr_aside #hdr_sub_nav ul li a { display:block; padding:24px 0 0 0; height:0; background:url(../img/hdr_nav.gif) no-repeat; overflow:hidden; }

div#header #hdr_aside #hdr_sub_nav ul li.tw { width:24px; margin:0 3px 0 0; }
div#header #hdr_aside #hdr_sub_nav ul li.tw a { background-position:0 -100px; }
div#header #hdr_aside #hdr_sub_nav ul li.tw a:hover { background-position:0 -130px; }

div#header #hdr_aside #hdr_sub_nav ul li.fb { width:24px; margin:0 19px 0 0; }
div#header #hdr_aside #hdr_sub_nav ul li.fb a { background-position:-27px -100px; }
div#header #hdr_aside #hdr_sub_nav ul li.fb a:hover { background-position:-27px -130px; }

div#header #hdr_aside #hdr_sub_nav ul li.en { width:90px; }
div#header #hdr_aside #hdr_sub_nav ul li.en a { background-position:-70px -100px; }
div#header #hdr_aside #hdr_sub_nav ul li.en a:hover { background-position:-70px -130px; }

/*-- hdr_nav --*/
div#header #hdr_aside #hdr_nav { clear:both; padding:9px 7px 0 0; width:468px; }
div#header #hdr_aside #hdr_nav ul {}
div#header #hdr_aside #hdr_nav ul li { float:left; }
div#header #hdr_aside #hdr_nav ul li a { display:block; padding:40px 0 0 0; height:0; background:url(../img/hdr_nav.gif) no-repeat; overflow:hidden; }

div#header #hdr_aside #hdr_nav ul li.hdr_nav_01 { width:103px; }
div#header #hdr_aside #hdr_nav ul li.hdr_nav_01 a { background-position:0 0; }
div#header #hdr_aside #hdr_nav ul li.hdr_nav_01 a:hover,
body.guide div#header #hdr_aside #hdr_nav ul li.hdr_nav_01 a { background-position:0 -50px; }

div#header #hdr_aside #hdr_nav ul li.hdr_nav_02 { width:116px; }
div#header #hdr_aside #hdr_nav ul li.hdr_nav_02 a { background-position:-103px 0; }
div#header #hdr_aside #hdr_nav ul li.hdr_nav_02 a:hover,
body.dictionary div#header #hdr_aside #hdr_nav ul li.hdr_nav_02 a { background-position:-103px -50px; }

div#header #hdr_aside #hdr_nav ul li.hdr_nav_03 { width:126px; }
div#header #hdr_aside #hdr_nav ul li.hdr_nav_03 a { background-position:-219px 0; }
div#header #hdr_aside #hdr_nav ul li.hdr_nav_03 a:hover,
body.mail_magazine div#header #hdr_aside #hdr_nav ul li.hdr_nav_03 a { background-position:-219px -50px; }

div#header #hdr_aside #hdr_nav ul li.hdr_nav_04 { width:123px; }
div#header #hdr_aside #hdr_nav ul li.hdr_nav_04 a { background-position:-345px 0; }
div#header #hdr_aside #hdr_nav ul li.hdr_nav_04 a:hover { background-position:-345px -50px; }



/* --------------------------------
	グロナビ
-------------------------------- */

div#gnav { clear:both; position:absolute; left:0; z-index:200; width:100%; min-width:1000px; background:url(../img/gnav_bg.png) no-repeat center top; }
div#gnav_content { margin:0 auto 0 auto; width:1000px; }
div#gnav_content ul {}
div#gnav_content ul li { float:left; }
div#gnav_content ul li a { display:block; padding:44px 0 0 0; height:0; background:url(../img/gnav.png) no-repeat; overflow:hidden; }
div#gnav_content ul li.gnav_01 { width:123px; }
div#gnav_content ul li.gnav_01 a { background-position:0 0; }
div#gnav_content ul li.gnav_01 a:hover,
body.program div#gnav_content ul li.gnav_01 a { background-position:0 -44px; }

div#gnav_content ul li.gnav_02 { width:168px; }
div#gnav_content ul li.gnav_02 a { background-position:-123px 0; }
div#gnav_content ul li.gnav_02 a:hover,
body.cast_staff div#gnav_content ul li.gnav_02 a { background-position:-123px -44px; }

div#gnav_content ul li.gnav_03 { width:178px; }
div#gnav_content ul li.gnav_03 a { background-position:-291px 0; }
div#gnav_content ul li.gnav_03 a:hover,
body.schedule div#gnav_content ul li.gnav_03 a { background-position:-291px -44px; }

div#gnav_content ul li.gnav_04 { width:158px; }
div#gnav_content ul li.gnav_04 a { background-position:-469px 0; }
div#gnav_content ul li.gnav_04 a:hover,
body.ticket div#gnav_content ul li.gnav_04 a { background-position:-469px -44px; }

div#gnav_content ul li.gnav_05 { width:132px; }
div#gnav_content ul li.gnav_05 a { background-position:-627px 0; }
div#gnav_content ul li.gnav_05 a:hover,
body.new_info div#gnav_content ul li.gnav_05 a { background-position:-627px -44px; }

div#gnav_content ul li.gnav_06 { width:241px; }
div#gnav_content ul li.gnav_06 a { background-position:-759px 0; }
div#gnav_content ul li.gnav_06 a:hover,
body.about div#gnav_content ul li.gnav_06 a { background-position:-759px -44px; }



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

div#content { clear:both; margin:0 auto 0 auto; padding:44px 0 0 0; width:1000px; }
div#content_bg { clear:both; margin:0 auto 0 auto; padding:0 15px 0 15px; width:930px; background:url(../img/content_bg.jpg) no-repeat center 341px; }

/* --- fancyboxの設定 --- */
#fancybox-close { top: -23px !important; right: 0 !important; width:56px !important; height:17px !important; background: url(../../common/img/btn_overlay.gif) no-repeat left top !important; }
#fancybox-close:hover { background: url(../../common/img/btn_overlay_ov.gif) no-repeat left top !important; }


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

div#title { height:190px; overflow:hidden; }



/* --------------------------------
	ページトップ
-------------------------------- */

div#pagetop { clear:both; padding:45px 0 0 0; }
div#pagetop p { padding:0 30px 0 0; text-align:right; }



/* --------------------------------
	フッタ
-------------------------------- */

div#footer { clear:both; margin:20px auto 0 auto; padding:35px 0 40px 0; width:1000px; text-align:right; background:#000 url(../img/ftr_bg.jpg) no-repeat center bottom; }
div#footer_content { padding:0 21px 0 34px; width:290px; float:right; }
div#footer div#footer_content p.copy { padding:7px 0 0 0; width:218px; float:left; }
div#footer div#footer_content p.img { width:62px; float:right; }