@charset "euc-jp";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font: 1em/1.4em "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	background-color: #ffffff;
	background-image: url(../images/index_sky.jpg) ;
	background-repeat:no-repeat;
	background-position: center top;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

body, html {
	height:100%;
}

#dvd-container {
	text-align:center;
	background-color:#24b7b3;
}

#index-container {
	background-image: url(../images/index_main2.png) ;
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size: 100%;
	background-size: 100%;
	overflow:hidden;
	width:100%;
	height: 100%;
	min-width: 1100px;
	min-height: 950px;
	position: relative;
}

h1 {
	position: absolute;
	left: 50%;
	top: 46px;
	margin-left:-100px;
	
}

h2 {
	position: absolute;
	left: 40px;
	top: 31px;
}

h3 {
	position: absolute;
	left: 35px;
	top: 344px;
}

ul li.news {
	position: absolute;
	right: 180px;
	top: 32px;
}

ul li.about {
	position: absolute;
	right: 40px;
	top: 112px;
}

ul li.trailer {
	position: absolute;
	right: 180px;
	top: 192px;
}

ul li.comments {
	position: absolute;
	right: 40px;
	top: 272px;
}

ul li.cast {
	position: absolute;
	right: 180px;
	top: 352px;
}

ul li.staff {
	position: absolute;
	right: 40px;
	top: 432px;
}

ul li.theater {
	position: absolute;
	right: 180px;
	top: 512px;
}

ul li.official-tw {
	position: absolute;
	right: 39px;
	top: 594px;
}

#banner-mezame {
	position: absolute;
	right: 70px;
	top: 740px;
}

#shishi {
	position: absolute;
	left:50%;
	top: 140px;
	margin-left:-220px;
}

#boy {
	position: absolute;
	left:23%;
	bottom: 47px;
}

#goat {
	position: absolute;
	left: 0px;
	bottom: 47px;
}

#ouen {
	position: absolute;
	left: 168px;
	bottom: 170px;
}

#beling {
	position: absolute;
	left: 50%;
	bottom: 54px;
	margin-left:-529px;
}


div#social {
	position:fixed;
	left:0px;
	bottom:0px;
	background-color: #24b7b3;
	height: 47px;
	width: 100%;
	text-align:center;
}

div#social ul {
	margin-top:14px;
}

div#social ul li {
	display:inline-table;
}

div#social li.tw iframe {
	width: 86px !important;
}

div#widget {
	position: absolute;
	right: 54px;
	top: 256px;
	background-color: #FFF;
	border-radius: 4px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 4px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 4px;   /* FirefoxÍÑ */
	overflow: hidden;
}