@charset "utf-8";

/*
============================================
COMMON STYLE
============================================
*/

/* IEマウスオーバー用 */
html {
*filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* Win_IE表示用 */
* {
	/*¥*//*/
	*zoom: 1;
	/**/
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td { margin:0px; padding:0px;}

* a { outline:none;}

body {
	background:#000;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic","Helvetica","Arial","Verdana",sans-serif;
	color: #FFF;
	font-size: 12px;
	/*¥*/
	*font-size: 75%;
	/**/
	line-height: 1.7;
	/*1.6は1.6em、または160%と同じこと*/
	text-align: left;
}

* html body {/*IE6*/
font-family: "ＭＳ Ｐゴシック","MS P Gothic","Arial","Verdana",sans-serif;
}

table {
font-size: 12px;
/*¥*/
*font-size: 100%;
/**/
}

hr { display: none;}

img { border: none; }
/*img { border: none; background: transparent; color: #FFF;}*/

.imgLft{ float:left; margin:3px 15px 15px 0px;}
.imgRgt{ float:right; margin:3px 0px 10px 15px}

.imgPng {}

a:link { color: #FF0000; text-decoration: underline; }
a:visited {color: #FF0000; text-decoration: underline; }
a:hover {color: #00FFFF; text-decoration: underline; }
a:active {color: #00FFFF; text-decoration: underline; }

.txtBold {font-weight:bold;}

.txtRed { color:#FF0000;}
.txtYlw { color:#FFCC00;}

p { margin-bottom:1em;}
.pClear { margin:0px;}

.deleteLine {text-decoration: line-through;}

/*コメ印のみ左に突き出す方法*/
p.cap {
padding-left:1em;
text-indent:-1em;
margin-bottom:0px;
}

/* PDFアイコン表示 */
a[href$='.pdf'] { padding: 5px 20px 5px 0; background: transparent url(../img/common/icon_pdf.gif) no-repeat right center;}
* html a.pdf { padding: 5px 20px 5px 0; background: transparent url(../img/common/icon_pdf.gif) no-repeat right center;}

/* PDFアイコン表示 IE-6対策 ※bexpressionと{の間にスペース入れるとNGなので要注意！ */
* html a {
behavior: expression(
this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
this.style.behavior = "none"
);
}

/*
=================================================
フォントサイズ用クラス

親要素のbody75%に設定すると、子要素で100%にした場合12pxと同じ表示になる。
75%で9px相当
83.333…%で10px相当（83%推奨）
91.666…%で11px相当（92%推奨）

12pxはbodyで設定。

116.666…%で14px相当（117%推奨）
133.333…%で16px相当（133%推奨）
150%で18px相当
166.666…%で20px相当（167%推奨）
=================================================
*/

.txt09{
font-size:9px;
/*¥*/
*font-size: 75%;
/**/
}
.txt10{
font-size:10px;
/*¥*/
*font-size: 83%;
/**/
}

.txt11{
font-size:11px;
/*¥*/
*font-size: 92%;
/**/
}

.txt14 {
font-size:14px;
/*¥*/
*font-size: 117%;
/**/
}

h1 {
font-size:20px;
/*¥*/
*font-size: 167%;
/**/
}

h2 {
font-size:18px;
/*¥*/
*font-size: 150%;
/**/
}

h3 {
font-size:16px;
/*¥*/
*font-size: 133%;
/**/
}

h4 {
font-size:14px;
/*¥*/
*font-size: 117%;
/**/
}

/*
=================================================
フロートクリア用 clearfixクラス
=================================================
*/

/* FF, O, etc. */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0px; height: 0px;}
/* IE7xhtml*/
.clearfix { display: inline-block;}
/* O */
html[xmlns] .clearfix { display: block;}
/* IE5-6 */
* html .clearfix { height: 1%;}


/*
============================================
TOP
============================================
*/

#bgMain { background: #000 url(../img/top/bg.jpg) no-repeat center top;}

#topContainer { width:980px; margin:0px auto;}

#topHdr { margin-top:15px; height:93px; background:url(../img/top/catchTxt.png) no-repeat left top; text-indent:-9999px; overflow: hidden; position:relative;}
#topHdr .qrcode { width:67px; height:67px; background:url(../img/top/qrcode.gif) no-repeat left top; position:absolute; left:898px; top:5px; text-indent:-9999px; overflow: hidden;}

#enterWrapper { margin:94px 0px 0px 0px; height:60px; background:url(../img/top/txt_enter.png) no-repeat left top; text-indent:-9999px; overflow: hidden; position:relative;}
#enterNavi { width:154px; height:27px; position:absolute; left:233px; top:27px;}
#enterNavi ul { list-style:none;}
#enterNavi li { list-style:none; float:left; display:inline;}
#enterNavi li a { height:27px; text-decoration:none; text-indent:-9999px; overflow:hidden; display:block;}

#enterNavi li.enterHtml { margin-right:8px; width:73px;}
#enterNavi li.enterHtml a { background:url(../img/top/btn_html.gif) no-repeat left top;}
#enterNavi li.enterHtml a:hover { background-position:0px -27px;}

#enterNavi li.enterFlash { width:73px;}
#enterNavi li.enterFlash a { background:url(../img/top/btn_flash.gif) no-repeat left top;}
#enterNavi li.enterFlash a:hover { background-position:0px -27px;}

#topNavi { margin:0px 0px 0px 6px; height:36px;}
#topNavi ul { list-style:none;}
#topNavi li { list-style:none; float:left; display:inline;}
#topNavi li a { height:36px; text-decoration:none; text-indent:-9999px; overflow:hidden; display:block;}

#topNavi li.news, #topNavi li.news-on { margin-right:3px; width:80px;}
#topNavi li.news a { background:url(../img/top/btn_news.png) no-repeat left top;}
#topNavi li.news a:hover { background-position:0px -36px;}

#topNavi li.theaters, #topNavi li.theaters-on { margin-right:3px; width:112px;}
#topNavi li.theaters a { background:url(../img/top/btn_theaters.png) no-repeat left top;}
#topNavi li.theaters a:hover { background-position:0px -36px;}

#topNavi li.trailer, #topNavi li.trailer-on { width:100px;}
#topNavi li.trailer a { background:url(../img/top/btn_trailer.png) no-repeat left top;}
#topNavi li.trailer a:hover { background-position:0px -36px;}

#btnNavi { margin:17px 0px 0px 15px; height:38px; position:relative;}
#btnNavi ul { list-style:none;}
#btnNavi li { list-style:none; float:left; display:inline;}
#btnNavi li a { height:38px; text-decoration:none; text-indent:-9999px; overflow:hidden; display:block;}

#btnNavi li.twitter { margin-right:10px; width:152px;}
#btnNavi li.twitter a { background:url(../img/top/btn_twitter.png) no-repeat left top;}
#btnNavi li.twitter a:hover { background-position:0px -38px;}

#btnNavi li.app { width:152px;}
#btnNavi li.app a { background:url(../img/top/btn_app.png) no-repeat left top;}
#btnNavi li.app a:hover { background-position:0px -38px;}

/*#btnNavi #btnAdvance { width:93px; height:93px; position:absolute; left:326px; top:7px;}
#btnNavi #btnAdvance a { width:93px; height:93px; background:url(../img/top/btn_advance.png) no-repeat left top; text-indent:-9999px; overflow:hidden; display:block;}
#btnNavi #btnAdvance a:hover { background-position:0px -93px;}

#btnNavi li.clock { width:152px; position:relative;}
#btnNavi li.clock a { background:url(../img/top/btn_clock.png) no-repeat left top;}
#btnNavi li.clock a:hover { background-position:0px -52px;}

#btnNavi li.clock .iconNew { width:24px; height:24px; position:absolute; left:139px; top:-3px; background:url(../img/top/icon_new.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}*/

#btnNavi2 { margin:5px 0px 0px 15px; height:76px;}
#btnNavi2 ul { list-style:none;}
#btnNavi2 li { list-style:none; float:left; display:inline;}
#btnNavi2 li a { height:76px; text-decoration:none; text-indent:-9999px; overflow:hidden; display:block;}

#btnNavi2 li.blurayDvd { width:314px;}
#btnNavi2 li.blurayDvd a { background:url(../img/top/btn_blurayDvd.png) no-repeat left top;}
#btnNavi2 li.blurayDvd a:hover { background-position:0px -76px;}

/*#btnNavi2 li.repeater { margin-right:10px; width:152px;}
#btnNavi2 li.repeater a { background:url(../img/top/btn_blurayDvd.png) no-repeat left top;}
#btnNavi2 li.repeater a:hover { background-position:0px -38px;}

#btnNavi2 li.student { width:152px;}
#btnNavi2 li.student a { background:url(../img/top/btn_student.png) no-repeat left top;}
#btnNavi2 li.student a:hover { background-position:0px -38px;}

#btnNavi2 li.arcade { margin-right:10px; width:152px;}
#btnNavi2 li.arcade a { background:url(../img/top/btn_arcade.png) no-repeat left top;}
#btnNavi2 li.arcade a:hover { background-position:0px -38px;}

#btnNavi2 li.app { width:152px; margin-right:10px;}
#btnNavi2 li.app a { background:url(../img/top/btn_app.png) no-repeat left top;}
#btnNavi2 li.app a:hover { background-position:0px -38px;}

#btnNavi2 li.allnight { width:152px;}
#btnNavi2 li.allnight a { background:url(../img/top/btn_allnight.png) no-repeat left top;}
#btnNavi2 li.allnight a:hover { background-position:0px -38px;}

#btnNavi2 li.preview { margin-right:10px; width:152px;}
#btnNavi2 li.preview a { background:url(../img/top/btn_preview.png) no-repeat left top;}
#btnNavi2 li.preview a:hover { background-position:0px -38px;}*/


/*#topMdl { margin-top:64px; height:208px; background:url(../img/top/logo.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}*/
#topMdl { height:198px; background:url(../img/top/logo.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}

#topFtr { margin-bottom:30px; height:120px; background:url(../img/top/creditTxt.png) no-repeat left top; text-indent:-9999px; overflow: hidden; position:relative;}
#topFtr .link-presidio a { width:115px; height:17px; position:absolute; left:511px; top:17px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}
#topFtr .link-happinet a { width:45px; height:17px; position:absolute; left:667px; top:17px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}
#topFtr .link-artfire a { width:123px; height:19px; position:absolute; left:586px; top:91px; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}

#topBanners { text-align:center;}
#topBanners img { margin:0px 20px 15px 0px;}
#topBanners img.mgnClear { margin-right:0px;}
#topBanners a:hover {
filter:alpha(opacity=50); /* for IE */
-moz-opacity:0.50;/* for FF, NN */
opacity:0.50; /* for SF, OP*/
}

/*
============================================
NEWS / THEATERS
============================================
*/

#bgPages { background:url(../img/common/bg.jpg) repeat left top;}

#pagesContainer { width:980px; margin:0px auto; background:#001a1a url(../img/common/hdr.jpg) no-repeat left top;}
#pagesWrapper { width:940px; margin:0px auto; padding-bottom:40px;}

#pagesHdr { height:156px; text-indent:-9999px; overflow: hidden;}

#globalNavi { height:43px; border-bottom:1px solid #acbab8;}
#globalNavi ul { list-style:none;}
#globalNavi li { list-style:none; float:left; display:inline;}
#globalNavi li a { height:26px; text-decoration:none; text-indent:-9999px; overflow:hidden; display:block;}

#globalNavi li.home { margin-right:20px; width:48px;}
#globalNavi li.home a { background:url(../img/common/navi_top.png) no-repeat left top;}
#globalNavi li.home a:hover { background-position:0px -26px;}

#globalNavi li.introstory, #globalNavi li.introstory-on { margin-right:20px; width:199px;}
#globalNavi li.introstory a { background:url(../img/common/navi_introstory.png) no-repeat left top;}
#globalNavi li.introstory a:hover { background-position:0px -26px;}
#globalNavi li.introstory-on a { background:url(../img/common/navi_introstory.png) no-repeat 0px -26px;}

#globalNavi li.cast, #globalNavi li.cast-on { margin-right:20px; width:58px;}
#globalNavi li.cast a { background:url(../img/common/navi_cast.png) no-repeat left top;}
#globalNavi li.cast a:hover { background-position:0px -26px;}
#globalNavi li.cast-on a { background:url(../img/common/navi_cast.png) no-repeat 0px -26px;}

#globalNavi li.staff, #globalNavi li.staff-on { margin-right:20px; width:67px;}
#globalNavi li.staff a { background:url(../img/common/navi_staff.png) no-repeat left top;}
#globalNavi li.staff a:hover { background-position:0px -26px;}
#globalNavi li.staff-on a { background:url(../img/common/navi_staff.png) no-repeat 0px -26px;}

#globalNavi li.trailer, #globalNavi li.trailer-on { margin-right:20px; width:83px;}
#globalNavi li.trailer a { background:url(../img/common/navi_trailer.png) no-repeat left top;}
#globalNavi li.trailer a:hover { background-position:0px -26px;}
#globalNavi li.trailer-on a { background:url(../img/common/navi_trailer.png) no-repeat 0px -26px;}

#globalNavi li.news, #globalNavi li.news-on { margin-right:20px; width:64px; padding-left:20px; border-left:1px solid #acbab8;}
#globalNavi li.news a { background:url(../img/common/navi_news.png) no-repeat left top;}
#globalNavi li.news a:hover { background-position:0px -26px;}
#globalNavi li.news-on a { background:url(../img/common/navi_news.png) no-repeat 0px -26px;}

#globalNavi li.theaters, #globalNavi li.theaters-on { margin-right:20px; width:97px;}
#globalNavi li.theaters a { background:url(../img/common/navi_theaters.png) no-repeat left top;}
#globalNavi li.theaters a:hover { background-position:0px -26px;}
#globalNavi li.theaters-on a { background:url(../img/common/navi_theaters.png) no-repeat 0px -26px;}

#globalNavi li.special, #globalNavi li.special-on { width:84px;}
#globalNavi li.special a { background:url(../img/common/navi_special.png) no-repeat left top;}
#globalNavi li.special a:hover { background-position:0px -26px;}
#globalNavi li.special-on a { background:url(../img/common/navi_special.png) no-repeat 0px -26px;}
#globalNavi li.special-off { width:84px; height:26px; text-indent:-9999px; overflow:hidden; background:url(../img/common/navi_special.png) no-repeat 0px -52px;}

#pagesColWrapper {}

/* 左カラム */
#pagesColLft { width:640px; float:left;}

/* 左カラム共有 */
.dotborder { height:63px; background:url(../img/common/dotborder.gif) repeat-x left top; text-indent:-9999px; overflow: hidden;}

/* 画像とテキストvalign middle */
div.imgTxtMdl {}
div.imgTxtMdl p { display: table-cell; vertical-align: middle; margin: 0px;}
* html .imgTxtMdl p { display: inline; zoom: 1; margin: 0px;} /*for IE6 */
*:first-child+html .imgTxtMdl p { display: inline; zoom: 1; margin: 0px;} /*for IE7 */
div.imgTxtMdl p.imgTxtMdlLft { width: auto; padding-right: 20px;}


/* INTRODUCTION + STORY */
#introductionPageTitle { height:60px; background:url(../img/introstory/title_introduction.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
.picIntrostory { margin-bottom:20px;}

#dotborder_introstory { height:43px; background:url(../img/common/dotborder.gif) repeat-x left top; text-indent:-9999px; overflow: hidden;}

#storyPageTitle { height:60px; background:url(../img/introstory/title_story.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}

/* CAST */
#castPageTitle { height:60px; background:url(../img/cast/title_cast.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
.caststaffNameTxt {
font-size:14px;
/*¥*/
*font-size: 117%;
/**/
color:#FFCC00;
font-weight:bold;
}

.castWrapper{}
.castLftCol01 {width:420px; float:left;}
.castRgtCol01 {width:200px; float:right;}
.castLftCol02 {width:200px; float:left;}
.castRgtCol02 {width:420px; float:right;}

/* STAFF */
#staffPageTitle { height:60px; background:url(../img/staff/title_staff.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
.picStaff { margin:0px 0px 15px 15px; float:right;}

/* NEWS */
#newsPageTitle { height:60px; background:url(../img/news/title_news.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}

.newsPost { background:#020F0F; margin-bottom:30px; padding:15px; border: 3px double #000;
filter:alpha(opacity=85); /* for IE */
-moz-opacity:0.85;/* for FF, NN */
opacity:0.85; /* for SF, OP*/
}
.newsPost ol, .newsPost ul { padding-left:20px;}
.newsDate { color: #FFCC00; font-size: 10px; font-weight:bold;}
.newsTitle {
font-size:14px;
/*¥*/
*font-size: 117%;
/**/
margin-bottom:10px; padding-bottom:3px; font-weight:bold; border-bottom: 1px dotted #CCC;}

.rurleInfoBox { margin:5px 0px 1em 0px; padding:15px; background:#142020; border:1px solid #000;}


/* THEATERS */
#theatersPageTitle { height:60px; background:url(../img/theaters/title_theaters.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}

#ticketInfo { margin-bottom:30px; background:#020F0F; padding:15px; border: 3px double #414b4b;
filter:alpha(opacity=85); /* for IE */
-moz-opacity:0.85;/* for FF, NN */
opacity:0.85; /* for SF, OP*/
}
#ticketLftCol { width:180px; float:left;}
#ticketRgtCol { width:409px; float:right;}
.txtTicket { color:#FFCC00;}
.txtTicketCaution { font-size:10px;}

#theaterNaviWrapper { background:#020F0F; margin-bottom:10px; padding:5px 8px; border: 1px solid #000;
filter:alpha(opacity=85); /* for IE */
-moz-opacity:0.85;/* for FF, NN */
opacity:0.85; /* for SF, OP*/
}
.theaterNavi { text-align:left; float:left; font-size:12px;}
.update { float:right; text-align:right; font-size:12px;}



table.theaters { width:100%; color:#FFF; background:#000; margin-bottom:30px;
filter:alpha(opacity=85); /* for IE */
-moz-opacity:0.85;/* for FF, NN */
opacity:0.85; /* for SF, OP*/
}
table.theaters th { background:#283333; text-align:center; padding: 4px 6px;}
table.theaters th.areaName {background:#414b4b; color:#FFF; text-align:center; padding: 3px 6px;}
table.theaters th.area{ width:15%;}
table.theaters th.theater{ width:55%;}
table.theaters th.open{ width:20%;}
table.theaters th.ticket{ width:10%;}
table.theaters td{ background:#142020; text-align:center; padding: 4px 6px;}
table.theaters td.theater{ text-align:left;}

table.theaters .iconNew { margin-left:5px;}

/* SPECIAL */
#specialPageTitle { height:60px; background:url(../img/special/title_special.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}

.contentsBox { background:#020F0F; margin-bottom:30px; padding:15px; border: 3px double #000;
filter:alpha(opacity=85); /* for IE */
-moz-opacity:0.85;/* for FF, NN */
opacity:0.85; /* for SF, OP*/
}

#nakanobroadway { height:127px; background:url(../img/special/nakanobroadway.gif) no-repeat left top; text-indent:-9999px; overflow: hidden;}

table.infoTable { width:100%; margin:25px 0px; color:#FFF; background:#000; border:1px solid #000; border-collapse: collapse;}
table.infoTable th { width:20%; padding:6px; vertical-align:top; text-align:right; background:#283333;border:1px solid #000; border-collapse: collapse;}
table.infoTable td { width:80%; padding:6px; vertical-align:top; text-align:left; background:#142020;border:1px solid #000; border-collapse: collapse;}

table.infoTable ul { padding-left:20px;}

.btn_apply a { width:167px; height:36px; margin-bottom:10px; background:url(../img/special/btn_apply.gif) no-repeat left top; text-indent:-9999px; overflow: hidden; text-decoration:none; display:block;}
.btn_apply a:hover { background-position:0px -36px;}

#apparelTitle01 { height:46px; background:url(../img/special/apparelTitle01.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#apparelTitle02 { height:46px; background:url(../img/special/apparelTitle02.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#apparelTitle03 { height:46px; background:url(../img/special/apparelTitle03.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#apparelTitle04 { height:46px; background:url(../img/special/apparelTitle04.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#apparelTitle05 { height:46px; background:url(../img/special/apparelTitle05.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#apparelTitle06 { height:46px; background:url(../img/special/apparelTitle06.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}

.apparelLftCol, .campaignLftCol { width:387px; float:left;}
.apparelRgtCol, .campaignRgtCol { width:200px; float:right;}

#campaignTitle01 { height:46px; background:url(../img/special/campaignTitle01.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#campaignTitle02 { height:46px; background:url(../img/special/campaignTitle02.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#campaignTitle03 { height:46px; background:url(../img/special/campaignTitle03.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#campaignTitle04 { height:46px; background:url(../img/special/campaignTitle04.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#campaignTitle05 { height:46px; background:url(../img/special/campaignTitle05.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#campaignTitle06 { height:46px; background:url(../img/special/campaignTitle06.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#campaignTitle07 { height:46px; background:url(../img/special/campaignTitle07.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#campaignTitle08 { height:46px; background:url(../img/special/campaignTitle08.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}

#wallTitle { height:46px; background:url(../img/special/wallTitle.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}

.wallLftCol {width:191px; float:left; text-align:center;}
.wallCtrCol {width:192px; float:left; text-align:center; margin:0px 15px;}
.wallRgtCol {width:191px; float:left; text-align:center;}
.wallThumbPic {margin:5px 0px 10px 0px;}

/* 右カラム */
#pagesColRgt { width:280px; float:right;}

#twitterTitle { height:60px; background:url(../img/common/title_twtr.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#twitterWrapper {}
#hashtagTitle {height:60px; margin-top:10px; background:url(../img/common/title_hash.png) no-repeat left top; text-indent:-9999px; overflow: hidden;}
#hashtagWrapper {}

/* アンカー：ページトップ */
#pagetopWrapper { margin-top:40px; border-top:1px solid #acbab8;}
.btn-pagetop { margin:0px auto; width:141px;}
.btn-pagetop a { height:22px; display:block; text-decoration:none; background:url(../img/common/btn_pageTop.gif) no-repeat left top; text-indent:-9999px; overflow:hidden;}
.btn-pagetop a:hover { background-position:0px -22px;}