@charset "utf-8";


/* @group ========*/

div#wrapper {
	background:url(../images/top_image.jpg) center top no-repeat;
}

div#header {
	position:relative;
	width:740px;
	height:750px;
}

div#header h1 {
	padding-top:40px;
	position:static;
	text-align:center;
}

div#header p.copy01 {
	position:absolute;
	right:63px;
	top:214px;
}

div#header p.copy02 {
	position:absolute;
	left:92px;
	top:240px;
}

div#main {
	margin:0 auto;
	width:740px;
}

div#btnArea {
	padding-top:322px;
}

div#btnArea ul {
	margin:0 auto;
	width:560px;
}

div#btnArea ul li {
	list-style:none;
	float:left;
}

div#btnArea ul li.btn02 { margin-left:24px;}

div#btnArea p.ready {
	padding:40px 0 0;
	text-align:center;
}

div.shareArea {
	display:block;
	position:absolute;
	right:0;
	top:20px;
}

div.shareArea ul {
}

div.shareArea li.twitterTool {
	float:left;
	margin-right:10px;
}

div.shareArea li.facebookTool {
	float:left;
}

div#movieArea {
	padding-top:20px;
}

div#movieSArea ul {
	width:740px;
}

div#movieSArea li {
	margin-top:60px;
	width:350px;
	float:left;
}

div#movieSArea li.right {
	width:350px;
	float:right;
}

div#movieSArea li p img {
	margin:65px 0 0 80px;
}

div#movieArea h2,
div#movieSArea h2 {
	padding-bottom:10px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.contArea {
	padding-top:40px;
}

div.contArea dl {
	padding-top:20px;
}

div.contArea ul.anime li {
	float:left;
}

div.contArea#story dt.thumb {
	width:305px;
	float:left;
}

div.contArea#story dd.txt {
	font-size:117%;
	width:435px;
	float:left;
}

div.contArea#story ul.anime { margin-left:150px;}
div.contArea#story ul.anime li.left img { margin-top:54px;}
div.contArea#story ul.anime li.right img { margin-top:10px;}

div.contArea#howtoplay dt.thumb {
	width:305px;
	float:right;
	text-align:right;
}

div.contArea#howtoplay dd.txt {
	font-size:117%;
	width:435px;
	float:left;
}

div.contArea#howtoplay ul.anime { margin-left:40px; padding-top:10px;}
div.contArea#howtoplay ul.anime li.left img { margin-top:10px;}

div.contArea#sound {
}

div.contArea#sound div.staff {
	margin:20px auto;
	width:360px;
	background:url(../images/bg_sound.gif) center top no-repeat;
}

div.contArea#sound div.staff dl {
	padding-top:0;
	float:left;
}

div.contArea#sound div.staff dl.left { width:190px;}
div.contArea#sound div.staff dl.right { width:170px;}

div.contArea#sound div.staff dt { height:164px;}
div.contArea#sound div.staff dt img { margin-top:14px;}
div.contArea#sound div.staff dd.name { height:46px;}
div.contArea#sound div.staff dd.txt {
	width:170px;
	font-size:117%;
}

div.contArea#sound div.staff dl.right dt img { margin-top:14px;}
div.contArea#sound div.staff dl.left dd.name { margin-left:10px;}
div.contArea#sound div.staff dl.right dd.name { margin-left:48px;}

div#nzArea {
	margin:40px auto 0;
	width:496px;
}

div#nzArea div.tit {
	padding-left:68px;
	height:82px;
	background:url(../images/bg_nozokimi.jpg) left top no-repeat;
}

div#nzArea div.tit h3 {
	padding-top:8px;
}

div#nzArea div.tit p {
	padding-top:14px;
}

div#nzArea p.bn {
	margin-top:10px;
}

div#infoTwArea {
	padding-top:40px;
}

div#infoArea {
	width:350px;
	float:left;
}

div#infoArea h3 {
	height:45px;
}

div#infoArea div.info {
	height:400px;
	overflow-y: auto;
}

div#infoArea div.info::-webkit-scrollbar{
	width:8px;
	background: #333333;
}

div#infoArea div.info::-webkit-scrollbar-thumb{
	background: #ffffff;
}

div#infoArea div.info dl {
	margin-right:10px;
	padding:10px 10px 10px 0;
	border-top:2px dotted #999;
}

div#infoArea div.info dt {
	color:#999;
}

div#hashtagArea {
	width:350px;
	float:right;
}

div#hashtagArea h3 {
	height:45px;
}

div#specArea {
	margin-top:40px;
}

div#specArea h3 {
	height:40px;
}

div#specArea p {
	color:#FFF;
}

div#sh02.shareArea {
	position:static;
	margin-top:40px;
}

div#sh02.shareArea div.center {
	position:relative;
	overflow: hidden;
}

div#sh02.shareArea ul {
	position:relative;
	left: 50%;
	float: left;
}

div#sh02.shareArea li {
	position:relative;
	left: -50%;
	float: left;
}

div.footerInnerInner {
	margin: 0 auto;
	width:740px;
}


/* @end */