@charset "UTF-8";

/* ***************************
 * *** RESET CSS
	* ***************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }


/* ベーシックエレメント */
br { letter-spacing:0; }/* IE で連続したBRを使用可 */
hr { display:none; }/* 非表示 */
p { text-align:justify; }/* テキストの左右を揃える */
* html body p { text-justify:inter-ideograph; }/* Hack for IE 6 */
th, td { vertical-align:top; word-break:break-all; }/* Hack for IE 6 英文字を単語の途中でも改行する */

.hide { position:absolute; left:-100em; height:1px; width:1px; overflow:hidden; }/* 非表示 */
.png { behavior:expression(IEPNGFIX.fix(this)); }/* Need iepngfix.jp */
.leftalign { float:left; margin-right:10px; }
.rightalign { float:right; margin-left:10px; }
.pagetop { text-align:right; margin-bottom:20px; clear:both;  }
.pagetop a { text-decoration:none; }

a { color:#0033CC; }
a:hover { color:#0099FF; }

/* ******************************************************
 * *** COMMON
	* ******************************************************/
body { background:#FFFFFF url(../img/bg_2.jpg) top center no-repeat; text-align:center; }
#wrap:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
#wrap { position:relative; width:900px; height:220px; margin:0 auto; clear:both; }
/*\*/
* html #wrap { height: 1em; overflow: visible; }
/**/

/* *** Global Menu
	* ***************************/
/* メインメニュー：共通 */
#mainmenu { clear:both; width:900px; height:28px; margin-bottom:22px; border-bottom:solid 1px #0066CC; }
	#mainmenu ul.first_menu li { float:left; }

	/* メインメニュー：２階層目 */
	#mainmenu ul.first_menu li a { display:block; width:150px; height:28px; overflow:hidden; text-indent:-9999px; }
		#mainmenu ul.first_menu li a#mm00 { background:url(../img/mainmenu_top.gif) -900px 0px no-repeat; }
		#mainmenu ul.first_menu li a#mm00:hover { background:url(../img/mainmenu_top.gif) -900px -28px no-repeat; }
		#mainmenu ul.first_menu li a#mm01 { background:url(../img/mainmenu_top.gif) -15px 0px no-repeat; }
		#mainmenu ul.first_menu li a#mm01:hover { background:url(../img/mainmenu_top.gif) -15px -28px no-repeat; }
		#mainmenu ul.first_menu li a#mm02 { background:url(../img/mainmenu_top.gif) -195px 0px no-repeat; }
		#mainmenu ul.first_menu li a#mm02:hover { background:url(../img/mainmenu_top.gif) -195px -28px no-repeat; }
		#mainmenu ul.first_menu li a#mm03 { background:url(../img/mainmenu_top.gif) -375px 0px no-repeat; }
		#mainmenu ul.first_menu li a#mm03:hover { background:url(../img/mainmenu_top.gif) -375px -28px no-repeat; }
		#mainmenu ul.first_menu li a#mm04 { background:url(../img/mainmenu_top.gif) -555px 0px no-repeat; }
		#mainmenu ul.first_menu li a#mm04:hover { background:url(../img/mainmenu_top.gif) -555px -28px no-repeat; }
		#mainmenu ul.first_menu li a#mm05 { background:url(../img/mainmenu_top.gif) -735px 0px no-repeat; }
		#mainmenu ul.first_menu li a#mm05:hover { background:url(../img/mainmenu_top.gif) -735px -28px no-repeat; }
	/* メインメニュー：トップページ */
	body#top #mainmenu ul.first_menu li a { width:180px; }
		body#top #mainmenu ul.first_menu li a#mm01 { background:url(../img/mainmenu_top.gif) 0px 0px no-repeat; }
		body#top #mainmenu ul.first_menu li a#mm01:hover { background:url(../img/mainmenu_top.gif) 0px -28px no-repeat; }
		body#top #mainmenu ul.first_menu li a#mm02 { background:url(../img/mainmenu_top.gif) -180px 0px no-repeat; }
		body#top #mainmenu ul.first_menu li a#mm02:hover { background:url(../img/mainmenu_top.gif) -180px -28px no-repeat; }
		body#top #mainmenu ul.first_menu li a#mm03 { background:url(../img/mainmenu_top.gif) -360px 0px no-repeat; }
		body#top #mainmenu ul.first_menu li a#mm03:hover { background:url(../img/mainmenu_top.gif) -360px -28px no-repeat; }
		body#top #mainmenu ul.first_menu li a#mm04 { background:url(../img/mainmenu_top.gif) -540px 0px no-repeat; }
		body#top #mainmenu ul.first_menu li a#mm04:hover { background:url(../img/mainmenu_top.gif) -540px -28px no-repeat; }
		body#top #mainmenu ul.first_menu li a#mm05 { background:url(../img/mainmenu_top.gif) -720px 0px no-repeat; }
		body#top #mainmenu ul.first_menu li a#mm05:hover { background:url(../img/mainmenu_top.gif) -720px -28px no-repeat; }

/* 吹き出しサブメニュー：作品情報 */
	ul#tooltip01 { opacity:1; width:441px; padding:2px 4px 25px 3px; display:none; background:url(../img/tooltip01.gif) top left no-repeat; }
	* html ul#tooltip01 { width:448px; }/* Hack for IE 6 */
	ul#tooltip01 li { float:left; }
	ul#tooltip01 li a { display:block; height:28px; overflow:hidden; position:relative; }
		ul#tooltip01 li#tt01 a { width:159px !important; background:url(../img/tooltip01_menu.gif) 0px 0px no-repeat; }
		ul#tooltip01 li#tt01 a:hover { background:url(../img/tooltip01_menu.gif) 0px -28px no-repeat; }
		ul#tooltip01 li#tt02 a { width:104px !important; background:url(../img/tooltip01_menu.gif) -159px 0px no-repeat; }
		ul#tooltip01 li#tt02 a:hover { background:url(../img/tooltip01_menu.gif) -159px -28px no-repeat; }
		ul#tooltip01 li#tt03 a { width:89px !important; background:url(../img/tooltip01_menu.gif) -263px 0px no-repeat; }
		ul#tooltip01 li#tt03 a:hover { background:url(../img/tooltip01_menu.gif) -263px -28px no-repeat; }
		ul#tooltip01 li#tt04 a { width:89px !important; background:url(../img/tooltip01_menu.gif) -352px 0px no-repeat; }
		ul#tooltip01 li#tt04 a:hover { background:url(../img/tooltip01_menu.gif) -352px -28px no-repeat; }
/* 吹き出しサブメニュー：予告映像 */
	ul#tooltip02 { opacity:1; width:182px; padding:2px 4px 25px 8px; display:none; background:url(../img/tooltip02.gif) top left no-repeat; }
	* html ul#tooltip02 { width:185px; }/* Hack for IE 6 */
	ul#tooltip02 li { float:left; display:block; height:28px; }
	ul#tooltip02 li a { display:block; height:28px; overflow:hidden; position:relative; }
		ul#tooltip02 li#tt05 a { width:85px !important; background:url(../img/tooltip02_menu.gif) 0px 0px no-repeat; }
		ul#tooltip02 li#tt05 a:hover { background:url(../img/tooltip02_menu.gif) 0px -28px no-repeat; }
		ul#tooltip02 li#tt06 a { width:88px !important; background:url(../img/tooltip02_menu.gif) -85px 0px no-repeat; }
		ul#tooltip02 li#tt06 a:hover { background:url(../img/tooltip02_menu.gif) -85px -28px no-repeat; }

		/* 公開時に削除する */
		ul#tooltip02 li#tt07 { width:130px !important; background:url(../img/tooltip02_menu.gif) -222px 0px no-repeat; text-indent:-9999px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; }

/* フッターエリア */
#footer {}
body#top address {}


/* ******************************************************
 * *** TOP PAGE ONLY
	* ******************************************************/
body#top { background:#FFFFFF url(../img/bg.jpg) top center no-repeat; text-align:center; }

/* メインビジュアル */
	#header { position:relative; width:100%; max-width:1200px; min-width:900px; height:540px; margin:0 auto; text-align:center; overflow:hidden; }

	#imagebox { position:relative; width:100%; margin:138px 0 52px; }
		#imagebox h1 { position:absolute; display:block; width:274px; height:110px; background:url(../img/logo_top.png) top left no-repeat; top:27px; left:50%; margin-left:-137px; text-indent:-9999px; }
		#imagebox img#maincast01 { float:right; }
		#imagebox img#maincast02 { float:left; }

#takeoff { position:absolute; top:360px; left:50%; margin-left:-440px; width:880px; font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "ＭＳ Ｐ明朝", "細明朝体"; text-align:left; }
	#takeoff h2 { display:block; width:435px; height:46px; margin-bottom:25px; float:left; overflow:hidden; background:url(../img/copy.png) top left no-repeat; text-indent:-9999px; }
	#takeoff h3 { color:#FFFFFF; }
	#tokyo_pr { float:right; width:430px; margin-top:5px; }
	#tokyo_pr a { display:block; width:129px; height:40px; background:url(../img/ticket_pr.gif) no-repeat; }
	#casting { clear:both; width:475px; height:42px; margin-bottom:14px; background:url(../img/cast.png) top left no-repeat; text-indent:-9999px; overflow:hidden; }

/* クレジット */
#left_column { float:left; width:517px; margin:0 0 20px 10px; text-align:left; }
	#left_column dd.last { margin-right:0; }

#credit { font-size:90%; margin-bottom:10px; }
* html #credit { font-size:100%; line-height:1.3em; }/* Hack for IE 6 */
body#top #credit { margin-bottom:100px; }
	#credit dl { width:100%; overflow:hidden; color:#999; line-height:1.4em; }
	#credit dt { display:block; float:left; }
	#credit dt.clear { clear:both; }
	#credit dd { display:block; float:left; margin-right:10px; }
	dd.last { margin-right:0;  float:none; }
	#credit dd#add { margin-top:10px; }

p.cooperation { color:#999999; }
	p.cooperation a { text-decoration:none; }

/* バナー：オフィシャル */
#bnmenu { float:right; width:355px; margin-right:10px; overflow:hidden; }
* html #bnmenu { margin-right:5px; }/* Hack for IE 6 */
	#mobile { width:84px; float:left; text-align:center; }
	#mobile img { margin-bottom:16px; }
	#mobile span { font-size:100%; color:#0066CC; }
	
	#bnmenu ul { float:right; margin-bottom:20px; }
	#bnmenu ul li { display:block; width:240px; height:55px; margin-bottom:8px; }
	#bnmenu ul li a { display:block; width:240px; height:55px; overflow:hidden; background-repeat:no-repeat; background-position:top; text-indent:-9999px; }
	#bnmenu ul li.bm_monogram a { background-image:url(../img/bm_monogram.jpg); }
	#bnmenu ul li.bm_diary a { background-image:url(../img/bm_diary.jpg); }
	#bnmenu ul li.bm_ishikawa a { background-image:url(../img/bm_ishikawa.jpg); }
	#bnmenu ul li a:hover { background-position:bottom; }
	#bnmenu ul li img { margin-right:5px; }
	#bnmenu ul li span { display:block; width:155px; padding-top:3px; font-size:10px; color:#666666; }

	#bnmenu ul.second_menu li { float:none; }

/* バナー：外部 */
#banners:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
#banners { clear:both; width:100%; margin-bottom:50px; }
/*\*/
* html #banners { height: 1em; overflow: visible; }
/**/
	#banners ul { width:100%; }
	#banners ul li { float:left; }
	#banners ul li a { display:block; margin:0 5px 5px 0; }
	#banners ul li a img { border:0; }
	#banners ul li.last a { margin-right:0; }


/* ******************************************************
 * *** 2F PAGE
	* ******************************************************/

/* *** ヘッダーエリア
	* ***************************/
#header2 { max-width:1200px; min-width:900px; min-height:540px; margin:0 auto; text-align:center; }
* html #header2 { width:100%; }/* Hack for IE 6 */

/* コンテンツエリア */
#content { width:900px; min-height:540px; margin:0 auto; text-align:left; }

#title { position:relative; width:900px; height:89px; }
	#title h1 { position:absolute; display:block; width:220px; height:89px; top:13px; left:28px; }
	#title h1 a { display:block; width:220px; height:89px; overflow:hidden; background:url(../img/logo_2f.png); text-indent:-9999px; }
	#title h2 { position:absolute; display:block; width:114px; height:30px; top:25px; right:15px; z-index:100; text-indent:-9999px; background:top left no-repeat; }
		body#about #title h2 { background-image:url(../img/title_about.png); }
		body#theater #title h2 { background-image:url(../img/title_theater.png); }
		body#trailer #title h2 { background-image:url(../img/title_trailer.png); }
		body#themesong #title h2 { background-image:url(../img/title_themesong.png); }
		body#ishikawa #title h2 { background-image:url(../img/title_ishikawa.png); }

	#content strong { display:block; font-size:180%; line-height:1.25em; margin-bottom:18px; font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "ＭＳ Ｐ明朝", "細明朝体"; font-weight:normal; color:#003399; }
	#content p { font-size:110%; line-height:1.3em; margin-bottom:10px; }
	* html #content p { line-height:1.3em; }/* Hack for IE 6 */

/* タブ型サブメニュー */
ul#tab { position:absolute; width:auto; height:30px; top:60px; right:10px; }
ul#tab li { float:left; display:block; height:26px; margin-left:10px; }
ul#tab li a { display:block; height:26px; background:top left no-repeat; text-indent:-9999px; overflow:hidden; }
* html ul#tab li a { height:32px; }/* Hack for IE 6 */
ul#tab li a:hover,
ul#tab li.initial a { border-bottom:solid 6px #003399; }

ul#tab li#sm21 a { background-image:url(../img/sm_021.jpg); width:126px; }
ul#tab li#sm22 a { background-image:url(../img/sm_022.jpg); width:82px; }
ul#tab li#sm23 a { background-image:url(../img/sm_023.jpg); width:68px; }
ul#tab li#sm24 a { background-image:url(../img/sm_024.jpg); width:68px; }
ul#tab li#sm41 a { background-image:url(../img/sm_041.jpg); width:63px; }
ul#tab li#sm42 a { background-image:url(../img/sm_042.jpg); width:61px; }

/* 公開時に削除する */
ul#tab li#sm43 { background-image:url(../img/sm_043.jpg); width:111px; text-indent:-9999px; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; }

/* タブ表示エリア */

#tab01, #tab02, #tab03, #tab04 { clear:both; position:relative; width:870px; padding:30px 0 20px 30px; }
* html #tab01, * html #tab02, * html #tab03, * html #tab04 { width:900px; }/* Hack for IE 6 */

#tab01 h3, #tab02 h3, #tab03 h3, #tab04 h3 { position:absolute; display:block; top:20px; right:30px; color:#FFFFFF; font-size:200%; line-height:2em; z-index:100; }



/* *** 作品情報
	* ***************************/
div.scrollblock { overflow:visible; padding-right:5px; }
* html div.scrollblock { padding-right:10px; }/* Hack for IE 6 */

/* イントロダクション */
body#about #tab01 {}
	body#about #tab01 h3 {}
	body#about #tab01 strong { display:block; width:290px; overflow:hidden; background:top left no-repeat; text-indent:-9999px; }
		body#about #tab01 strong#catch01 { height:65px; background-image:url(../about/img/catch01.png); }
		body#about #tab01 strong#catch02 { height:43px; background-image:url(../about/img/catch02.png); margin-top:10px; }
	body#about #tab01 img { float:right; }
	body#about #tab01 div.scrollblock { width:385px; }

/* ストーリー */
body#about #tab02 {}
	body#about #tab02 h3 {}
	body#about #tab02 strong { display:block; width:290px; overflow:hidden; background:top left no-repeat; text-indent:-9999px; }
		body#about #tab02 strong#catch03 { height:43px; background-image:url(../about/img/catch03.png); }
	body#about #tab02 img { float:right; }
	body#about #tab02 div.scrollblock { width:300px; }

/* キャスト */
body#about #tab03 {}
	body#about #tab03 h3 {}
	body#about #tab03 ul { width:110px; float:left; font-size:180%; font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "ＭＳ Ｐ明朝", "細明朝体"; font-weight:bold; margin-top:40px; text-shadow: #6699CC 1px 2px 2px; }
		body#about #tab03 ul li { margin-bottom:15px; }
		* html body#about #tab03 ul li { margin-bottom:4px; }/* Hack for IE 6 */
		body#about #tab03 ul li a { display: block; color:#FFFFFF; text-decoration:none; padding:5px; }
		body#about #tab03 ul li a:hover { color:#0099FF; }

	body#about #tab03 h4 { font-size:180%; padding-top:60px; }
	body#about #tab03 h4 span { font-weight:normal; font-size:90%; }
	body#about #tab03 div.scrollblock { width:700px; margin-left:55px; float:left; }
	* html body#about #tab03 div.scrollblock { width:705px; }/* Hack for IE 6 */

	body#about div.scrollblock { position:relative; }
	#profiles { position:relative; }
	div.card { clear:both; width:670px; min-height:395px; padding-top:20px; overflow:visible; }
	* html div.card { height:375px; }/* Hack for IE 6 */
		div.card img { display:block; float:left; z-index:100; }
		div#profile01 img { margin-right:5px; }
		div#profile02 img { margin-right:3px; }
		div#profile03 img { margin-right:12px; }
		div#profile04 img { margin-right:25px; }
		div#profile05 img { margin-right:4px; }
		div#profile06 img { margin-right:4px; }
	div.card p { margin-top:10px; }
	div.card p.born { margin-top:20px; }
	div.card a { padding:2px 0 2px 15px; background:url(../img/arrow_up.gif) left no-repeat;}
	div.card a:hover { background:url(../img/arrow_over.gif) left no-repeat; }

/* スタッフ */
body#about #tab04 { width:760px; padding:70px 70px 20px; }
* html body#about #tab04 { width:900px; }/* Hack for IE 6 */
	body#about #tab04 h3 {}
	body#about #tab04 h4 { font-size:180%; line-height:1.5em; margin-top:70px; }
	body#about #tab04 h4 span { font-weight:normal; font-size:90%; }
	body#about #tab04 img { display:block; float:right; margin-left:15px; }
	div#director { width:350px; float:left; margin:0 60px 0 0;}
	div#writer {  width:350px; float:left; margin:0; }


/* *** 上映劇場
	* ***************************/
ul#arealink { margin:30px 0 0 30px; height:18px; }
ul#arealink li { float:left; }
ul#arealink a { display:block; padding:3px 3px 3px 13px; margin:0 2px 5px; text-decoration:none; font-size:120%; line-height:1em; background:url(../img/arrow_up.gif) top left no-repeat; }
ul#arealink li.last a { margin-right:0; }
ul#arealink a:hover { color:#FFFFFF; background-image:url(../img/arrow_over.gif); }

#theater_table { clear:both; position:relative; width:840px; height:395px; padding:30px 30px 20px; overflow:visible; }
* html #theater_table { width:900px; height:451px; }/* Hack for IE 6 */

#theater table { font-size:120%; margin-bottom:10px; border-top:solid 1px #FFF; border-left:solid 1px #FFF; }
#theater table th, #theater table td { padding:5px; border-bottom:solid 1px #FFF; border-right:solid 1px #FFF; }
#theater table th { background-color:#CCE1F1; }
#theater table td { }
#theater table td a { text-decoration:none; }

p#update { float:right; text-align:right; margin-right:20px; margin-bottom:30px; }

p.attention { display:block; color:#333333; }


/* *** 予告映像
	* ***************************/
#trailer #tab01 { text-align:center; height:395px; padding-right:30px; width:840px; }
* html #trailer #tab01 { height:451px; width:900px; }/* Hack for IE 6 */
#movie { width:480px; margin:0 auto; padding-top:20px; text-align:left; }
#movie h2 { display:block; width:475px; height:46px; margin-bottom:25px; overflow:hidden; background:url(../img/copy.png) top left no-repeat; text-indent:-9999px; }
#movie noscript p { padding:107px 20px; border:solid 1px #0066CC; text-align:center; font-size:120%; line-height:1.5em; }
#flash { width:480px; height:270px; background-color:#000000; }


/* *** 主題歌
	* ***************************/
#lbl { padding:70px 70px 0; height:395px; overflow:auto; }
#lbl img { display:block; float:right; margin-left:10px; }
#lbl h3 { display:block; font-size:180%; padding-top:70px; }
#lbl a { padding:2px 0 2px 15px; background:url(../img/arrow_up.gif) left no-repeat;}
#lbl a:hover { background:url(../img/arrow_over.gif) left no-repeat; }
#lbl p { margin-top:20px; }



/* *** 石川特集
	* ***************************/
/* ロケ地マップ */
body#ishikawa #title ul { display:none; }
body#ishikawa span.map_title {	display:block; text-align:center; height:16px; margin-top:14px; }
.locamap { width:880px; height:396px; margin:0 10px; overflow:hidden; border:none; }
* html .locamap { height:411px; }/* Hack for IE 6 */

#comment { position:absolute; width:136px; height:26px; top:61px; right:0; overflow:hidden; }
#comment a { display:block; width:136px; height:26px; background:url(../ishikawa/img/sm_061.jpg) bottom left no-repeat; text-indent:-9999px; }
#comment a:hover { background-position: top; }

/* ******************************************************
 * *** MINI WINDOW PAGE
	* ******************************************************/
body#miniwindow { background:#FFFFFF url(../img/bg_min.jpg) top center no-repeat; }
#wrap_mini { width:96%; margin:0 auto; text-align:left; }
#header_mini {}

#content_mini { padding:0 20px; }
#content_mini p { font-size:110%; line-height:1.4em; margin-bottom:5px; }


#btn { width:100%; text-align:center; margin-bottom:15px; }
#btn a { display:block; width:80px; height:18px; padding-top:4px; margin:0 auto; background:#94DAFE; text-align:center; text-decoration:none; color:#FFFFFF; }
#btn a:hover { background:#0099FF; color:#FFFFFF; }

body#miniwindow address { display:block; text-align:center; font-size:90%; color:#999999; }

/* *** 最新情報
	* ***************************/
span.date { display:block; padding:4px 7px; color:#FFFFFF; background-color:#0099FF; margin-bottom:8px; }

ul#news_list { height:390px; overflow:auto; padding:0 10px 0 0; margin-bottom:25px; }
ul#news_list li { margin-bottom:10px; overflow:hidden; }
ul#news_list img { float:right; display:block; margin-left:15px; }
ul#news_list h3 { display:block; font-size:120%; line-height:1.4em; color:#003399; }
ul#news_list a {}