@charset "utf-8";
/*
Yahoo! UI Library
****************************************************/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/*
Reset CSS
*******************/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
img{vertical-align:middle}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/*
commmon CSS
*******************/
html {
	overflow-y:scroll;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	text-align:center;
	font-size:14px;
	min-width:1080px;
	-webkit-text-size-adjust:none;
}
/*ノーマルリンク アンダーライン→アンダーラインなし*/
a {
	color:#000;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
/* Clearfix
************************************************************/
.introduction,
.gNav,
.contents,
.news li,
.main .screenInfo li ul,
.main p.toTop,
.commentator,
.accessNav{/zoom:1;}
.introduction:after,
.gNav:after,
.contents:after,
.news li:after,
.main .screenInfo li ul:after,
.main p.toTop:after,
.commentator:after,
.accessNav:after{content:'';display:block;clear:both;}
/* 画像置換
************************************************************/
.gNav ul li a,
.footer p.toTop a,
.footer p.copy,
.news .ttl,
.main p.toTop a,
.filmsList div a {
	text-indent:110%;
	overflow:hidden;
	white-space:nowrap;
}
/* container
************************************************************/
.container {
	background:url(../images/tokyo/header_bg.jpg) no-repeat center 0;
	text-align:left;
}
/* header
/* contents
/* introduction
************************************************************/
.header,
.contents,
.introduction {
	width:980px;
	margin:0 auto;
}
/* header
************************************************************/
.header h1 {
	padding:34px 0 0;
}
/* gNav
************************************************************/
.gNav ul {
	float:right;
	margin:40px 0;
}
.gNav ul li {
	float:left;
	margin:0 0 0 58px;
}
.gNav ul li:first-child { margin:0;}
.gNav ul li a {
	background:url(../images/tokyo/navg.png) no-repeat 0 0;
	float:left;
	width:33px;
	height:70px;
}
.gNav ul li.intro a {
	background-position:-33px 0;
	width:131px;
}
.gNav ul li.schedule a {
	background-position:-164px 0;
	width:91px;
}
.gNav ul li.films a {
	background-position:-255px 0;
	width:51px;
}
.gNav ul li.access a {
	background-position:-306px 0;
	width:70px;
}
.gNav ul li.news a {
	background-position:-376px 0;
	width:49px;
}
.gNav ul li.current.top a { background-position:0 bottom;}
.gNav ul li.current.intro a { background-position:-33px bottom;}
.gNav ul li.current.schedule a { background-position:-164px bottom;}
.gNav ul li.current.films a { background-position:-255px bottom;}
.gNav ul li.current.access a { background-position:-306px bottom;}
.gNav ul li.current.news a { background-position:-376px bottom;}
/* introduction
************************************************************/
/* news
***********************************************/
.introduction .news {
	width:580px;
	float:left;
}
.introduction .news .ttl {
	margin:12px 0 0;
}
.introduction .news .ttl h2 {
	background:url(../images/tokyo/news_ttl.png) no-repeat 0 0;
	width:146px;
	height:54px;
	float:left;
}
.introduction .news .ttl p {
	float:right;
}
.introduction .news .ttl p a {
	background:url(../images/tokyo/news_more.png) no-repeat 0 0;
	width:120px;
	height:36px;
	display:block;
	margin:18px 0 0;
}
.introduction .news .feed {
	border:solid 2px #000;
	margin:0 0 20px;
}
.introduction .news ul {
	height:364px;
	padding:0 0 6px;
	overflow-y:scroll;
}
.introduction .news li {
	width:530px;
	margin:20px 0 14px 20px;
}
.introduction .news li:first-child {margin-bottom:0;}
.introduction .news li p {
	font-size:93%;
	border-left:solid 2px #000;
}
.introduction .news li p.date {
	padding:.5em 14px 0;
	margin:0;
	border-left:solid 2px #e50019;
	font-size:85%;
	font-weight:bold;
}
.introduction .news li a {
	display:block;
	padding:.5em 14px;
	text-decoration:none;
}
.introduction .news li a:hover {
	color:#e50019;
}
.history ul {
	margin-top: 20px;
}
.history li {
	margin-top: 10px;
}
/* twitter
***********************************************/
.twitter {
	width:380px;
	float:right;
	margin:66px 0 0;
}
/* footer
************************************************************/
.footer {
	background:url(../images/tokyo/footer_bg1.png) repeat-x 0 24px;
	margin:140px 0 0;
}
.footer div {
	background:url(../images/tokyo/footer_bg2.png) no-repeat 0 24px;
	width:980px;
	margin:0 auto;
	padding:28px 0 0;
	position:relative;
}
.footer p.toTop a {
	background:url(../images/tokyo/footer_totop.png) no-repeat 0 0;
	width:64px;
	height:24px;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
.footer p.copy {
	width:316px;
	height:18px;
	margin:50px 0;
	overflow: inherit;
	text-indent: inherit;
	font-weight: bold;
	font-size: 13px;
}
/* contents
************************************************************/
.topView {
	float:left;
	width:722px;
}
.aside {
	background:url(../images/tokyo/navi_bg_02.jpg) no-repeat 0 0;
	float:right;
	width:258px;
	height:500px;
}
.aside li {
	float:left;
	margin:6px 0 0 6px;
}
.aside li.contri2 {
	margin:6px 0 0 4px;
}
.aside li.contri3 {
	margin:4px 0 6px 6px;
}
.main {
	float:left;
	width:680px;
}
.main h2:first-child {
	margin:0 0 40px;
}
.main h3.normal {
	padding:6px 0;
	margin:40px 0 12px;
	border-bottom:solid 2px #e8340c;
	font-size:129%;
	clear:both;
}
.main p.toTop {clear:both;}
.main p.toTop a {
	background:url(../images/tokyo/totop.png) no-repeat 0 0;
	float:right;
	width:20px;
	height:20px;
	margin:14px 0 0;
}
/* introduction */
.main .trailer {
	width:640px;
	height:360px;
	margin:0 auto;
}
.main .intro {margin:40px 0 0;}
.main .screenInfo {
	margin:40px 0 0;
	padding:30px;
	border:solid 6px #ebe2d1;
}
.main .screenInfo h3 {
	font-size:152%;
	font-weight:bold;
}
.main .screenInfo li {
	margin:21px 0 0;
}
.main .screenInfo li ul {
	margin:6px 0 0;
}
.main .screenInfo li li {
	float:left;
	width:50%;
	margin:0;
}
.main .screenInfo li li a {
	background:#f0f0f0 url(../images/tokyo/icn_access.png) no-repeat 56px 8px;
	display:block;
	padding:8px 14px 8px 36px;
	border:solid 1px #fff;
	text-decoration:none;
	text-align:center;
}
.main .screenInfo li li:first-child a {
	background-image:url(../images/tokyo/icn_schedule.png);
	padding-left:32px;
}
.main .screenInfo li li a:hover {
	background-color:#ebe2d1;
}
/* schedule */
/* access */
.cinemaNav {
	background:url(../images/tokyo/schedule_bg.png) no-repeat 0 0;
	float:left;
	width:410px;
	height:348px;
}
.cinemaNav ul.nav {
	padding:18px 0 0 21px;
}
.cinemaNav ul.nav li {
	margin:0 0 8px;
}
.cinemaNav .special {
	background:url(../images/tokyo/special_bg.png) no-repeat 0 0;
	width:374px;
	height:106px;
	margin:11px auto 0;
}
.cinemaNav .special p {
	float:left;
	margin:19px 0 0 12px;
}
.cinemaNav .special ul {
	float:left;
	margin:19px 0 0 6px;
}
.cinemaNav .special li {
	font-size:77%;
	text-align:center;
}
.cinemaNav .special li a {
	padding:2px 0 0;
}
.ticket {
	float:left;
	padding:0 0 0 20px;
}
.spAtte {
	width:384px;
	float:left;
	padding:5px;
	font-size:77%;
	text-indent:-1em;
	margin-left:1em;
}
.ticketinfo h3 {
	font-size: 15px;
	color: #2D4780;
	font-weight: bold;
}
.ticketinfo dt {
	color: #c9a063;
	font-weight: bold;
}
.scheduleList,
.accessList {
	padding:40px 0 0;
	clear:both;
}
.scheduleList li,
.accessList li {margin:40px 0 0;}
.scheduleList li:first-child,
.accessList li:first-child {margin:0;}
.scheduleList .ttl,
.accessList .ttl {
	width:680px;
	float:left;
	border-bottom:solid 2px #e73462;
}
.accessList .ttl {margin-bottom:20px;}
.scheduleList #cinema2 .ttl,
.accessList #cinema2 .ttl { border-color:#0086cd;}
.scheduleList #cinema3 .ttl,
.accessList #cinema3 .ttl { border-color:#f79f2c;}
.scheduleList #cinema4 .ttl,
.accessList #cinema4 .ttl { border-color:#009844;}
.scheduleList #cinema5 .ttl,
.accessList #cinema5 .ttl { border-color:#920783;}
.scheduleList .ttl h3,
.accessList .ttl h3 {
	float:left;
}
.scheduleList .ttl p,
.accessList .ttl p {
	float:right;
	margin:6px 0 0;
	font-size:85%;
}
.scheduleList .ttl p a,
.accessList .ttl p a {
	background:url(../images/tokyo/icn_access.png) no-repeat right 0;
	padding:2px 28px 2px 0;
	display:block;
	text-decoration:none;
}
.accessList .ttl p a {background-image:url(../images/tokyo/icn_schedule.png);}
.scheduleList p.memo {
	background:#fdeaef;
	padding:6px 0;
	border-bottom:solid 1px #fbd7e1;
	text-align:center;
	font-size:114%;
	clear:both;
}
.scheduleList #cinema2 p.memo { background:#e5f3fa; border-color:#cee8f5;}
.scheduleList #cinema3 p.memo { background:#fef5e9; border-color:#fdecd6;}
.scheduleList #cinema4 p.memo { background:#e5f4ec; border-color:#ceebdb;}
.scheduleList #cinema5 p.memo { background:#f4e6f2; border-color:#eacfe7;}
.scheduleList li dl {
	background:#f5f5f5;
	border-bottom:solid 1px #e2e2e2;
	clear:both;
}
.scheduleList li dt {
	float:left;
	width:82px;
	padding:10px 15px;
	text-align:right;
}
.scheduleList li dd {
	background:#fff;
	margin:0 0 0 112px;
	padding:10px 15px;
}
.scheduleList li dd span { color:#0588ce;}
.scheduleList li dd span.space {
	display:block;
	color:#000;
	margin-left:4.5em;
}
.scheduleList li dl a {text-decoration:none; font-weight: bold;color:#2D4780;}
.scheduleList li dl a:hover {color:#97D3DB;}
.accessList .map {
	float:left;
	width:300px;
}
.accessList dl {
	float:right;
	width:360px;
}
.accessList dt {
	margin:0 0 16px;
}
.accessList dl h4 {
	margin:0 0 4px;
	font-weight:bold;
}
.accessList dl p.access {
	margin:0 0 44px;
	font-size:93%;
}
.accessList dl p.address {font-size:85%;}
.accessList dl a.twi {
	background:url(../images/tokyo/icn_twitter.png) no-repeat 0 0;
	padding:0 0 0 22px;
}
/* films */
.filmsList > li {
	width:680px;
	margin:40px 0 0;
}
.filmsList > li:first-child { margin:0;}
.filmsList img {
	float:left;
	margin:0 24px 12px 0;
}
.filmsList div {
	overflow: hidden;
	margin-bottom: 20px;
}
.filmsList div ul {
	float:right;
}
.filmsList div li {
	position:absolute;
	top:0;
	right:0;
}
.filmsList div li.th2 {right:22px;}
.filmsList div li.th3 {right:44px;}
.filmsList div li.th4 {right:66px;}
.filmsList div li.th5 {right:88px;}
.filmsList h3 {
	margin:0;
	float: left;
	font-size:108%;
	font-weight:bold;
}
.filmsList p.date {
	float: right;
}
.filmsList strong {
	color: #2D4780;
	font-weight: bold;
	margin-left: 10px;
}
.filmsList p.credits {
	margin:0 0 20px 324px;
	font-size:85%;
}
.filmsList p.credits span.icn {
	background:url(../images/tokyo/bunka_logo.png) no-repeat 0 0;
	padding:0 0 0 16px;
}
.filmsList p.story {
	margin:0 0 12px 324px;
	font-size:93%;
}
.filmsList p.comment {
	background:#ebe2d1;
	width:640px;
	padding:20px;
	clear:both;
}
.filmsList p.comment span {font-size:77%;}
.commentator p {
	float:right;
	margin:20px 0 0;
	padding:4px 0;
	border-bottom:solid 2px #092A6C;
	text-align:right;
	color:#092A6C;
}
h2.subTtl {
	padding:60px 0 0;
}
p.lead {
	font-style: italic;
}
p.selection {
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #857B68;
	font-style: italic;
}
h2.subTtl img {/margin:0 0 1px;}
.filmsList.tohoku {
	padding:24px 0 0;
	border-top:solid 2px #4694d1;
}
.filmsList.special {
	padding:24px 0 0;
	border-top:solid 2px #c9a063;
}
.filmsList.tohoku h3 { color:#4694d1;}
.filmsList.special h3 { color:#c9a063;}
/* access */
.accessNav dt {
	float:left;
	width:410px;
}
.accessNav dd {
	float:right;
	width:260px;
}
.accessNav dd li {margin:0 0 9px;}
/* profile */
.profile dt {
	float:left;
	width:200px;
}
.profile dd h3 {
	float:right;
	width:450px;
	margin:0 0 12px;
	font-weight:bold;
	font-size:129%;
}
.profile dd p {
	float:right;
	width:450px;
	margin:0 0 20px;
	line-height:1.8;
}
.profile dd img {
	clear:both;
}
.filmography {
}
.filmography li {
	border-top:solid 1px #e2e2e2;
	padding:13px 0;
}
.filmography li:first-child {border:0;}
.filmography li h4 {
	float:left;
	width:120px;
	text-align:right;
}
.filmography li p {
	margin:0 0 0 140px;
}
/* contribution */
.contribution {
	background:#f2f9fd;
	padding:0 0 20px;
}
.contribution.contents2 { background:#f8f0f7;}
.contribution.contents3 { background:#fef2f8;}
.contribution h3 {
	margin:0 0 20px;
}
.contribution p {
	padding:0 20px;
	text-indent:1em;
	line-height:2;
}
.contribution p.paragraph {
	margin:20px 0 0;
}