@charset "utf-8";
/* CSS Document */

/*---------- header area ----------*/
div.navi_area ul.head_navi {
	margin: 52px 0px 0px 164px;
	height: 69px;
}
div.navi_area ul.head_navi li.index,
div.navi_area ul.head_navi li.index a,
div.navi_area ul.head_navi li.about,
div.navi_area ul.head_navi li.about a,
div.navi_area ul.head_navi li.intro,
div.navi_area ul.head_navi li.intro a {
	display: block;
	width: 207px;
	height: 69px;
	text-indent: 0em;
	float: left;
}
div.navi_area ul.head_navi li.index,
div.navi_area ul.head_navi li.index a {
	background: url(../img/btn_menu01.png) 0px 0px no-repeat;
	_background: url(../img/btn_menu01a.png) 0px 0px no-repeat;
}
div.navi_area ul.head_navi li.about,
div.navi_area ul.head_navi li.about a {
	background: url(../img/btn_menu02.png) 0px 0px no-repeat;
	_background: url(../img/btn_menu02a.png) 0px 0px no-repeat;
}
div.navi_area ul.head_navi li.intro,
div.navi_area ul.head_navi li.intro a {
	background: url(../img/btn_menu03.png) 0px 0px no-repeat;
	_background: url(../img/btn_menu03a.png) 0px 0px no-repeat;
}
div.navi_area ul.head_navi li.intro {
	margin: 0px 0px 0px 0px;
}

body#page-index div.navi_area ul.head_navi li.index a,
body#page-about div.navi_area ul.head_navi li.about a,
body#page-intro div.navi_area ul.head_navi li.intro a {
	background-position: 0px -138px;
}
body#page-index div.navi_area ul.head_navi li.about a:hover,
body#page-index div.navi_area ul.head_navi li.intro a:hover,
body#page-about div.navi_area ul.head_navi li.index a:hover,
body#page-about div.navi_area ul.head_navi li.intro a:hover,
body#page-intro div.navi_area ul.head_navi li.index a:hover,
body#page-intro div.navi_area ul.head_navi li.about a:hover {
	background-position: 0px -69px;
}


/*---------- game area ----------*/
div.lineup_box {
	margin: 0px 20px 5px 20px;
}
ul.lineup {
	clear: both;
	display: block;
	width: 650px;
	height: 35px;
}
ul.lineup li.sonic,
ul.lineup li.sonic a,
ul.lineup li.taxi,
ul.lineup li.taxi a,
ul.lineup li.SC5-p2,
ul.lineup li.SC5-p2 a,
ul.lineup li.GB,
ul.lineup li.GB a,
ul.lineup li.sonic2,
ul.lineup li.sonic2 a,
ul.lineup li.JSR,
ul.lineup li.JSR a {
	display: block;
	xwidth: 213px;
	width: 155px;
	height: 35px;
	text-indent: 0em;
	float: left;
}
ul.lineup li.sonic,
ul.lineup li.sonic a {
	background: url(../img/btn_game01.gif) 0px 0px no-repeat;
}
ul.lineup li.taxi,
ul.lineup li.taxi a {
	background: url(../img/btn_game02.gif) 0px 0px no-repeat;
}
ul.lineup li.SC5-p2,
ul.lineup li.SC5-p2 a {
	background: url(../img/btn_game03.gif) 0px 0px no-repeat;
}
ul.lineup li.GB,
ul.lineup li.GB a {
	background: url(../img/btn_game04.gif) 0px 0px no-repeat;
}
ul.lineup li.sonic2,
ul.lineup li.sonic2 a {
	background: url(../img/btn_game05.gif) 0px 0px no-repeat;
}
ul.lineup li.JSR,
ul.lineup li.JSR a {
	background: url(../img/btn_game06.gif) 0px 0px no-repeat;
}
ul.lineup li.sonic a:hover,
ul.lineup li.taxi a:hover,
ul.lineup li.SC5-p2 a:hover,
ul.lineup li.GB a:hover,
ul.lineup li.sonic2 a:hover,
ul.lineup li.JSR a:hover {
	background-position: 0px -35px;
}

ul.btn_movie {
	float: right;
	width: 330px;
	height: 190px;
}
ul.btn_movie li.sonic,
ul.btn_movie li.sonic a,
ul.btn_movie li.taxi,
ul.btn_movie li.taxi a,
ul.btn_movie li.SC5-p2,
ul.btn_movie li.SC5-p2 a,
ul.btn_movie li.GB,
ul.btn_movie li.GB a,
ul.btn_movie li.sonic2,
ul.btn_movie li.sonic2 a,
ul.btn_movie li.JSR,
ul.btn_movie li.JSR a {
	display: block;
	width: 330px;
	height: 190px;
	text-align: 0em;
}
ul.btn_movie li.sonic,
ul.btn_movie li.sonic a {
	background: url(../img/btn_movie01.jpg) 0px 0px no-repeat;
}
ul.btn_movie li.taxi,
ul.btn_movie li.taxi a {
	background: url(../img/btn_movie02.jpg) 0px 0px no-repeat;
}
ul.btn_movie li.SC5-p2,
ul.btn_movie li.SC5-p2 a {
	background: url(../img/btn_movie03.jpg) 0px 0px no-repeat;
}
ul.btn_movie li.GB,
ul.btn_movie li.GB a {
	background: url(../img/btn_movie04.jpg) 0px 0px no-repeat;
}
ul.btn_movie li.sonic2,
ul.btn_movie li.sonic2 a {
	background: url(../img/btn_movie05.jpg) 0px 0px no-repeat;
}
ul.btn_movie li.JSR,
ul.btn_movie li.JSR a {
	background: url(../img/btn_movie06.jpg) 0px 0px no-repeat;
}
ul.btn_movie li.sonic a:hover,
ul.btn_movie li.taxi a:hover,
ul.btn_movie li.SC5-p2 a:hover,
ul.btn_movie li.GB a:hover,
ul.btn_movie li.sonic2 a:hover,
ul.btn_movie li.JSR a:hover {
	xbackground-position: 0px -75px;
	background-position: 0px -190px;
}

/*----- game page only -----*/
body#page-intro div.game_btn {
	padding: 0px 0px 0px 227px;
	_margin-top: -5px;
}
*+html body div.game_btn {
	margin-top: -5px;
	height: 22px;
}
body#page-intro ul.control li,
body#page-intro ul.control li a.btn_img01,
body#page-intro ul.control li a.btn_img02,
body#page-intro ul.control li a.btn_img03 {
	display: block;
	width: 48px;
	height: 22px;
	float: left;
}
body#page-intro ul.control li,
body#page-intro ul.control li a.btn_img01 {
	background: url(../img/btn_gameImg01.gif) 0px 0px no-repeat;
}
body#page-intro ul.control li,
body#page-intro ul.control li a.btn_img02 {
	background: url(../img/btn_gameImg02.gif) 0px 0px no-repeat;
}
body#page-intro ul.control li,
body#page-intro ul.control li a.btn_img03 {
	background: url(../img/btn_gameImg03.gif) 0px 0px no-repeat;
}
body#page-intro ul.control li a.btn_img01:hover,
body#page-intro ul.control li a.btn_img02:hover,
body#page-intro ul.control li a.btn_img03:hover {
	background-position: 0px -22px;
}


/*----- go to top page -----*/
ul.gototop li,
ul.gototop li a {
	display: block;
	width: 153px;
	height: 23px;
	text-indent: 0em;
	background: url(../img/btn_gototop.gif) 0px 0px no-repeat;
}
ul.gototop li a:hover {
	background-position: 0px -23px;
}