@charset "UTF-8";
/* import */

@import "util.css";

/* common */
body {height:100%; width:100%; line-height: 1em; text-align:center; font-family :"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif; letter-spacing:0.05em; background:url("../image/common/bg.gif") #63ccc9; }

#container{
	width:100%;
	background:url(../image/common/shadow.gif) repeat-x left bottom #63ccc9;
}

#container-inner{
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:center;
	padding:60px 0 ;
}

/*footer*/
#footer{
	position:relative;
	width:980px;
	margin:0 auto;
	padding:91px  16px 16px 16px;
	text-align:center;
}
#qr{
	position:absolute;
	top:85px;
	left:894px;
}
#beling{
	dislplay:block;
	width:628px;
	height:101px;
	margin:0 auto;
	text-align:center;
	background:url(../image/common/beling.png) no-repeat;
}

/*flower*/
#flower-top{
	position:absolute;
	left:-24px;
	top:0;
	width:1016px;
	height:94px;
	background:url(../image/common/flower_top.png) no-repeat;
}
#flower-bottom{
	position:absolute;
	left:-44px;
	top:-124px;
	width:1054px;
	height:124px;
	background:url(../image/common/flower_bottom.png) no-repeat;
}


/*main*/
#maincontainer{
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0 0 70px 0;
	background:url(../image/common/maincontainer-bottom.gif) no-repeat left bottom #e8f7f7;
}

/*mainmenu*/
#menu{ position:relative; width:960px; height:136px;
	background:url(../image/common/maincontainer-top.jpg) no-repeat;
}
#menu ul{ position:absolute; left:270px; top:52px; }
#menu li{ float:left; }
#menu li a{
	width:110px;
	height:30px;
	background-color:none;
}
#menu li.intro a{ width:187px; background:url(../image/common/menu_intro.png) no-repeat center center;}
#menu li.story a{ width:110px; background:url(../image/common/menu_story.png) no-repeat center center;}
#menu li.theater a{ width:134px; background:url(../image/common/menu_theater.png) no-repeat center center;}
#menu li.trailer a{ width:131px; background:url(../image/common/menu_trailer.png) no-repeat center center;}
#menu li.top{ width:110px; height:54px; margin:-10px 0 0; background:url(../image/common/menu_top.png) no-repeat center center; position:relative;}
#menu li.top img{ margin:4px 0 0 2px;}
#maincontainer #menu h1{ position:absolute; left:26px; top:31px; }
#maincontainer #menu h1 a{ width:240px; height:84px; background:url(../image/common/logo_content.png) no-repeat; }
#menu li a:hover{ background-color:#fff3f7; }
#menu li.top a:hover{ background-color:transparent; }

/*maininner*/
#maincontainer-inner{
	position:relative;
	width:860px;
	margin:-30px auto 0;
	text-align:left;
	color:#687d7c;
	line-height:1.6em;
	letter-spacing:0.08em;
	font-size:12px;
}
#maincontainer h2{
	position:relative;
	margin:0 auto 32px;
}

img.line{
	margin:23px 0;
}

.right{
	float:right;
}

#dvd{
	position:absolute;
	top:-35px;
	left:160px;
	width:659px;
	height:122px;
	background:url(../image/top/dvd.png) no-repeat;
}
#dvdinner{
	position:relative;
	
}

#dvd a{
	position:absolute;
	display:block;
	left:530px;
	width:130px;
	height:25px;	
}

#dvd a.dvd1{
	top:53px;
}
#dvd a.dvd2{
	top:78px;
}