@charset "utf-8";
/* ===================================================================
CSS information
 file name  :top.css
 style info :トップページのスタイル

=================================================================== */
/* ==========================================================
	BASE
========================================================== */
#wrap {
    background: url(../images/top/bg_contents.png) no-repeat center 0;
    margin: -146px 0 0;
    position: relative;
    width: 100%;
}
.inner {
	position: relative;
	z-index: 3;
}
/* ==========================================================
	HEADER
========================================================== */
header {
	background: url(../images/top/main_img.png) no-repeat center 0;
	position: relative;
	padding: 0;
	height: 560px;
	text-align: left;
}
h1 {
	position: relative;
	padding: 0;
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -446px;
	width: 411px;
	z-index: 10;
}
h1 p {
	position: relative;
	z-index: 2;
}
h1 img {
	display: none;/*opacity: 0;*//*filter:alpha(opacity=0);*/
}
h2 {
	padding: 0;
	position: absolute;
	left: 50%;
	top: 318px;
	margin-left: -195px;
	width: 390px;
}
h2 img {
	display: none;/*opacity: 0;*//*filter:alpha(opacity=0);
*/
}
.chain_left {
	margin-left: -650px;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 5;
}
.chain_right {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5;
}
.charMain {
	position: relative;
	left: 435px;
	top: -10px;
	clear: both;
	width: 650px;
}
.charMain img {
	display: none;/*opacity: 0;
  filter:alpha(opacity=0);*/
}
/* ==========================================================
  SNS
========================================================== */
.sns {
	background: url(../images/top/bg_sns.png) no-repeat 0 0;
	float: left;
	padding: 10px 0 0 40px;
	position: relative;
	width: 334px;
	z-index: 10;
}
/* ==========================================================
  TOP_NAVI
========================================================== */
nav {
	position: relative;
	height: 105px;
}
nav li {
	position: absolute;
	z-index: 99;
}
nav li a {
	display: block;
	width: 100%;
	height: 100%;
}
nav li img {
	display: none;/*filter:alpha(opacity=0);
*/
}
.updateDay {
	display: none;
	margin-top: 5px;
	z-index: 2;
}
/* ==========================================================
  Music Player
========================================================== */
.musicPlayer {
	background: url(../images/top/bg_musicPlayer.png) no-repeat 0 0;
	height: 45px;
	position: relative;
	float: right;
	margin: 0 -15px 0 0;
	width: 374px;
	z-index: 10;
}
.start, .paused {
	position: absolute;
	top: 10px;
	left: 54px;
	border: none !important;
	border-style: none;
	z-index: 1;
	cursor: pointer;
}
.volume {
	position: absolute;
	right: 0;
	top: 0;
	/*top: 13px;
  left: 111px;*/
	line-height: 0;
}
.next {
	position: absolute;
	top: 10px;
	left: 156px;
	cursor: pointer;
}
.music_title {
	position: absolute;
	top: 1px;
	left: 198px;
	text-align: left;
	width: 120px;
	word-wrap: break-word;
}
.music_title li {
	display: none;
}
.music_title li.jp-playlist-current {
	display: block;
	line-height: 1.2;
}
.music_title li a {
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
}
.jp-playlist-current {
	display: none;
}
.jp-volume-bar-container {
	position: absolute;
	width: 63px;
	height: 13px;
	top: 13px;
	left: 89px;
}
.volumeBar {
	position: relative;
	width: 30%;
	height: 13px;
	background: url(../images/top/btn_volume.png) no-repeat right top;
	padding-left: 8px;
}
.ui-resizable-e {
	right: 0 !important;
}
.visualizer {
	position: absolute;
	width: 13px;
	height: 12px;
	top: 15px;
	left: 34px;
	overflow: hidden;
}
.visualizer .bar {
	position: absolute;
	width: 1px;
	height: 12px;
	background: #fff;
	bottom: -12px;
}
.ui-resizable-e {
	cursor: pointer !important;
}
.ui-resizable {
	position: relative;
	cursor: pointer !important;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	cursor: pointer !important;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
	display: none;
	cursor: pointer !important;
}
.ui-resizable-n {
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
	cursor: pointer !important;
}
.ui-resizable-s {
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
	cursor: pointer !important;
}
.ui-resizable-e {
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
	cursor: pointer !important;
}
.ui-resizable-w {
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
	cursor: pointer !important;
}
.ui-resizable-se {
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
	cursor: pointer !important;
}
.ui-resizable-sw {
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
	cursor: pointer !important;
}
.ui-resizable-nw {
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
	cursor: pointer !important;
}
.ui-resizable-ne {
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
	cursor: pointer !important;
}
/* ==========================================================
  Movie Area
========================================================== */
.movieArea {
	background: url(../images/top/bg_movie.png) no-repeat 0 0;
	height: 162px;
	margin-left: -371px;
	padding: 12px 0px 0px 19px;
	position: absolute;
	left: 50%;
	top: 254px;
	width: 231px;
	z-index: 10;
	display: none;/*opacity :0;*/
}
/* ==========================================================
  NEWS
========================================================== */
#news_ticker {
	color: #fff;
	font-size: 16px;
	height: 28px;
	margin: 0 0 22px;
	padding: 60px 0 0 194px;
}
#news_ticker #news_mask {
	float: left;
	overflow: hidden;
	padding: 6px 0 0;
	width: 696px;
}
#news_ticker ul#news_list {
	width: 2000px;
}
.btn_more {
	position: relative;
	float: right;
	padding: 0 99px 0 0;
}
/* ==========================================================
  Twitter埋め込みタイムライン
========================================================== */
.twArea {
	background: url(../images/top/bg_twArea.png) no-repeat 0 0;
	float: left;
	height: 320px;
	margin: 0 5px 0 63px;
	padding: 30px 12px 0;
	width: 288px;
}
/* ==========================================================
  GAME情報
========================================================== */
.gamedata {
	float: left;
}
/* ==========================================================
  BANNER
========================================================== */
.bnr_tokusetsu, .bnr_pxz {
	float: right;
	padding: 0 60px 0 0;
}