@charset "UTF-8";

/*	Default
----------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,table,th,td,address,form {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
	height: 100%;
}
body {
	font-size: 75%;
	line-height: 1.75;
	color: #333333;
	background:#000;
}
img {
	border: none;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*tr {
	vertical-align: top;
}*/
ul,ol {
	list-style: none;
}
sup {
	vertical-align: 0.4em;
	line-height: 1;
}
sub {
	vertical-align: -0.1em;
	line-height: 1;
}


/*	Clear
----------------------------------------------------*/
.cl { clear:both; }

/*---------- clearfix ----------*/
.clearfix { position:relative; zoom:1; }
.clearfix:after { content:""; display:block; clear:both; }


/*	Link
----------------------------------------------------*/
a:link    { color: #5e3f2c; text-decoration: none; }
a:visited { color: #5e3f2c; text-decoration: none; }
a:hover   { color: #5e3f2c; text-decoration: underline; }
a:active  { color: #5e3f2c; text-decoration: underline; }

.ml00 { margin-left:0px !important; }
.ml35 { margin-left:35px !important; }

.mr00 { margin-right:0px !important; }
.mr35 { margin-right:35px !important; }

/*	Common Class
----------------------------------------------------*/
.imgalpha a:hover img { opacity:0.8; filter:alpha(opacity=80);}

.txtL { text-align:left; }
.txtR { text-align:right; }
.txtC { text-align:center; }

.floL { float:left; }
.floR { float:right; }
.phL { float:left; padding:4px 20px 0 0;}
.phR { float:right; padding:4px 0 0 20px;}



#container {
	background:url(../images/bg.jpg) 50% 0 no-repeat;
	position:relative;
}
#contents {
	background:url(../images/bg2.jpg) 50% 0 no-repeat;
	position:relative;
	-moz-background-size:100% 100%;
	background-size:100% 100%; 
}
#contents {
	margin:0 auto;
	width:1000px;
	height:3299px;
}

#container .bgm {
	position:absolute;
	right:0;
	top:4px;
	z-index:99;
}
#container .btn_catch {
	position:absolute;
	top:10px;
	left:55px;
}
#container h1 {
	position:absolute;
	top:534px;
	left:230px;
}
#container .btn_movie {
	position:absolute;
	top:639px;
	left:747px;
}
#contents .btn_dl{
	position:absolute;
	top:764px;
	left:288px;
}
#contents .txt_story{
	position:absolute;
	top:905px;
	left:77px;
}
#contents .txt{
	position:absolute;
	top:1224px;
	left:49px;
}
#contents .txt .txt01 {
	margin-bottom:113px;
}
#contents .txt .txt02 {
	margin-bottom:222px;
}
#contents .txt .txt03 {
	margin-bottom:97px;
}
#contents #txt_spec {
	position:absolute;
	bottom:155px;
	left:59px;
}
#contents .btn {
	position:absolute;
	bottom:76px;
	left:78px;
}
#contents .btn img {
	margin-right:13px;
}
#contents .btn_top{
	position:absolute;
	bottom:25px;
	left:648px;
}

div#sqexHeader-black,
div#sqexFooter ul,
div#sqex-footer-contents,
div#sqexFooter {
	min-width: 1000px;
}

/* ########## BGM Player ########## */
#container div#gdBGM {
  width:140px; height:43px;
  position:absolute;
  top:4px; right:0;
  background:url(../images/btn_bgm_bg.png) no-repeat left top;
}
div#gdBGM div.jp-play {
  width:46px; height:10px;
  margin:0; padding:0;
  position:absolute;
  top:16px; left:81px;
  text-indent:-10000px;
  background:url(../images/btn_bgm.gif) no-repeat left -10px;
}
div#gdBGM div.jp-pause {
  width:46px; height:10px;
  margin:0; padding:0;
  position:absolute;
  top:16px; left:81px;
  text-indent:-10000px;
  background:url(../images/btn_bgm.gif) no-repeat left top;
}
div#gdBGM div.jp-play,
div#gdBGM div.jp-pause {
	cursor:pointer;
}