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

/* ブラウザ表示対策------------------------------------------------- */

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
content: "";
display: block;
clear: both;
}

.clearfix {
zoom:1;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
height:1px;
}

.clearfix{
display:block;
}
/* End hide from IE-mac */


/* 共通設定--------------------------------------------------------- */

* {
margin: 0;
padding: 0;
border: 0;
}
a {
/* macIE対策\*/
overflow: hidden;
/* macIE対策*/
color: #FF0;
}
a img {
border: 0;
}
a:hover {
	text-decoration: none;
}
ul,ol,dl{
list-style:none;
}

body {
	font-size: 12px;
	line-height: 1.4em;
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FBDA3D url(../images/bg.jpg) top center repeat-x;
}

#wrapper {
	background: url(../images/top_main.jpg) center top no-repeat;
}

#container {
	width: 950px;
	margin: 0 auto;
}

/* link--------------------------------------------------------- */

/* header--------------------------------------------------------- */
.top #header {
	height: 880px;
	position:relative;
}

.top #header h1,
.top #header p{
	text-indent: -9999px;
}

.top #header .top_bn{
	width:260px;
	height:185px;
	position:absolute;
	top:675px;
	left:0;
}

/* nav--------------------------------------------------------- */
#nav li {
	float: left;
}

/* main--------------------------------------------------------- */
#topBox {
	padding: 15px 5px 40px;
}

#topNews {
	background: url(../images/top_news.jpg) top center no-repeat;
	float: left;
	width: 330px;
	height: 285px;
}

#topNews ul {
	margin: 5px 30px 15px 36px;
	height: 230px;
	overflow: auto;
}

#topNews ul li {
	margin: 0 5px 0 0;
	padding: 8px 0;
	border-bottom: dotted 1px #F00;
}

#topNews .date {
	padding: 0 0 3px;
}

#trailer {
	float: right;
	width: 585px;
	background: url(../images/top_trailer_bg.jpg) top center repeat-y;
}

#trailer .inner {
	background: url(../images/top_trailer_bottom.jpg) bottom center no-repeat;
	padding: 0 0 25px;
}

#trailer .box {
	background: url(../images/top_ttl_trailer.jpg) top center no-repeat;
	padding: 27px 22px 0;
}

#trailer #movie {
	float: left;
	width: 320px;
	margin: 22px 0 0;
	display: inline;
}

#trailer .extra {
	float: right;
	width: 210px;
}

#trailer .extra .title {
	color: #FF0;
	margin: 0 0 7px;
	padding: 0 0 7px;
	border-bottom: dotted 1px #FF0;
	font-weight: bold;
}
.top #header #top_tw {
	position:absolute;
	right:120px;
	top:20px;
	height:148px;
	width:148px;
	text-indent:0 !important;
}

/* footbanner--------------------------------------------------------- */

#bannerArea {
	text-align: center;
}

#bannerArea li {
	padding: 0 10px;
    display: -moz-inline-box;  
    display: inline-block;
}

* html #bannerArea li{    
    display: inline;
    zoom: 1;  
}

*+html #bannerArea li {    
    display: inline;
    zoom: 1;  
}


/* footer--------------------------------------------------------- */

#footer {
	padding: 20px 0 30px;
}

#footer p {
	text-align: center;
	color: #000;
}