@charset "utf-8";

/*==========================================
 各ページ用 差し替えスタイル
===========================================*/

body#game article#ttl {
	background: url(../game/img/bg_ttl.png) no-repeat right;
}


body#game article#ttl p {
	background: url(../img/bg_pan.png) no-repeat 3px center #FFF;
	border: #f6651e solid 1px;
	border-radius: 15px;
}


body#game article#mainBox {
	background: url(../img/bg_main.gif);
}

/*==========================================
 コンテンツ内のスタイル
===========================================*/



body#game ul#gameList li {
	text-indent: -9999px;
	width: 415px;
	height: 115px;
	float: left;
	margin: 0 20px 10px 0;
	position: relative;
}

body#game ul#gameList li:nth-child(2n) {
	margin-right: 0;
}

body#game ul#gameList li a {
	display: block;
	width: 415px;
	height: 115px;
}

body#game ul#gameList li.game01 a {
	background: url(../game/img/btn_game01.jpg);
}

body#game ul#gameList li.game01 a:hover {
	background: url(../game/img/btn_game01.jpg) 0 -115px;
}

body#game ul#gameList li.game02 a {
	background: url(../game/img/btn_game02.jpg);
}

body#game ul#gameList li.game02 a:hover {
	background: url(../game/img/btn_game02.jpg) 0 -115px;
}

body#game ul#gameList li.game03 a {
	background: url(../game/img/btn_game03.jpg);
}

body#game ul#gameList li.game03 a:hover {
	background: url(../game/img/btn_game03.jpg) 0 -115px;
}

body#game ul#gameList li.game04 a {
	background: url(../game/img/btn_game04.jpg);
}

body#game ul#gameList li.game04 a:hover {
	background: url(../game/img/btn_game04.jpg) 0 -115px;
}

body#game ul#gameList li.game05 a {
	background: url(../game/img/btn_game05.jpg);
}

body#game ul#gameList li.game05 a:hover {
	background: url(../game/img/btn_game05.jpg) 0 -115px;
}

body#game ul#gameList li.game06 a {
	background: url(../game/img/btn_game06.jpg);
}

body#game ul#gameList li.game06 a:hover {
	background: url(../game/img/btn_game06.jpg) 0 -115px;
}

body#game ul#gameList li.game07 a {
	background: url(../game/img/btn_game07.jpg);
}

body#game ul#gameList li.game07 a:hover {
	background: url(../game/img/btn_game07.jpg) 0 -115px;
}

body#game ul#gameList li.que {
	background: url(../game/img/btn_que.gif);
}


body#game ul#gameListS {
	background: #000;
	padding: 10px 0 0 10px;
	overflow: hidden;
}

body#game ul#gameListS li {
	text-indent: -9999px;
	width: 130px;
	height: 60px;
	margin: 0 10px 10px 0;
	float: left;
	position: relative;
}

body#game ul#gameListS li a {
	display: block;
	width: 130px;
	height: 60px;
}

body#game ul#gameListS li.game01 a {
	background: url(../game/img/btn_s_game01.jpg);
}

body#game ul#gameListS li.game01 a:hover {
	background: url(../game/img/btn_s_game01.jpg) 0 -60px;
}

body#game ul#gameListS li.game02 a {
	background: url(../game/img/btn_s_game02.jpg);
}

body#game ul#gameListS li.game02 a:hover {
	background: url(../game/img/btn_s_game02.jpg) 0 -60px;
}

body#game ul#gameListS li.game03 a {
	background: url(../game/img/btn_s_game03.jpg);
}

body#game ul#gameListS li.game03 a:hover {
	background: url(../game/img/btn_s_game03.jpg) 0 -60px;
}

body#game ul#gameListS li.game04 a {
	background: url(../game/img/btn_s_game04.jpg);
}

body#game ul#gameListS li.game04 a:hover {
	background: url(../game/img/btn_s_game04.jpg) 0 -60px;
}

body#game ul#gameListS li.game05 a {
	background: url(../game/img/btn_s_game05.jpg);
}

body#game ul#gameListS li.game05 a:hover {
	background: url(../game/img/btn_s_game05.jpg) 0 -60px;
}

body#game ul#gameListS li.game06 a {
	background: url(../game/img/btn_s_game06.jpg);
}

body#game ul#gameListS li.game06 a:hover {
	background: url(../game/img/btn_s_game06.jpg) 0 -60px;
}

body#game ul#gameListS li.game07 a {
	background: url(../game/img/btn_s_game07.jpg);
}

body#game ul#gameListS li.game07 a:hover {
	background: url(../game/img/btn_s_game07.jpg) 0 -60px;
}

/*body#game ul#gameListS li.game06 {
	background: url(../game/img/btn_s_que.gif);
}*/

/*==========================================
 バトルシステム
===========================================*/

nav#btlsystem {
	margin-bottom: 20px;
	height: 55px;
}

nav#btlsystem ul {
	display: inline-block;
}

nav#btlsystem li {
	text-indent: -9999px;
	float: left;
	margin-right: 10px;
}

nav#btlsystem li.btls05 {
	margin-right: 0;
}

nav#btlsystem li a {
	display: block;
	width: 162px;
	height: 55px;
}

nav#btlsystem li.btls01 a {
	background: url(../game/img/game01_btn01.gif);
}

nav#btlsystem li.btls01 a:hover {
	background: url(../game/img/game01_btn01.gif) 0 -55px;
}

nav#btlsystem li.btls02 a {
	background: url(../game/img/game01_btn02.gif);
}

nav#btlsystem li.btls02 a:hover {
	background: url(../game/img/game01_btn02.gif) 0 -55px;
}

nav#btlsystem li.btls03 a {
	background: url(../game/img/game01_btn03.gif);
}

nav#btlsystem li.btls03 a:hover {
	background: url(../game/img/game01_btn03.gif) 0 -55px;
}

nav#btlsystem li.btls04 a {
	background: url(../game/img/game01_btn04.gif);
}

nav#btlsystem li.btls04 a:hover {
	background: url(../game/img/game01_btn04.gif) 0 -55px;
}

nav#btlsystem li.btls05 a {
	background: url(../game/img/game01_btn05.gif);
}

nav#btlsystem li.btls05 a:hover {
	background: url(../game/img/game01_btn05.gif) 0 -55px;
}

nav#btlsystem li.btls06 a {
	background: url(../game/img/game01_btn06.gif);
}

nav#btlsystem li.btls06 a:hover {
	background: url(../game/img/game01_btn06.gif) 0 -55px;
}

div#btlsystemBox {
	position: relative;
	background: url(../game/img/game01_bg.jpg);
	height: 685px;
	margin-bottom: 30px;
}

div#btlsystemBox a {
	cursor: default;
}

div#btlsystemBox p#star01 {
	position: absolute;
	left: 311px;
	top: 160px;
}

div#btlsystemBox p#star02 {
	position: absolute;
	left: 350px;
	top: 160px;
}

div#btlsystemBox p#star03 {
	position: absolute;
	left: 315px;
	top: 220px;
}

div#btlsystemBox p#star04 {
	position: absolute;
	left: 460px;
	top: 220px;
}

div#btlsystemBox p#star05 {
	position: absolute;
	left: 280px;
	top: 415px;
}

div#btlsystemBox p#star06 {
	position: absolute;
	left: 400px;
	top: 440px;
}

div#btlsystemBox p#star07 {
	position: absolute;
	left: 550px;
	top: 415px;
}

div#btlsystemBox p#star08 {
	position: absolute;
	left: 540px;
	top: 450px;
}

div#btlsystemBox p#star09 {
	position: absolute;
	left: 540px;
	top: 570px;
}

body#game p#btnMovie06 {
	text-indent: -9999px;
	margin-left: 300px;
}

body#game p#btnMovie06 a {
	display: block;
	height: 102px;
	width: 252px;
	background: url(../game/img/btn_movie06.jpg);
}

body#game p#btnMovie06 a:hover {
	background: url(../game/img/btn_movie06.jpg) 0 -102px;
}



/*==========================================
 タッグバトル
===========================================*/

nav#tag {
	margin-bottom: 20px;
	height: 55px;
}

nav#tag ul {
	display: inline-block;
}

nav#tag li {
	text-indent: -9999px;
	float: left;
	margin-right: 10px;
}

nav#tag li.tag03 {
	margin-right: 0;
}

nav#tag li a {
	display: block;
	width: 276px;
	height: 55px;
}

nav#tag li.tag01 a {
	background: url(../game/img/game02_btn01.gif);
}

nav#tag li.tag01 a:hover {
	background: url(../game/img/game02_btn01.gif) 0 -55px;
}

nav#tag li.tag02 a {
	background: url(../game/img/game02_btn02.gif);
}

nav#tag li.tag02 a:hover {
	background: url(../game/img/game02_btn02.gif) 0 -55px;
}

nav#tag li.tag03 a {
	background: url(../game/img/game02_btn03.gif);
}

nav#tag li.tag03 a:hover {
	background: url(../game/img/game02_btn03.gif) 0 -55px;
}

body#game p#btnMovie07 {
	text-indent: -9999px;
	margin-left: 300px;
}

body#game p#btnMovie07 a {
	display: block;
	height: 102px;
	width: 252px;
	background: url(../game/img/btn_movie07.jpg);
}

body#game p#btnMovie07 a:hover {
	background: url(../game/img/btn_movie07.jpg) 0 -102px;
}


/*==========================================
 全国マップ
===========================================*/

/*body#game p.btnChara08 {
	text-indent: -9999px;
	display: block;
	height: 80px;
	width: 380px;
	margin-bottom: 30px;
	margin-left: 235px;
	background: url(../game/img/btn_chara08.jpg);
}*/

body#game p.btnChara08 {
	text-indent: -9999px;
	margin-bottom: 30px;
	margin-left: 235px;
}

body#game p.btnChara08 a {
	display: block;
	height: 80px;
	width: 380px;
	background: url(../game/img/btn_chara08.jpg);
}

body#game p.btnChara08 a:hover {
	background: url(../game/img/btn_chara08.jpg) 0 -80px;
}

body#game div#localCam {
	position: relative;
	height: 590px;
	background: url(../game/img/game03_04.jpg) center bottom no-repeat;
	margin-bottom: 20px;
}

body#game div#localCam p.btnChara05,body#game div#localCam p.btnChara06 {
	text-indent: -9999px;
}

body#game div#localCam p.btnChara05 {
	position: absolute;
	left: 30px;
	bottom: 15px;
}

body#game div#localCam p.btnChara06 {
	position: absolute;
	right: 30px;
	bottom: 15px;
}

body#game div#localCam p.btnChara05 a,body#game div#localCam p.btnChara06 a {
	display: block;
	height: 80px;
	width: 380px;
}

body#game div#localCam p.btnChara05 a {
	background: url(../game/img/btn_chara05.jpg);
}

body#game div#localCam p.btnChara05 a:hover {
	background: url(../game/img/btn_chara05.jpg) 0 -80px;
}

body#game div#localCam p.btnChara06 a {
	background: url(../game/img/btn_chara06.jpg);
}

body#game div#localCam p.btnChara06 a:hover {
	background: url(../game/img/btn_chara06.jpg) 0 -80px;
}


/*==========================================
 ビジネスチャンス
===========================================*/

body#game div#kessanBox {
	position: relative;
	height: 1555px;
	margin-bottom: 20px;
	background: url(../game/img/game05_04.jpg) center bottom no-repeat;
}

body#game p#btnMovie13 {
	text-indent: -9999px;
	margin-left: 300px;
}

body#game p#btnMovie13 a {
	display: block;
	height: 102px;
	width: 252px;
	background: url(../game/img/btn_movie13.jpg);
}

body#game p#btnMovie13 a:hover {
	background: url(../game/img/btn_movie13.jpg) 0 -102px;
}


/*==========================================
 ガッポリガチャ
===========================================*/

body#game p#btnMovie14 {
	text-indent: -9999px;
	margin-left: 300px;
}

body#game p#btnMovie14 a {
	display: block;
	height: 102px;
	width: 252px;
	background: url(../game/img/btn_movie14.jpg);
}

body#game p#btnMovie14 a:hover {
	background: url(../game/img/btn_movie14.jpg) 0 -102px;
}