@charset "utf-8";

body {
color: #333333;
margin: 0px;
background-color: #39428f;}


form {
margin: 0px;}

a:link {
color: #303da9;}

a:visited {
color: #3042da;}

a:hover {
color: #ed3800;}

a:active {
color: #d73300;}

img{
border: 0px;}

/***********読み上げ用非表示テキスト***********/
div.reader{
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 1px;
width: 1px;
padding: 0px;
overflow: hidden;}


/****************クリア用HR****************/
hr.clear{
clear: both;
visibility: hidden;
display: block;}

/****************BG陰****************/
div#bg-shadow{
width: 100%;
text-align: center;
background-color: #39428f;
background-image: url(../img/parts/bg-shadow.gif);
background-repeat: repeat-y;
background-position: 50% 50%;}


/****************BG枠****************/
div#bg-frame{
width: 770px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(../img/parts/bg-frame.gif);
background-repeat: repeat-y;
background-position: 50% 50%;}

/****************ボディエリア****************/
div#body-area{
width: 750px;
margin-left: auto;
margin-right: auto;}


/****************ヘッダエリア****************/
div#head-area{
width: 748px;
left: 1px;
position: relative;
float: left;}

	div#head-area p{
	margin: 0px;}

/****************ヘッダ　ロゴエリア****************/
div#head-area div#logo-area{
float: left;}

	div#head-area div#logo-area p{
	margin: 0px;
	float: left;
	height: 73px;}

	div#head-area div#logo-area h1.logo{
	margin: 0px;
	float: left;
	height: 73px;
	width: 192px;}

	div#head-area div#logo-area p.logo{
	width: 253px;}

	div#head-area div#logo-area p.title{
	width: 556px;}


/****************メニューエリア****************/
div#menu-area{
width: 748px;
float: left;
clear: both;
left: 1px;
position: relative;
border-bottom: 1px solid #7fc8dd;
background-image: url(../img/head/menu_bg.gif);
border-bottom: 1px solid #2b3691;}

	div#menu-area ul{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;}

	div#menu-area ul li{
	margin-right: 3px;
	float: left;
	width: 117px;
	height: 40px;}

	div#menu-area ul li a{
	display: block;}


/****************サブメニューエリア****************/
div#sub-menu-area{
width: 748px;
left: 1px;
position: relative;
float: left;}

/****************サブメニューボックス****************/
div#box-sub-menu{
width: 748px;
float: left;
clear: both;
position: absolute;
left: 0px;
display: none;
border-bottom: 1px solid #2b3691;
background-color: #eceeff;}

	div#sub-menu-area ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	display: none;
	position: relative;}

	div#sub-menu-area ul li{
	float: left;}

	div#sub-menu-area ul li a{
	font-size: 80%;
	text-decoration: none;
	padding: 2px 3px 1px 8px;
	margin: 3px 3px 3px 0px;
	background-color: #ffffff;
	border: 1px solid #2b3691;
	background-image: url(../img/parts/ty-orange.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	display: block;}

	/****************作品案内サブメニュー****************/
	div#sub-menu-area ul#submenu2{
	left: 120px;}


/****************フッタエリア****************/
div#foot-area{
width: 770px;
clear: both;}


/****************メインエリア****************/
div#main-area{
width: 750px;
float: left;
text-align: center;
margin-bottom: 15px;}


	/****************TOPIMAGEエリア****************/
	div#main-area div.topimage-area{
	height: 283px;
	border-bottom: 1px solid #2b3691;}
	div#main-area div.topimage-area p{
	margin:0;}

	/****************メインコンテンツ****************/
	div#main-area div#main-contents{
	text-align: left;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;}
	* html div#main-area div#main-contents {word-wrap: break-word;}

	/****************BACK(前のページへ)とUP(ページ先頭へ)ボタンエリア****************/
	div.page-move-button-area{
	width: 720px;
	height: 20px;}
	div.page-move-button-area p{
	margin: 0px;}
	div.page-move-button-area p.back-button{
	float: left;}
	div.page-move-button-area p.top-button{
	float: right;}


	/****************ライン(クリア)****************/
	p.clearline{
	width: 720px;
	clear: both;
	margin: 0px;}

	/****************テキスト2行目字下げ****************/
	p.text-caution{
	text-indent: -1em;
	padding-left: 1em;}


	/****************ページタイトルH1****************/
	div#main-area div#main-contents h1.title{
	margin: 26px 0px 7px 0px;}




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

	/****************トップページ左側****************/
	div.top-left-section{
	float: left;
	width: 545px;
	margin: 8px 0px 0px 0px;
	background-image: url(../img/top/bg.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;}

	div.top-left-section h2{
	margin: 0px 0px 3px 0px;}

	div.top-left-section h2.newstitle{
	margin-top: 10px;}

	/****************newsリスト****************/
	div.top-left-section dl.news-list{
	font-size: 80%;
	width: 510px;
	margin: 8px 0px 0px 3px;}
	div.top-left-section dl.news-list dt{
	white-space: nowrap;
	color: #333333;
	float: left;
	width: 8.5em;}
	div.top-left-section dl.news-list dd{
	margin-left: 8.7em;
	margin-bottom: 8px;}

	/* hide hack from Mac-IE5 \*/
	* html div.top-left-section dl.news-list dd { height: 1%; }
	/* end hiding */

	/****************バナーエリア****************/
	div.top-left-section ul.bn-area{
	width: 516px;
	margin: 0px;
	padding: 7px 0px 0px 2px;
	list-style: none;}

	div.top-left-section ul.bn-area li{
	float: left;
	width: 116px;
	height: 67px;
	margin-right: 16px;}

	div.top-left-section ul.bn-area li a{
	display: block;}

	div.top-left-section ul.bn-area li.margin0{
	margin-right: 0px;}


	/****************トップページ右側****************/
	div.top-right-section{
	font-size: 12px;
	float: right;
	width: 175px;
	margin: 3px 0px 0px 0px;}
	
	div.top-right-section ul{
	margin: 0px;
	padding: 0px;
	list-style: none;}

	div.top-right-section ul li{
	margin-top: 6px;}

	div.top-right-section ul li.SmallTalk{
	margin-top: 2px;}

	div.top-right-section ul li.MiddleTalk{
	margin-top: 4px;}

	div.top-right-section ul li a{
	width: 175px;
	display: block;}




/****************作品案内****************/

	/****************レイティングボックス****************/
	div.box-rating{
	float: right;
	color: #333333;
	padding: 3px 0px;
	background-color: #eceeff;
	border: 1px solid #303da9;}

		div.box-rating p{
		float: left;
		margin: 0px;}

		div.box-rating dl{
		float: left;
		font-size: 80%;
		line-height: 120%;
		margin: 0px 9px 0px 9px;}

		div.box-rating dl dt{
		color: #303da9;
		width: 4em;
		float: left;}

		div.box-rating dl dd{
		margin-left: 4px;}


	/****************作品一覧****************/

	/****************作品一覧　ボックス****************/
	div.box-movies-list{
	width: 100%;
	float: left;
	background-color: #2b3691;
	margin-bottom: 20px;}

	div.inner-movies-list{
	padding: 10px;
	float: left;}

		/****************写真ボックス****************/
		div.box-movies-list div.box-movies-photo{
		float: left;
		width: 194px;
		background-image: url(../img/movies/bg-photo_s_e.gif);
		background-repeat: no-repeat;
		background-position: 0% 100%;}

			div.box-movies-list div.box-movies-photo p{
			text-align: center;
			background-image: url(../img/movies/bg-photo_s_h.gif);
			background-repeat: no-repeat;
			margin: 0px;
			padding: 12px;}

		/****************作品概要ボックス****************/
		div.box-movies-list div.box-movies-data{
		float: right;
		width: 496px;}

		/****************作品タイトルボックスH2****************/
		div.box-movies-list div.box-movies-data h2{
		width: 100%;
		float: left;
		font-size: 100%;
		color: #262e75;
		background-color: #bdd2ef;
		background-image: url(../img/movies/bg-date.gif);
		background-repeat: repeat-x;
		border: 1px solid #16206e;
		margin: 2px 0px;}

			/****************作品タイトル****************/
			div.box-movies-list div.box-movies-data h2 span{
			float: left;
			margin: 5px;
			display: block;}

			/****************公開中・上映開始予定日****************/
			div.box-movies-list div.box-movies-data h2 span.date{
			font-size: 90%;
			color: #ff7e00;
			float: right;}

		/****************監督、キャストなどのリスト****************/
		div.box-movies-list div.box-movies-data dl{
		width: 100%;
		line-height: 120%;
		float: left;
		font-size: 80%;
		background-color: #edf3ff;
		border: 1px solid #16206e;
		margin: 0px;
		padding: 5px 0px;}

			div.box-movies-list div.box-movies-data dl dt{
			white-space: nowrap;
			color: #303da9;
			width: 7.3em;
			float: left;
			padding: 0px 0px 0px 7px;}

			div.box-movies-list div.box-movies-data dl dd{
			margin-left: 7.3em;
			padding: 0px;}

			/* hide hack from Mac-IE5 \*/
			* html div.box-movies-list div.box-movies-data dl dd { height: 1%; }
			/* end hiding */

		/****************詳細ボタン****************/
		div.box-movies-list div.box-syousai-button{
		width: 100%;
		clear: both;
		text-align: right;
		padding: 5px 0px 0px 0px;}

			div.box-movies-list div.box-syousai-button p{
			margin: 0px;}





	/****************作品詳細****************/

	/****************作品詳細　ボックス****************/
	div.box-movies-syousai{
	width: 100%;
	margin-bottom: 20px;}

		/****************作品タイトルボックスH2****************/
		div.box-movies-syousai h2{
		width: 100%;
		float: left;
		font-size: 100%;
		color: #ffffff;
		background-color: #00769e;
		background-image: url(../img/movies/bg-title.gif);
		background-repeat: repeat-x;
		border-top: 2px solid #2b3691;
		border-bottom: 2px solid #2b3691;
		margin: 2px 0px 15px 0px;}

			/****************作品タイトル****************/
			div.box-movies-syousai h2 span{
			float: left;
			margin: 17px 5px 15px 5px;
			display: block;}

			/****************公開中・上映開始予定日****************/
			div.box-movies-syousai h2 span.date{
			color: #ffea00;
			float: right;}


		/****************写真ボックス****************/
		div.box-movies-syousai div.box-movies-photo{
		float: left;
		width: 284px;
		background-image: url(../img/movies/bg-photo_l_e.gif);
		background-repeat: no-repeat;
		background-position: 0% 100%;
		margin-bottom: 20px;}

			div.box-movies-syousai div.box-movies-photo p{
			text-align: center;
			background-image: url(../img/movies/bg-photo_l_h.gif);
			background-repeat: no-repeat;
			margin: 0px;
			padding: 12px;}

		/****************作品概要ボックス****************/
		div.box-movies-syousai div.box-movies-data{
		float: right;
		width: 416px;
		margin-bottom: 20px;}

		/****************ストーリー解説H3****************/
		div.box-movies-syousai div.box-movies-data h3{
		margin: 0px;}

		/****************ストーリー文章****************/
		div.box-movies-syousai div.box-movies-data p{
		font-size: 80%;
		line-height: 130%;
		color: #333333;
		margin: 12px 0px;}

		/****************監督、キャストなどのリスト****************/
		div.box-movies-syousai div.box-movies-data dl{
		color: #333333;
		width: 100%;
		font-size: 80%;
		margin: 0px;
		padding: 0px;
		border-bottom: 1px dotted #cccccc;}

			div.box-movies-syousai div.box-movies-data dl dt{
			font-weight: bold;
			color: #515dc0;
			width: 7.3em;
			float: left;
			padding: 5px 0px 5px 7px;
			border-top: 1px dotted #cccccc;}

			div.box-movies-syousai div.box-movies-data dl dd{
			margin-left: 7.8em;
			padding: 5px 0px;
			border-top: 1px dotted #cccccc;}




/****************ニュース＆トピックス****************/

	/****************ニュース一覧ボックス****************/
	div.box-news-list{}

	div.box-news-list div.news-contents{
	padding: 0px 12px;
	border-top: 1px solid #cccccc;}

	div.box-news-list h2{
	color: #303da9;
	font-size: 100%;
	border-left: 5px solid #ffb400;
	padding-left: 7px;
	margin-bottom: 7px;}

	div.box-news-list h2 span{
	color: #8c9af7;
	font-size: 80%;
	font-weight: normal;
	display: block;
	margin: 3px 0px;}

	div.box-news-list p{
	color: #333333;
	font-size: 80%;
	margin: 15px 0px;}

	div.box-news-list p.url-area{
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	padding: 10px 5px;}