@charset "shift_jis";
/*----------------------------------------------------------------------------------
Ctrl + F
	レイアウト
	ヘッダー周り
	ナビ周り
	キャラクター
	Flashムービー周り
	新着情報周り
	スペシャルバナー周り
	バナー群
	クリスマス仕様
----------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
	レイアウト
----------------------------------------------------------------------------------*/
#header {
	width: 850px;
	height: 167px;
	text-indent: -9999px;
	position: relative;
	background: url(../img/bg/index/header_04.jpg) no-repeat;
}
#content {
	width: 850px;
	position: relative;
}
#shinyousover4{
	position:absolute;
	left: 225px;
	top: 347px;
	width: 370px;
	height: 49px;
	background-image: url(../img/btn/index/shinyouso_ver4.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#shinyousover4 a{
	left: 225px;
	top: 347px;	
	width: 370px;
	height: 49px;	
	display: block;
	background-image: url(../img/btn/index/shinyouso_ver4.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#shinyousover4 a:hover{
	left: 225px;
	top: 347px;
	width: 370px;
	height: 49px;
	display: block;
	background-image: url(../img/btn/index/shinyouso_ver4.gif);
	background-repeat: no-repeat;
	background-position: 0px -49px;
	text-indent: -9999px;
}

#nav_main {
	float: left;
	width: 229px;
	height: 629px;
	margin: 0px;
	padding: 0px;
}
#main {
	float: left;
	width: 410px;
	margin: 0px;
	padding: 0px;
}
/*キャンペーンバナーがない場合boardは00、１つの場合01、２つの場合02･･とする*/
#board {
	float: left;
	width: 211px;
	height: 693px;
	margin: 0px;
	padding: 0px;
	background: url(../img/bg/index/board_01_03.jpg) no-repeat;
}
/*一時的にキャンペーンバナーを設置したため上記#boardを下記に変更。
#board {
	float: left;
	width: 211px;
	height: 693px;
	margin: 0px;
	padding: 0px;
	background: url(../img/bg/index/board_01_cam.jpg) no-repeat;
	position:relative;
}*/

/*そして下記を追加（バナーを絶対配置）*/
.topspbnr a{
	height: 194px;
	width: 250px;
	margin-left: -40px;
	margin-top: 110px;
	display: block;
	border:none;
	background: transparent;
}
.topspbnr a:hover{
	background: none;
}

/*----------------------------------------------------------------------------------
	ヘッダー周り
----------------------------------------------------------------------------------*/
#logo_sega {
	float: right;
}
#logo_sega a {
	width: 89px;
	height: 29px;
	margin: 10px 46px 0px 0px;
	display: block;
	background: transparent;
}
#logo_title {
	float: right;
}
#header_over {
	z-index: 100;
	width: 62px;
	height: 307px;
	position: absolute;
	left: -25px;
	background: url(../img/bg/index/header_left.gif) no-repeat;
}
#header_over2{
	z-index: 50;
	width: 117px;
	height: 582px;
	position: absolute;
	left: 850px;
	background: url(../img/bg/index/headerboard.gif) no-repeat;
}

/*----------------------------------------------------------------------------------
	ナビ周り
----------------------------------------------------------------------------------*/
#nav_main li {
	margin-left: 36px;
	text-indent: -9999px;
	position: relative;
}
#nav_main li a {
	width: 193px;
	height: 62px;
	display: block;
}
#nav_main_010 a {
	background: url(../img/btn/index/nav_main_010.jpg) 0 0 no-repeat;
}
#nav_main_010 a:hover {
	background: url(../img/btn/index/nav_main_010.jpg) 0 -62px no-repeat;
}
#nav_main_020 a {
	background: url(../img/btn/index/nav_main_020.jpg) 0 0 no-repeat;
}
#nav_main_020 a:hover {
	background: url(../img/btn/index/nav_main_020.jpg) 0 -62px no-repeat;
}
#nav_main_030 a {
	background: url(../img/btn/index/nav_main_030.jpg) 0 0 no-repeat;
}
#nav_main_030 a:hover {
	background: url(../img/btn/index/nav_main_030.jpg) 0 -62px no-repeat;
}
#nav_main_040 a {
	background: url(../img/btn/index/nav_main_040.jpg) 0 0 no-repeat;
}
#nav_main_040 a:hover {
	background: url(../img/btn/index/nav_main_040.jpg) 0 -62px no-repeat;
}
#nav_main_050 a {
	background: url(../img/btn/index/nav_main_050.jpg) 0 0 no-repeat;
}
#nav_main_050 a:hover {
	background: url(../img/btn/index/nav_main_050.jpg) 0 -62px no-repeat;
}
#nav_main_060 a {
	background: url(../img/btn/index/nav_main_060.jpg) 0 0 no-repeat;
}
#nav_main_060 a:hover {
	background: url(../img/btn/index/nav_main_060.jpg) 0 -62px no-repeat;
}
#nav_main_070 a {
	background: url(../img/btn/index/nav_main_070.jpg) 0 0 no-repeat;
}
#nav_main_070 a:hover {
	background: url(../img/btn/index/nav_main_070.jpg) 0 -62px no-repeat;
}
#nav_main_080 a {
	background: url(../img/btn/index/nav_main_080.jpg) 0 0 no-repeat;
}
#nav_main_080 a:hover {
	background: url(../img/btn/index/nav_main_080.jpg) 0 -62px no-repeat;
}
#nav_main_090 a {
	background: url(../img/btn/index/nav_main_090.jpg) 0 0 no-repeat;
}
#nav_main_090 a:hover {
	background: url(../img/btn/index/nav_main_090.jpg) 0 -62px no-repeat;
}
#nav_main_100 a {
	background: url(../img/btn/index/nav_main_100.jpg) 0 0 no-repeat;
}
#nav_main_100 a:hover {
	background: url(../img/btn/index/nav_main_100.jpg) 0 -62px no-repeat;
}
#nav_main_990 {
	width: 193px;
	height: 8px;
	margin-left: 36px;
	display: block;
	background: url(../img/btn/index/nav_main_990.jpg) 0 0 no-repeat;
}
.nav_main_new {
	z-index: 100;
	width: 68px;
	height: 36px;
	display: block;
	position: absolute;
	left: -10px;
	top: 8px;
	background: url(../img/icon/icon_new.gif) no-repeat;
}


/*----------------------------------------------------------------------------------
	ナビ左画像
----------------------------------------------------------------------------------*/
#nav_over {
	z-index: 50;
	width: 135px;
	height: 169px;
	position: absolute;
	left: -121px;
	top: 1px;
	background: url(../img/bg/index/nav_01.gif) no-repeat;
}

/*----------------------------------------------------------------------------------
	キャラクター
----------------------------------------------------------------------------------*/
#chara_00 {
	width: 134px;
	height: 152px;
	text-indent: -9999px;
	position: absolute;
	left: 40px;
	bottom: -100px;
/*	bottom: 51px; バナーが無いとき用*/
	background: url(../img/bg/index/chara_00.gif) 0 0 no-repeat;
}
#chara_00:hover {
	background: url(../img/bg/index/chara_00.gif) 0 -152px no-repeat;
}
#chara_00:active {
	background: url(../img/bg/index/chara_00.gif) 0 -304px no-repeat;
}


/*----------------------------------------------------------------------------------
	Flashムービー周り
----------------------------------------------------------------------------------*/
.flash {
	width: 320px;
	height: 240px;
	margin: 0px;
	padding: 83px 54px 76px 36px;
	background: url(../img/bg/index/flash.jpg) no-repeat;
}


/*----------------------------------------------------------------------------------
	新着情報周り
----------------------------------------------------------------------------------*/
#update {
	width: 410px;
	height: 284px;
	margin: 0px;
	padding: 14px 0px 0px 0px;
	position: relative;
	background: url(../img/bg/index/update_01.jpg) no-repeat;
}
#update h3 {
	width: 393px;
	height: 14px;
	position: absolute;
	top: 12px;
	left: 0px;
	background: url(../img/bg/index/update_02.gif) no-repeat;
}
#update_news {
	width: 404px;
	height: 266px;
	overflow-y: scroll;
	margin: 0px 3px;
	scrollbar-track-color: #432d24;
	scrollbar-face-color: #d5a223;
	scrollbar-shadow-color: #b0810b;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #f4dc5a;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #7f4521;
}
dl {
	margin: 0px 5px 10px 5px;
	xbackground: url(../img/bg/index/update_line.gif) repeat-x;
	xborder-top: 1px solid #C96;
}
/*更新の自動反映化の仕様にあわせ、下記dtのtopにボーダーを引くことに変更。*/
dt {
	margin: 0px;
	padding-top: 18px;
	font-size: 12pt;
	font-weight: bold;
	border-top: 1px solid #C96;
}
dd {
	margin: 8px 0px;
	padding: 0px;
}
.icon_campaign {
	padding-left: 58px;
	background: url(../img/icon/icon_campaign.gif) no-repeat;
}
.icon_event {
	padding-left: 58px;
	background: url(../img/icon/icon_event.gif) no-repeat;
}
.icon_goods {
	padding-left: 58px;
	background: url(../img/icon/icon_goods.gif) no-repeat;
}
.icon_information {
	padding-left: 58px;
	background: url(../img/icon/icon_information.gif) no-repeat;
}
.icon_ashigaru{
	padding-left: 58px;
	background: url(../img/icon/icon_ashigaru.gif) no-repeat;		
}
.icon_ds{
	padding-left: 58px;
	background: url(../img/icon/icon_ds.gif) no-repeat;		
}
.update_news_topics {
	font-weight: bold;
}


/*----------------------------------------------------------------------------------
	スペシャルバナー周り
----------------------------------------------------------------------------------*/
#board {
	position: relative;
}
#board_over {
	z-index: 50;
	width: 60px;
	height: 600px;
	position: absolute;
	left: 211px;
	background: url(../img/bg/index/board_02.gif) no-repeat;
}

/*一時的にキャンペーンバナーを設置のため上記#board_overを下記に変更
#board_over {
	z-index: 50;
	width: 60px;
	height: 48px;
	position: absolute;
	left: 211px;
	background: url(../img/bg/index/board_02_cam.gif) no-repeat;
}*/

#board ul {
	margin-top: 110px;
}
#board li {
	width: 150px;
	height: 80px;
	margin: 14px 49px 0px 12px;
}

/*----------------------------------------------------------------------------------
	バナー群
----------------------------------------------------------------------------------*/
#bnr {
	width: 480px;
	height:150px;
	margin: 0px auto;
	margin-bottom: 20px;
	position: relative;
}
#bnr li {
	float: left;
	padding: 5px 5px;
}
#bnr a {
	width: 150px;
	height: 40px;
	text-indent: -9999px;
	display: block;
	background: transparent;
}

#bnr_gacchu a {
	background: url(../img/btn/bnr_gacchu.jpg) no-repeat;
}
#bnr_kyoryu-king a {
	background: url(../img/btn/bnr_kyoryu-king.jpg) no-repeat;
}
#bnr_battleracer a {
	background: url(../img/btn/bnr_battleracer.gif) no-repeat;
}
#bnr_corocoro a {
	background: url(../img/btn/bnr_corocoro.gif) no-repeat;
}
#bnr_bakugan a {
	background: url(../img/btn/bnr_bakugan.gif) no-repeat;
}

#bnr_transformer a{
	background: url(../img/btn/bnr_transformers.gif) no-repeat;
}

#bnr_sega_mobile a {
	width: 186px;
	height: 45px;
	background: url(../img/btn/bnr_sega_mobile.gif) no-repeat;
	position:absolute;
	left: 146px;
	top: 107px;
}

/*----------------------------------------------------------------------------------
	クリスマス仕様
----------------------------------------------------------------------------------*/
/*
body {
	background: url(../img/bg/base_xmas.jpg) repeat-x #0c0e65 !important;
}
#header {
	background: url(../img/bg/index/header_02_xmas.jpg) no-repeat !important;
}
#chara_00:active {
	width: 225px;
	height: 197px;
	position: absolute;
	left: -53px;
	background: url(../img/bg/index/chara_xmas.gif) 0 0 no-repeat;
}
*/