@charset "UTF-8";

h1 {
	z-index: 100;
	top: -34px;
}

#main {
	background: url(../img/top_bg.png) no-repeat;
	width: 1000px;
	height: 545px;
	position: relative;
	left: 0px;
	top: 0px;
	margin-top: 40px;
	z-index: 1;
}

#main .release {
	display: none;
	background: url(../img/top_release.png) no-repeat;
	width: 245px;
	height: 102px;
	text-indent: -9999em;
	z-index: 2;
	position: absolute;
	left: 342px;
	top: 437px;
}

#main .news {
	display: none;
	background: url(../img/top_news_frame.png) no-repeat;
	width: 284px;
	height: 162px;
	text-indent: -9999em;
	z-index: 4;
	position: absolute;
	left: 11px;
	top: 370px;
}

#main .news a:link {
	color: #ffffff;
}
#main .news a:visited {
	color: #ffffff;
}
#main .news a:hover {
	color: #cccccc;
}
#main .news a:active {
	color: #ffffff;
}

#main .news ul {
	width: 244px;
	height: 122px;
	font-size: 12px;
	color: #ffffff;
	text-indent: 0em;
	overflow-y: auto;
	position: relative;
	left: 20px;
	top: 20px;
}

#main .news ul li em {
	font-weight: bold;
}

#main .news ul li {
	margin-bottom: 6px;
}

#main .frame {
	background: url(../img/top_frame.png) no-repeat;
	width: 2000px;
	height: 585px;
	z-index: 3;
	position: absolute;
	left: -500px;
	top: -40px;
}

#main .illust {
	display: none;
	z-index: 4;
	position: absolute;
	left: 442px;
	top: -12px;
}

#main .shadow {
	display: none;
	z-index: 1;
	position: absolute;
	left: 457px;
	top: -10px;
}

#main .line00 {
	display: none;
	background: url(../img/top_line00.png) no-repeat;
	width: 785px;
	height: 242px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 303px;
}

#main .line01 {
	display: none;
	background: url(../img/top_line01.png) no-repeat;
	width: 280px;
	height: 545px;
	z-index: 1;
	position: absolute;
	left: 276px;
	top: 0px;
}

#bnr_review  {
	display: none;
	background: url(../img/top_bnr_review.png) no-repeat;
	width: 238px;
	height: 158px;
	text-indent: -9999em;
	z-index: 5;
	position: absolute;
	left: 11px;
	top: 210px;
}

#bnr_review:hover  {
	background-position: -238px -0px;
}

#bnr_review .new {
	background: url(../img/icon_new.png) no-repeat;
	width: 54px;
	height: 32px;
	position: absolute;
	left: 186px;
	top: -6px;
/*	visibility: hidden; */
}

#btn_flash {
	display: none;
	background: url(../img/top_btn_flash.png) no-repeat;
	width: 408px;
	height: 83px;
	text-indent: -9999px;
	z-index: 5;
	position: absolute;
	left: 580px;
	top: 454px;
}
#btn_flash:hover {
	background-position: -0px -83px;
}

#btn_flash .new {
	background: url(../img/icon_new.png) no-repeat;
	width: 54px;
	height: 32px;
	position: absolute;
	left: 356px;
	top: -12px;
	visibility: hidden;
}

#btn_dlc {
	display: none;
	background: url(../img/top_btn_dlc.png) no-repeat;
	width: 407px;
	height: 103px;
	text-indent: -9999px;
	z-index: 5;
	position: absolute;
	left: 582px;
	top: 434px;
}
#btn_dlc:hover {
	background-position: -0px -103px;
}

#btn_dlc .new {
	background: url(../img/icon_new.png) no-repeat;
	width: 54px;
	height: 32px;
	position: absolute;
	left: 356px;
	top: 5px;
/*	visibility: hidden; */
}

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

local_nav

----------------------------------------------------------*/
#local_nav {
}

#local_nav li {
}

#local_nav li a,
#local_nav li span {
	display: none;
	text-indent: -9999em;
}

#local-nav .new {
	text-indent: -9999em;
}

/*----- STORY -----*/
#local_nav .story {
}

#local_nav .story a,
#local_nav .story span {
	background: url(../img/top_nav_story.png) no-repeat;
	width: 135px;
	height: 77px;
	z-index: 15;
	position: absolute;
	left: 368px;
	top: 15px;
}

#local_nav .story a:hover,
#local_nav .story .selected {
	background-position: -135px -0px;
}

#local_nav .story .new {
	background: url(../img/icon_new_top.png) no-repeat;
	width: 56px;
	height: 41px;
	position: absolute;
	left: 66px;
	top: 50px;
	visibility: hidden;
}

/*----- CHARACTER -----*/
#local_nav .character {
}

#local_nav .character a,
#local_nav .character span {
	background: url(../img/top_nav_character.png) no-repeat;
	width: 127px;
	height: 104px;
	z-index: 14;
	position: absolute;
	left: 338px;
	top: 65px;
}

#local_nav .character a:hover,
#local_nav .character .selected {
	background-position: -127px -0px;
}

#local_nav .character .new {
	background: url(../img/icon_new_top.png) no-repeat;
	width: 56px;
	height: 41px;
	position: absolute;
	left: 60px;
	top: 80px;
	visibility: hidden;
}

/*----- SYSTEM -----*/
#local_nav .system {
}

#local_nav .system a,
#local_nav .system span {
	background: url(../img/top_nav_system.png) no-repeat;
	width: 150px;
	height: 80px;
	z-index: 13;
	position: absolute;
	left: 290px;
	top: 143px;
}

#local_nav .system a:hover,
#local_nav .system .selected {
	background-position: -150px -0px;
}

#local_nav .system .new {
	background: url(../img/icon_new_top.png) no-repeat;
	width: 56px;
	height: 41px;
	position: absolute;
	left: 82px;
	top: 56px;
	visibility: hidden;
}

/*----- MOVIE -----*/
#local_nav .movie {
}

#local_nav .movie a,
#local_nav .movie span {
	background: url(../img/top_nav_movie.png) no-repeat;
	width: 126px;
	height: 71px;
	z-index: 12;
	position: absolute;
	left: 288px;
	top: 207px;
}

#local_nav .movie a:hover,
#local_nav .movie .selected {
	background-position: -126px -0px;
}

#local_nav .movie .new {
	background: url(../img/icon_new_top.png) no-repeat;
	width: 56px;
	height: 41px;
	position: absolute;
	left: 59px;
	top: 48px;
	visibility: hidden;
}

/*----- SPECIAL -----*/
#local_nav .special {
}

#local_nav .special a,
#local_nav .special span {
	background: url(../img/top_nav_special.png) no-repeat;
	width: 137px;
	height: 80px;
	z-index: 11;
	position: absolute;
	left: 244px;
	top: 255px;
}

#local_nav .special a:hover,
#local_nav .special .selected {
	background-position: -137px -0px;
}

#local_nav .special .new {
	background: url(../img/icon_new_top.png) no-repeat;
	width: 56px;
	height: 41px;
	position: absolute;
	left: 76px;
	top: 56px;
	visibility: hidden;
}

/*----- SPEC -----*/
#local_nav .spec {
}

#local_nav .spec a,
#local_nav .spec span {
	background: url(../img/top_nav_spec.png) no-repeat;
	width: 111px;
	height: 72px;
	z-index: 10;
	position: absolute;
	left: 250px;
	top: 322px;
}

#local_nav .spec a:hover,
#local_nav .spec .selected {
	background-position: -111px -0px;
}

#local_nav .spec .new {
	background: url(../img/icon_new_top.png) no-repeat;
	width: 56px;
	height: 41px;
	position: absolute;
	left: 44px;
	top: 42px;
	visibility: hidden;
}

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

footer

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

/*----- バナー -----*/
.banner {
	margin-left: 4px;
}

/*----- ツイッターウィジェット -----*/
.twitter-widget-wrapper {
	background: transparent url(../img/twitter_bg.png) no-repeat left top;
	width: 664px;
	height: 218px;
	float: left;
	position: relative;
	margin-left: 2px;
}

.twitter-widget-wrapper .twitter-list-btn a {
	background: transparent url(../img/twitter_list_button.png) no-repeat left top;
	width: 131px;
	height: 81px;
	text-indent: -9999em;
	position: absolute;
	left: 12px;
	top: 16px;
}

.twitter-widget {
	white-space: normal;
	position: absolute;
	left: 148px;
	top: 7px;
}

.twitter-widget .twtr-widget {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif !important;
}

.twitter-widget .twitter-timeline {
	margin-top: 3px;
}

.twitter-widget .twtr-hd {
	display: none;
}

.twitter-widget .twtr-ft {
	display: none;
}

.twitter-widget .twtr-widget .twtr-tweet {
	border-bottom:1px dotted #ddd;	/*#ddd*/
}

.twitter-widget .twtr-results-hr {
	border-bottom: 0px dotted #ddd;	/*#ddd*/
}

#sns_nav {
	clear: none;
}

.copyright {
	clear: none;
}