@charset "utf-8";
/* CSS Document */

/* cssリセット */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, 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, ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;line-height: 0.5em;}
q:before, q:after {c ontent:'';}

/* 基本設定 */

body {
	font-family: Arial, Helvetica, sans-serif, "ＭＳゴシック", "Meiryo", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	line-height: 1.6em;
	color: #EAEAEA;
	background: #000000;
	margin: 0px;
	padding: 0px;
}

strong{
	font-weight: bold;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #ffffff;
	text-decoration: underline;
}

p {
	margin-bottom: 1em;
}

.itailc {
	font-style: italic;
}

.txt-red {
	color: #d80011;
}

a.txt-red{
	color: #d80011;
	text-decoration: underline;
}

.news-title {
	line-height: 1.4em;
	background: url(img/dotline.gif) repeat-x bottom;
	width: 400px;
	color: #e60012;
	font-weight: normal;
	padding: 7px 0px;
	display: block;
	float: left;
}

.news-content {
	display: block;
	float: left;
	width: 400px;
	margin-bottom: 20px;
}

.news-date {
	line-height: 0.8em;
	width: 400px;
	padding: 6px 0px 10px;
	font-size: 10px;
	text-align: right;
	display: block;
	float: left;
}

.article-title {
	color: #e60012;
	font-weight: normal;
	padding-bottom: 0.6em;
	line-height: 1.8em;
	width: 100%;
	clear: both;
	float: left;
}

.article-title a:link,
.article-title a:visited {
	color: #e60012;
	text-decoration: none;
}

.article-title a:hover,
.article-title a:active {
	color: #e60012;
	text-decoration: underline;
}


#box-enter {
	height: 582px;
	width: 925px;
	border: 1px solid #FFFFFF;
}

/*ホーム用*/
#box-home {
	text-align:left;
	margin:0px auto;
	width: 916px;
}

#box-header-home {
	background: url(img/home_header.gif) no-repeat;
	height: 92px;
	width: 916px;
	margin: 68px 0px 27px;
	float: left;
	text-indent: -999px;
}

#home-leftbox{
	float: left;
	width: 310px;
	padding-top: 10px;
	padding-left: 20px;
}

#box-home-content {
	float: right;
	width: 578px;
	clear: right;
	display: block;
}






#box-main {
	text-align:left;
	margin:0px auto;
	width: 780px;
}

#box-content-left {
	float: left;
	width: 263px;
	/*text-align:justify;
	text-justify:distribute;*/
	clear: left;
}

#box-content-right {
	float: right;
	width: 263px;
	/*text-align:justify;
	text-justify:distribute;*/
}



#box-news-left {
	float: left;
	width: 403px;
	clear: left;
}

#box-news-right {
	float: right;
	width: 126px;
}

#box-news-right h3 {
	line-height: 1.4em;
	background: url(img/dotline.gif) repeat-x bottom;
	width: 126px;
	font-weight: normal;
	padding: 7px 0px;
	display: block;
	float: left;
}

#box-news-right li {
	line-height: 1.4em;
	background: url(img/dotline.gif) repeat-x bottom;
	width: 126px;
	padding: 5px 0px;
	display: block;
	float: left;
	font-size: 0.8em;
}

#box-news-right a:link,
#box-news-right a:visited {
	text-decoration: none;
}

#box-news-right a:hover,
#box-news-right a:active {
	color: #e60012;
}

/* フッター */

#box-footer {
	font-size: 0.8em;
	line-height: 1.3em;
	text-align:left;
	width: 780px;
	padding: 8px 0px 15px;
	background: url(img/dotline.gif) repeat-x;
	margin: 30px 0px 0px;
	clear: none;
	float: left;
}

/* ヘッダー */

#box-header {
	height: 127px;
	width: 780px;
	margin: 0px 0px 38px;
	float: left;
}

#titlelogo a:link,
#titlelogo a:visited,
#titlelogo a:hover,
#titlelogo a:active {
	height: 124px;
	width: 534px;
	background: url(img/title.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
}

#language-box {
	background: url(img/language_base.gif);
	float: right;
	height: 22px;
	width: 103px;
	margin-top: 12px;
	clear: right;
}

#japanese {
	background: url(img/jp.gif) 0px -22px;
	float: left;
	height: 22px;
	width: 41px;
	text-indent: -9999px;
}

#english {
	background: url(img/en.gif) 0px -22px;
	float: right;
	height: 22px;
	width: 50px;
	text-indent: -9999px;
}

#japanese a:link,
#japanese a:visited {
	background: url(img/jp.gif);
	float: left;
	height: 22px;
	width: 41px;
	text-indent: -9999px;
}

#japanese a:hover,
#japanese a:active {
	background: url(img/jp.gif) 0px -22px;
	float: left;
	height: 22px;
	width: 41px;
	text-indent: -9999px;
}

#english a:link,
#english a:visited {
	background: url(img/en.gif);
	float: right;
	height: 22px;
	width: 50px;
	text-indent: -9999px;
}

#english a:hover,
#english a:active {
	background: url(img/en.gif) 0px -22px;
	float: right;
	height: 22px;
	width: 50px;
	text-indent: -9999px;
}

#header-banner {
	height: 68px;
	width: 115px;
	float: right;
	clear: right;
	background: url(img/berlin.gif);
	text-indent: -9999px;
}

/* メニュー */

#box-menu {
	float: left;
	width: 155px;
	display: block;
}

#news,
#story,
#cast,
#staff,
#trailer,
#production-note,
#directors-statement,
#reviews,
#credit,
#theaters,
#download,
#links,
#directors-blog,
#contact {
	margin: 0px 0px 9px;
	clear: left;
	height: 14px;
	width: 134px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	display: block;
}

#news {
	background: url(img/menu.gif) 0px -197px;
}

#news a:link,
#news a:visited {
	background: url(img/menu.gif);
	display: block;
}

#news a:hover,
#news a:active {
	background: url(img/menu.gif) 0px -197px;
	display: block;
}

#story {
	background: url(img/menu.gif) 0px -211px;
}

#story a:link,
#story a:visited {
	background: url(img/menu.gif) 0px -14px;
	display: block;
}

#story a:hover,
#story a:active {
	background: url(img/menu.gif) 0px -211px;
	display: block;
}

#cast {
	background: url(img/menu.gif) 0px -225px;
}

#cast a:link,
#cast a:visited {
	background: url(img/menu.gif) 0px -28px;
	display: block;
}

#cast a:hover,
#cast a:active {
	background: url(img/menu.gif) 0px -225px;
	display: block;
}

#staff {
	background: url(img/menu.gif) 0px -239px;
}

#staff a:link,
#staff a:visited {
	background: url(img/menu.gif) 0px -42px;
	display: block;
}

#staff a:hover,
#staff a:active {
	background: url(img/menu.gif) 0px -239px;
	display: block;
}

#trailer {
	background: url(img/menu.gif) 0px -253px;
}

#trailer a:link,
#trailer a:visited {
	background: url(img/menu.gif) 0px -56px;
	display: block;
}

#trailer a:hover,
#trailer a:active {
	background: url(img/menu.gif) 0px -253px;
	display: block;
}

#production-note {
	background: url(img/menu.gif) 0px -267px;
}

#production-note a:link,
#production-note a:visited {
	background: url(img/menu.gif) 0px -70px;
	display: block;
}

#production-note a:hover,
#production-note a:active {
	background: url(img/menu.gif) 0px -267px;
	display: block;
}

#directors-statement {
	background: url(img/menu.gif) 0px -281px;
}

#directors-statement a:link,
#directors-statement a:visited {
	background: url(img/menu.gif) 0px -84px;
	display: block;
}

#directors-statement a:hover,
#directors-statement a:active {
	background: url(img/menu.gif) 0px -281px;
	display: block;
}

#reviews {
	background: url(img/menu.gif) 0px -295px;
}

#reviews a:link,
#reviews a:visited {
	background: url(img/menu.gif) 0px -98px;
	display: block;
}

#reviews a:hover,
#reviews a:active {
	background: url(img/menu.gif) 0px -295px;
	display: block;
}

#credit {
	background: url(img/menu.gif) 0px -309px;
}

#credit a:link,
#credit a:visited {
	background: url(img/menu.gif) 0px -112px;
	display: block;
}

#credit a:hover,
#credit a:active {
	background: url(img/menu.gif) 0px -309px;
	display: block;
}

#theaters {
	background: url(img/menu.gif) 0px -323px;
}

#theaters a:link,
#theaters a:visited {
	background: url(img/menu.gif) 0px -126px;
	display: block;
}

#theaters a:hover,
#theaters a:active {
	background: url(img/menu.gif) 0px -323px;
	display: block;
}

#download {
	background: url(img/menu.gif) 0px -337px;
}

#download a:link,
#download a:visited {
	background: url(img/menu.gif) 0px -140px;
	display: block;
}

#download a:hover,
#download a:active {
	background: url(img/menu.gif) 0px -337px;
	display: block;
}

#links {
	background: url(img/menu.gif) 0px -351px;
}

#links a:link,
#links a:visited {
	background: url(img/menu.gif) 0px -154px;
	display: block;
}

#links a:hover,
#links a:active {
	background: url(img/menu.gif) 0px -351px;
	display: block;
}

#directors-blog {
	background: url(img/menu.gif) 0px -365px;
}

#directors-blog a:link,
#directors-blog a:visited {
	background: url(img/menu.gif) 0px -168px;
	display: block;
}

#directors-blog a:hover,
#directors-blog a:active {
	background: url(img/menu.gif) 0px -365px;
	display: block;
}


#contact {
	background: url(img/menu.gif) 0px -379px;
}

#contact a:link,
#contact a:visited {
	background: url(img/menu.gif) 0px -182px;
	display: block;
}

#contact a:hover,
#contact a:active {
	background: url(img/menu.gif) 0px -379px;
	display: block;
}

/* コンテンツ */

#box-content {
	float: right;
	width: 555px;
	clear: right;
}

#title-news,
#title-story,
#title-cast,
#title-staff,
#title-trailer,
#title-production-note,
#title-directors-statement,
#title-reviews,
#title-credit,
#title-theaters,
#title-download,
#title-links,
#title-directors-blog,
#title-contact {
	height: 32px;
	text-indent: -9999px;
	width: 555px;
	float: left;
	margin: 0px 0px 16px;
	clear: both;
	display: block;
}

#title-news {
	background: url(img/title_news.gif) no-repeat;
}

#title-story {
	background: url(img/title_story.gif) no-repeat;
}

#title-cast {
	background: url(img/title_cast.gif) no-repeat;
}

#title-staff {
	background: url(img/title_staff.gif) no-repeat;
}

#title-trailer {
	background: url(img/title_trailer.gif) no-repeat;
}

#title-production-note {
	width: 370px;
	background: url(img/title_production_note.gif) no-repeat;
}

#title-directors-statement {
	background: url(img/title_directors_statement.gif) no-repeat;
}

#title-reviews {
	background: url(img/title_reviews.gif) no-repeat;
}

#title-credit {
	background: url(img/title_credit.gif) no-repeat;
}

#title-theaters {
	background: url(img/title_theaters.gif) no-repeat;
}

#title-download {
	background: url(img/title_download.gif) no-repeat;
}

#title-links {
	background: url(img/title_links.gif) no-repeat;
}

#title-contact {
	background: url(img/title_contact.gif) no-repeat;
}

.main-pic {
	clear: both;
	margin-bottom: 12px;
	float: left;
}

.sub-pic {
	clear: both;
	margin-bottom: 1em;
}

.sub-pic-border {
	clear: both;
	margin-bottom: 1em;
	border: 1px solid #3E3E3E;
}

#production-number,
#production-number-bottom {
	color: #e60012;
	height: 20px;
	font-size: 11px;
	letter-spacing: 0.3em;
	text-align: right;
	float: right;
	padding: 12px;
}

#production-number {
	width: 160px;
}

#production-number-bottom {
	width: 530px;
}

#production-number a:link,
#production-number a:visited,
#production-number-bottom a:link,
#production-number-bottom a:visited {
	color: #EAEAEA;
	text-decoration: none;
	display: inline;
}

#production-number a:hover,
#production-number a:active,
#production-number-bottom a:hover,
#production-number-bottom a:active {
	color: #e60012;
	text-decoration: none;
	display: inline;
}

/* 表紙用 */

#box-center-index {
	text-align:center;
	width:100%;
	padding-top: 60px;
	padding-bottom: 30px;
}

#box-index {
	text-align: left;
	height: 616px;
	width: 925px;
	margin:0px auto;
}

#index-title {
	display: none;
}

#comingsoon {
	background: url(img/comingsoon.gif) no-repeat;
	height: 30px;
	width: 263px;
	text-indent: -9999px;
	position: relative;
	top: 395px;
	left: 567px;
}

#enter a:link,
#enter a:visited {
	background: url(img/enter.gif) no-repeat;
	height: 31px;
	width: 195px;
	text-indent: -9999px;
	position: relative;
	top: 395px;
	left: 615px;
	display: block;
}

#enter a:hover,
#enter a:active {
	background: url(img/enter.gif) no-repeat 0px -31px;
}

#box-footer-index {
	font-size: 0.8em;
	line-height: 1.3em;
	text-align:left;
	margin:0px auto;
	width: 800px;
	padding: 0px 30px 30px;
}