@charset "utf-8";

/*==========================================
 body
===========================================*/

body#top {
	background: url(../img/bg.jpg) no-repeat top center #000 fixed;
}

body#top div#wrap {
}


/*==========================================
 ヘッダーのスタイル
===========================================*/

body#top header p#gold {
	position: absolute;
	left: 235px;
	top: 0;
	z-index: 8;
	display: none;
}

/*==========================================
 コンテンツ内のスタイル
===========================================*/

section#topBox {
	position: relative;
	height: 475px;
	margin: 0 10px;
}

body#top h1 {
	position: absolute;
	top: -10px;
	left: -20px;
	z-index: 10;
}

section#topBox div#movieBox {
	position: absolute;
	top: 155px;
	height: 200px;
}

section#topBox div#movieBox div {
	background: url(../img/bg_movie.gif) no-repeat;
	padding: 4px 10px 0 10px;
	margin-bottom: 4px;
}

section#topBox div#movieBox p {
	text-indent: -9999px;
}

section#topBox div#movieBox a {
	display: block;
	width: 290px;
	height: 35px;
	background: url(../img/btn_movie.gif);
}

section#topBox div#movieBox a:hover {
	background: url(../img/btn_movie.gif) 0 -35px;
}

section#topBox div#sliderBox {
	width: 650px;
	height: 345px;
	float: right;
	background: url(../img/bg_bnr.png) no-repeat;
	margin-top: 10px;
}

section#topBox div#sliderBox div.panel {
	margin: 10px;
}

section#topBox div#mainTtl {
	clear: both;
	padding: 20px 0;
}

section#topBox div#mainTtl p {
	float: left;
	margin-right: 10px;
	text-indent: -9999px;
}

section#topBox div#mainTtl p:nth-child(4) {
	margin-right: 0;
}

section#topBox div#mainTtl p a {
	display: block;
	width: 230px;
	height: 80px;
}

section#topBox div#mainTtl p.cs a {
	background: url(../img/btn_title01.jpg);
}

section#topBox div#mainTtl p.cs a:hover {
	background: url(../img/btn_title01.jpg) 0 -80px;
}

section#topBox div#mainTtl p.am a {
	background: url(../img/btn_title02.jpg);
}

section#topBox div#mainTtl p.am a:hover {
	background: url(../img/btn_title02.jpg) 0 -80px;
}

section#topBox div#mainTtl p.tcg a {
	background: url(../img/btn_title03.jpg);
}

section#topBox div#mainTtl p.tcg a:hover {
	background: url(../img/btn_title03.jpg) 0 -80px;
}

section#topBox div#mainTtl p.anime a {
	background: url(../img/btn_title04.jpg);
}

section#topBox div#mainTtl p.anime a:hover {
	background: url(../img/btn_title04.jpg) 0 -80px;
}

section#btmBox {
	clear: left;
	position: relative;
	padding-left: 10px;
	z-index: 12;
	overflow: hidden;
	margin-bottom: 5px;
}

section#btmBox div#leftBox {
	float: left;
	margin-right: 20px;
	width: 580px;
}

section#btmBox div#lineBox {
	background: url(../img/bg_line.png);
	height: 90px;
	width: 580px;
	margin-bottom: 15px;
}

section#btmBox div#lineBox p {
	text-indent: -9999px;
	margin: 5px 0 0 5px;
	line-height: 0;
	float: left;
}

section#btmBox div#lineBox p.line {
}

section#btmBox div#lineBox p.line a {
	display: block;
	width: 385px;
	height: 80px;
	background: url(../img/btn_line.png);
}

section#btmBox div#lineBox p.line a:hover {
	background: url(../img/btn_line.png) 0 -80px;
}

section#btmBox div#lineBox p.linedl {
	margin-left: 390px;
	margin: 5px 0 0 5px;
}

section#btmBox div#lineBox p.linedl a {
	display: block;
	width: 180px;
	height: 80px;
	background: url(../img/btn_linedl.png);
}

section#btmBox div#lineBox p.linedl a:hover {
	background: url(../img/btn_linedl.png) 0 -80px;
}

section#btmBox div#new a {color: #43deff;text-decoration: none;}
section#btmBox div#new a:hover {color: #a4efff;text-decoration: underline;}

section#btmBox div#new {
	height: 270px;
	background: url(../img/bg_new.png);
	color: #FFF;
	text-shadow: #000 2px 2px 2px;
	font-size: 16px;font-size: 1.6rem;
	line-height: 140%;
	position: relative;
}

section#btmBox div#new h2,section#btmBox div#heroNew h2 {
	display: none;
}

section#btmBox div#new div {
	position: absolute;
	left: 10px;
	top: 45px;
	height: 205px;
	overflow: auto;
}

section#btmBox div#new div ul,section#btmBox div#heroNew div ul {
	margin-bottom: 10px;
}

section#btmBox div#new div li {
	min-height: 24px;
}

section#btmBox div#new div li.ico01 {
	background: url(../img/ico_new01.png) no-repeat left 4px;
	padding-left: 60px; /*ゲームソフト*/
}

section#btmBox div#new div li.ico02 {
	background: url(../img/ico_new02.png) no-repeat left 4px;
	padding-left: 60px; /*アーケード*/
}

section#btmBox div#new div li.ico03 {
	background: url(../img/ico_new03.png) no-repeat left 4px;
	padding-left: 60px; /*アニメ*/
}

section#btmBox div#new div li.ico04 {
	background: url(../img/ico_new04.png) no-repeat left 4px;
	padding-left: 60px; /*キャンペーン*/
}

section#btmBox div#new div li.ico05 {
	background: url(../img/ico_new05.png) no-repeat left 4px;
	padding-left: 60px; /*イベント*/
}

section#btmBox div#new div li.ico06 {
	background: url(../img/ico_new06.png) no-repeat left 4px;
	padding-left: 60px; /*おしらせ*/
}

section#btmBox div#new div li.ico07 {
	background: url(../img/ico_new07.png) no-repeat left 4px;
	padding-left: 60px; /*トレカ*/
}

section#btmBox div#new div li.ico08 {
	background: url(../img/ico_new08.png) no-repeat left 4px;
	padding-left: 60px; /*グッズ*/
}

section#btmBox div#new div li.ico09 {
	background: url(../img/ico_new09.png) no-repeat left 4px;
	padding-left: 60px; /*れんどう*/
}

section#btmBox div#new div li.ico10 {
	background: url(../img/ico_new10.png) no-repeat left 4px;
	padding-left: 60px; /*おたのしみ*/
}

/*section#btmBox div#heroNew {
	position: relative;
	width: 330px;
	height: 350px;
	background: url(../img/bg_herospo.png);
	color: #333;
	text-shadow: #FFF 2px 2px 2px;
	font-size: 16px;font-size: 1.6rem;
	line-height: 140%;
	margin-left: 350px;
}

section#btmBox div#heroNew div {
	position: absolute;
	top: 80px;
	left: 10px;
	height: 250px;
	width: 310px;
	overflow: auto;
}

section#btmBox div#heroNew div li {
	background: url(../img/ico_herospo.png) no-repeat left 4px;
	padding-left: 15px;
}*/

section#btmBox div#twBox {
	width: 350px;
	height: 375px;
	float: right;
	margin-right: 10px;
	background: url(../img/bg_tw.png) no-repeat;
}

section#btmBox div#twBox div {
	width: 330px;
	margin: 0 10px;
}

section#btmBox aside#sns {
	clear: both;
	overflow: hidden;
	margin: 0 10px;
}
section#btmBox aside#sns div {
	float: right;
	margin-left: 10px;
}

.fb-like iframe {
    max-width: none!important;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

iframe.twitter-share-button {
width: 105px!important;
}

section#bnrBox {
	margin: 0 0 30px 10px;
}

section#bnrBox ul {
	overflow: hidden;
	width: 960px;
}

section#bnrBox li {
	float: left;
	line-height: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}