body{
	background: #fff url("../images/bg.gif") center top repeat;
	color: #000;
}

#page{
	background: url("../images/head_main.png") center top no-repeat;
}

#head{
	margin: 0 auto;
	padding-bottom: 25px;
	width: 980px;
}
#head #screen{
	margin-bottom: 10px;
}

#head #screen .default{
	position: relative;
	height: 780px;
	background: url("../images/chara.png") 117px 34px no-repeat;
}
#head #title{
	position: absolute;
	top: 0;
	left: 8px;
	width: 438px;
	height: 0;
	padding-top: 193px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/title.png) no-repeat center top;
}
#head #catch{
	position: absolute;
	top: 35px;
	right: 71px;
	width: 94px;
	height: 0;
	padding-top: 457px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/catch.png) no-repeat center top;
}
#head #summary{
	position: absolute;
	top: 538px;
	right: 10px;
	width: 432px;
	height: 0;
	padding-top: 226px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/date.png) no-repeat center top;
}
#head #trailer{
	position: absolute;
	top: 512px;
	left: 30px;
}
#head #trailer h2{
	margin-bottom: 10px;
	width: 69px;
	height: 0;
	padding-top: 16px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/trailer_title.png) no-repeat center top;
}
#head #trailer .video{
	padding-top: 30px;
	width: 252px;
	height: 174px;
	background: #000;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
#head #trailer .video .thumb{
	margin: 0 auto;
	border: 1px solid #404040;
	width: 222px;
	height: 138px;
	background: url(../images/trailer_thumb_02.jpg) center center no-repeat;
}
#head #trailer .video .thumb.disabled{
	background: url(../images/trailer_thumb_disabled.gif) center center no-repeat;
}
#head #trailer .video .thumb a{
	display: block;
	width: 222px;
	height: 0;
	padding-top: 138px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/trailer_btn.png) no-repeat center center;
}
#head #staff{
	margin: 0 auto;
	width: 780px;
	height: 0;
	padding-top: 124px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/staff.png) no-repeat center top;
}

#head #splash{
	display: none;
	padding-top: 30px;
	margin: 0 auto;
	width: 96px;
	height: 560px;
}
#head #splash .line1{
	float: right;
	width: 34px;
}
#head #splash .line2{
	float: left;
	width: 34px;
}
#head #splash ul li{
	margin-bottom: 2px;
	height: 34px;
}
#head #splash ul li img{
	display: none;
}

/* main */

#main{
	background: url("../images/main_bg.png") repeat;
}
#main-inner{
	margin: 0 auto;
	padding: 40px 30px 20px 30px;
	width: 920px;
}
#intro{
	margin-bottom: 20px;
}
#intro .text{
	float: left;
	width: 501px;
}
#intro .text h2{
	width: 501px;
	height: 0;
	padding-top: 57px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/intro.png) no-repeat center top;
}
#intro .text p{
	margin-top: 28px;
	width: 501px;
	height: 0;
	padding-top: 140px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/intro-03.png) no-repeat center top;
}
#intro p.photo{
	float: right;
	width: 396px;
}

#ticket{
	margin: 0 auto 16px auto;
	width: 912px;
	height: 154px;
}
#ticket a{
	display: block;
	width: 912px;
	height: 0;
	padding-top: 154px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/ticket.png) no-repeat center top;
}

#official-site{
	margin: 0 auto 20px auto;
	width: 397px;
	height: 73px;
}
#official-site a{
	display: block;
	width: 397px;
	height: 0;
	padding-top: 73px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/site.png) no-repeat center top;
}

/* foot */

#foot{
	padding: 20px 0 0 0;
}
#foot .rights{
	margin: 0 auto;
	width: 546px;
	height: 13px;
}
#foot .rights a{
	display: block;
	width: 546px;
	height: 0;
	padding-top: 13px;
	font-size: 0.1em;
	overflow: hidden;
	background: url(../images/rights.png) no-repeat center top;
}

#video-players{
	display: none;
}