@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
}

p,h1,h2,h3,h4,ul,ol,dl,dt,dd,li,form,iframe {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
li {
	list-style-type: none;
}
img {
	vertical-align: bottom;
}

/* Font Setting */
body {
	font-size: 14px;
	line-height: 1.9em;
	letter-spacing: 0.6pt;
	color: #231815;
}


#wrap {
	min-width: 1100px;
	position: relative;
	background: url(../images/launch/home_bg.gif) no-repeat center top;
}
/* Header Nav */
#hnav {
	width: 1100px;
	height: 75px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -550px;
	z-index: 1000;
}
#hnav ul {
	padding-left: 10px;
}
#hnav li {
	float: left;
}
#hnav li a,
#hnav li span.cs {
	position: relative;
	display: block;
	height: 75px;
	text-indent: -9999px;
	background: url(../images/launch/gnav1_2.png) no-repeat left top;
	outline: none;
}
#hnav li.btn1 span.cs {opacity: 0.3; width: 84px; background-position: -10px top;}
#hnav li.btn1 a {width: 84px; background-position: -10px top;}
#hnav li.btn2 a {width: 86px; background-position: -94px top;}
#hnav li.btn3 a {width: 71px; background-position: -180px top;}
#hnav li.btn4 a {width: 98px; background-position: -251px top;}
#hnav li.btn5 a {width: 77px; background-position: -349px top;}
#hnav li.btn6 a {width: 96px; background-position: -426px top;}
#hnav li a:hover::after {
	content: '';
	display: block;
	position: absolute;
	width: 25px;
	height: 15px;
	top: 15px;
	left: 50%;
	margin-left: -12px;
	z-index: 1;
	background: url(../images/launch/gnav_btn_hover2.gif) no-repeat left -3px;
}

/* Global Nav */
#gnav {
	display: none;
	width: 100%;
	min-width: 1100px;
	height: 75px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: url(../images/launch/gnav_bg.png) repeat;
}
#gnav ul {
	width: 1100px;
	height: 75px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 14px;
}
#gnav li {
	float: left;
}
#gnav li a,
#gnav li span.cs {
	position: relative;
	display: block;
	height: 75px;
	text-indent: -9999px;
	background: url(../images/launch/gnav2_2.png) no-repeat left top;
	outline: none;
}
#gnav li.btn1 span.cs {opacity: 0.3; width: 82px; background-position: -81px top;}
#gnav li.btn0 a {width: 67px; background-position: -14px top;}
#gnav li.btn1 a {width: 82px; background-position: -81px top;}
#gnav li.btn2 a {width: 85px; background-position: -163px top;}
#gnav li.btn3 a {width: 69px; background-position: -248px top;}
#gnav li.btn4 a {width: 176px; background-position: -317px top;}
#gnav li.btn5 a {width: 75px; background-position: -493px top;}
#gnav li.btn6 a {width: 154px; background-position: -568px top;}
#gnav li a:hover::after {
	content: '';
	display: block;
	position: absolute;
	width: 25px;
	height: 15px;
	top: 15px;
	left: 50%;
	margin-left: -12px;
	z-index: 1;
	background: url(../images/launch/gnav_btn_hover2.gif) no-repeat left -3px;
}


#main {
	width: 1100px;
	margin: 0 auto;
	height: 780px;
	margin-bottom: 100px;
	padding-top: 400px;
	padding-bottom: 30px;
	box-sizing: border-box;
	position: relative;
}
#site-title {
	position: absolute;
	width: 600px;
	height: 269px;
	top: 102px;
	left: 0;
	z-index: 200;
}
#photo {
	width: 565px;
	height: 780px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}
#trailer {
	width: 460px;
	margin: 0 0 25px 40px;
}
#trailer a {
	display: block;
	width:  160px;
	margin: 0 auto;
	line-height: 34px;
	text-align: center;
	letter-spacing: 1pt;
	background: #FFF;
	color: #000;
	border: solid 1px #333;
	transition: background .3s;
}
#trailer a:hover {
	background: #000;
	color: #FFF;
	border: solid 1px #000;
}
#snsbtns {
	position: absolute;
	width: 135px;
	height: 38px;
	/*top: 388px;*/
	top: 90px;
	left: 375px;
	z-index: 300;
}
#snsbtns li {
	float: left;
}
#snsbtns li.facebook span.cs {
	display: block;
	width: 45px;
	height: 38px;
	text-indent: -9999px;
	background: url(../images/launch/snsbtns.png) no-repeat left top;
	opacity: 0.2;
}
#snsbtns li a {
	display: block;
	width: 45px;
	height: 38px;
	text-indent: -9999px;
	background: url(../images/launch/snsbtns.png) no-repeat left top;
}
#snsbtns li a:hover {
	opacity: 0.6;
}
#snsbtns li.facebook a {
	background-position: left top;
}
#snsbtns li.twitter a {
	background-position: -45px top;
}
#snsbtns li.instagram a {
	background-position: right top;
}
#koukai {
	margin-left: 72px;
	margin-bottom: 13px;
}
#bddvd {
	width: 470px;
	margin-left: 35px;
	margin-bottom: 15px;
}
#bddvd a:hover {
	opacity: 0.8;
}
#bddvd img {
	width: 100%;
	height: auto;
}
#billing {
	margin-left: 50px;
	margin-bottom: 20px;
}
#thumbs {
	margin-left: 35px;
	margin-bottom: 20px;
}
#hbanner {
	width: 470px;
	overflow: hidden;
	margin-left: 35px;
	margin-bottom: 15px;
}
#hbanner li {
	width: 212px;
	text-align: center;
}
#hbanner li.filmarks {
	float: right;
	width: 212px;
	height: 86px;
}
#hbanner li.tower {
	float: left;
	width: 248px;
}

.tower a {
	display: block;
	border: solid 1px #ddd1b7;
	padding: 5px 8px;
	background: #FFF;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.tower img.bnr {
	width: 40%!important;
	height: auto;
}
.tower span {
	display: block;
	text-align: left;
	letter-spacing: 0;
}
.tower span.t {
	font-size: 12px;
	line-height: 1.3em;
	padding: 5px 0 4px;
	color: #181818;
}
.tower span.mini {
	font-size: 10px;
	color: #999;
	line-height: 1em;
}



/*#hbanner img {
	height: 60px;
	width: auto;
}*/
#baliafree {
	width: 400px;
	margin-left: 70px;
	text-align: center;
}

/* -----------------------------

Introduction and Story

------------------------------*/
#introstory {
	padding-top: 100px;
}
#introstory .inner {
	width: 1100px;
	margin: 0 auto;
	background: url(../images/launch/intro_p1.jpg) no-repeat right 65px;
}
#introstory .page-title {
	margin-left: 45px;
	margin-bottom: 10px;
}
#introstory .catch1 {
	margin-left: 95px;
	margin-bottom: 45px;
}
#introstory .catch2 {
	margin-left: 95px;
	margin-bottom: 45px;
}
#introstory .area1 {
	height: 750px;
	padding-top: 65px;
	margin-bottom: 8px;
	box-sizing: border-box;
}
#introstory p.text1 {
	width: 350px;
	margin-left: 98px;
	margin-bottom: 30px;
	font-size: 14px;
}
#introstory .area2 {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
#introstory .area2 .text2 {
	float: left;
	width: 280px;
	font-size: 14px;
	padding-left: 98px;
}
#introstory .area2 .photo {
	float: right;
	width: 604px;
}
#introstory .area2 .photo img {
	width: 100%;
	height: auto;
}

/* -----------------------------

Cast

------------------------------*/
#cast {
	background: #FFF url(../images/launch/cast_bg.gif) repeat-y center top;
}
#cast .inner {
	width: 1100px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 100px 0;
}
#cast .page-title {
	margin-left: 45px;
	margin-bottom: 45px;
}
#cast .block {
	clear: both;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
#cast .cast-l {
	width: 890px;
	margin: 0 auto;
}
#cast .cast-l .photo {
	width: 410px;
}
#cast #cast1 {
	margin-bottom: 80px;
}
#cast #cast2 {
	margin-bottom: 80px;
}
#cast #cast1 .photo {
	float: left;
}
#cast #cast2 .photo {
	float: right;
	text-align: right;
}
#cast .textbox {
	width: 480px;
}
#cast #cast1 .textbox {
	padding-top: 15px;
	float: right;
}
#cast #cast2 .textbox {
	padding-top: 15px;
	float: left;
}
#cast .cast-name {
	margin-bottom: 20px;
	border-bottom: solid 1px #181818;
}
#cast .textbox p {
	margin-left: 5px;
}

#cast .cast-m {
	width: 970px;
	margin: 0 auto 75px;
}
#cast .cast-m .cast-name {
	border-bottom: none;
}
#cast .cast-m .cast-name img {
	border-bottom: solid 1px #181818;
}
#cast .cast-m .photo {
	float: left;
	width: 345px;
}
#cast .cast-m .textbox {
	float: right;
	width: 625px;
}

#cast #cast4 .photo {
	float: right;
	width: 345px;
	text-align: right;
}
#cast #cast4 .textbox {
	float: left;
	width: 625px;
}


#cast .cast-s {
	width: 900px;
	margin: 0 auto 65px;
}
#cast .cast-s .cast-name {
	border-bottom: none;
}
#cast .cast-s .cast-name img {
	border-bottom: solid 1px #181818;
}
#cast .cast-s .photo {
	float: left;
	width: 230px;
}
#cast .cast-s .textbox {
	float: right;
	width: 670px;
}



/* -----------------------------

Staff

------------------------------*/
#staff {
	background: #9ba9b5 url(../images/launch/staff_bg_loop.jpg) repeat center top;
}
#staff .inner {
	width: 1100px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 150px 0 150px;
	overflow: hidden;
}
#staff .page-title {
	margin-bottom: 30px;
}
#staff .staff-name {
	margin-bottom: 20px;
	border-bottom: solid 1px #181818;
}

#original {
	width: 685px;
	margin: 0 0 65px 100px;
	position: relative;
}
#original .photo {
	position: absolute;
	top: 88px;
	right: 0;
	font-size: 12px;
	line-height: 1.7em;
}
#original .photo img {
	margin-bottom: 10px;
}
#original .textbox {
	width: 480px;
}
#music {
	width: 825px;
	margin: 0 0 65px 225px;
	position: relative;
}
#music .photo {
	position: absolute;
	top: 88px;
	right: 0;
}
#music .photo img {
	margin-bottom: 20px;
}
#music .textbox {
	width: 480px;
}


#director {
	width: 825px;
	margin: 0 0 65px 100px;
	position: relative;
}
#director .photo {
	position: absolute;
	top: 88px;
	right: 0;
}
#director .photo img {
	margin-bottom: 20px;
}
#director .textbox {
	width: 480px;
}
#director .filmography h4 {
	margin-bottom: 10px;
}
#director .filmography ul {
	margin-left: 8px;
}

#staffs {
	margin-top: 270px;
	padding: 0px 0 100px 100px;
	
}
#staffs img {
	border-top: solid 1px #1e1e1e;
	padding: 30px 30px;
	width: 695px;
	height: auto;
}