@charset "UTF-8";



/* 初期設定
------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body,ht,td { font-family: "MS PGothic"; }

body {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	background: #000000 url(../images/bg/top.jpg) center 400px no-repeat;
}

body#cast {
	background: #000000 url(../images/bg/cast.jpg) center 400px no-repeat;
}

body#staff {
	background: #000000 url(../images/bg/staff.jpg) center 400px no-repeat;
}

body#intro {
	background: #000000 url(../images/bg/intro.jpg) center 400px no-repeat;
}

body#story {
	background: #000000 url(../images/bg/story.jpg) center 400px no-repeat;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img,a img { border: none; }



/* ハイパーテキスト
------------------------------------------------- */

a {
	color: #666666;
}

a:hover {
	text-decoration: none;
	border-bottom: none;
	color: #999999;
}

a:focus { outline: none; }



/* レイアウト
------------------------------------------------- */

div#header-menu {
	width: 960px;
	height: 20px;
	margin: 10px auto;
}

div#header-visual {
	width: 100%;
	text-align: center;
	background: #FF1100;
}

div#top-wide {
	width: 1250px;
	margin: 0 auto;
}

div#wrapper {
	width: 980px;
	margin: 0 auto;
}

div#main {
	width: 760px;
	min-height: 500px;
	padding: 20px;
	margin: 50px auto 0 auto;
	background: #FF1100;
	background: rgba(255, 17, 0, 0.6);
}



/* ヘッダー
------------------------------------------------- */

div#header-menu ul {
	margin-left: 300px;
}

div#header-menu ul li {
	float: left;
	margin: 0 18px;;
	list-style-type: none;
}



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

div#top-wide .top-wide-left {
	float: left;
	width: 650px;
}

div#top-wide .top-wide-left .app {
	width: 630px;
	text-align: center;
	margin: 25px 0 20px 0;
	border: solid 1px #666666;
	padding: 20px 0;
	background-color: #000000;
}

div#top-wide .top-wide-right {
	float: right;
	width: 600px;
}

div#top-wide .top-wide-right .youtube {
	width: 533px;
	padding: 7px;
	background: #990E00;
	margin-top: 25px;
	margin-bottom: 20px;
}

div#wrapper .left {
	float: left;
	width: 270px;
}

div#wrapper .right {
	float: right;
	width: 630px;
	margin-right: 35px;
}

div#wrapper .left img.news-title {
	margin-top: 5px;
	border: solid 1px #990E00;
}

div#wrapper .left .news-block {
	width: 250px;
	min-height: 300px;
	padding: 10px;
	background: #FF1100;
	font-size: 75%;
	line-height: 150%;
	color: #000000;
	background: #FF1100;
	background: rgba(255, 17, 0, 0.6);
}

div#wrapper .left .news-block p {
	padding-bottom: 5px;
	border-bottom: dotted 1px #000000;
	margin-bottom: 5px;
}

div#wrapper .left .news-block .date {
	font-weight: bold;
}

div#wrapper .right .cast,
div#wrapper .right .staff,
div#wrapper .right .director,
div#wrapper .right .music,
div#wrapper .right .reiz,
div#wrapper .right .eigasai,
div#wrapper .right .koukai,
div#wrapper .right .cinemarosa {
	width: 620px;
	text-align: center;
	margin-bottom: 20px;
}



/* フッター
------------------------------------------------- */

div#footer {
	width: 100%;
	height: 184px;
	background: #FF1100 url(../images/footer/bg.png) top center no-repeat;
	margin-top: 30px;
}

div#footer .web-design {
	padding-top: 16px;
	text-align: center;
}

div#footer .copyright {
	padding-top: 8px;
	text-align: center;
}



/* メイン
------------------------------------------------- */

div#main .commingsoon {
	margin-top: 30px;
	text-align: center;
}



/* キャスト
------------------------------------------------- */

div#main .cast {
	margin-bottom: 20px;
	text-align: center;
}



/* スタッフ
------------------------------------------------- */

div#main .staff {
	margin: 40px 0;
	text-align: center;
}



/* イントロダクション
------------------------------------------------- */

div#main .intro {
	text-align: center;
}



/* ストーリー
------------------------------------------------- */

div#main .story {
	text-align: center;
}