/* CSS Document */

/*-----------------------------------------------------
　　　　　　　　　　　page
---------------------------------------------------- */

body,td,th {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #FFFFFF;
	line-height: 150%;
}
body {
	background-color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
}
p, div, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
    color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
    color: #FFFFFF;
	text-decoration: none;
}
a:active {
    color: #FFFFFF;
	text-decoration: underline;
}
#wrap {
    width: 840px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

/*footer*/

#foot_links {
    width: 840px;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 14px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
}

#foot_copy {
    width: 840px;
	height: auto;
	text-align: center;
	padding-bottom: 5px;
	font-size: 10px;
}

.copy_bottom {
	margin-bottom: 0px;
}

.clear {
	clear: both;
}

div#wrap p#foot_copy a:link {
	color: #E61E19;
	text-decoration: underline;
}

div#wrap p#foot_copy a:visited {
	color: #E61E19;
	text-decoration: underline;
}

div#wrap p#foot_copy a:hover {
	color: #E61E19;
	text-decoration: none;
}

div#wrap p#foot_copy a:active {
	color: #E61E19;
	text-decoration: underline;
}

/*navi*/

#wrap ul {
    width: 840px;
    height: 72px;
    text-align: left;
	padding: 0px;	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
}
#wrap li {
    float: left;
	display:inline;
	list-style: none;
}

li.menu01 { width: 114px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 0px 0px;}
li.menu02 { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 726px 0px; }
li.menu03 { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 624px 0px; }
li.menu04 { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 522px 0px; }
li.menu05 { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 420px 0px; }
li.menu06 { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 318px 0px; }
li.menu07 { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 216px 0px; }
li.menu08 { width: 114px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 114px 0px; }

li.menu01_on { width: 114px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 0px 72px; }
li.menu02_on { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 726px 72px; }
li.menu03_on { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 624px 72px; }
li.menu04_on { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 522px 72px; }
li.menu05_on { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 420px 72px; }
li.menu06_on { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 318px 72px; }
li.menu07_on { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 216px 72px; }
li.menu08_on { width: 114px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 114px 72px; }

li.menu01 a { width: 114px; height: 72px; background-image: url(../images/page_menu_bt.jpg); display: block; text-decoration: none; background-position: 0px 144px; }
li.menu02 a { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); display: block; text-decoration: none; background-position: 726px 144px; }
li.menu03 a { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); display: block; text-decoration: none; background-position: 624px 144px; }
li.menu04 a { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); display: block; text-decoration: none; background-position: 522px 144px; }
li.menu05 a { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); display: block; text-decoration: none; background-position: 420px 144px; }
li.menu06 a { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); display: block; text-decoration: none; background-position: 318px 144px; }
li.menu07 a { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); display: block; text-decoration: none; background-position: 216px 144px; }
li.menu08 a { width: 114px; height: 72px; background-image: url(../images/page_menu_bt.jpg); display: block; text-decoration: none; background-position: 114px 144px; }

li.menu01 a:hover { width: 114px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 0px 72px; }
li.menu02 a:hover { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 726px 72px; }
li.menu03 a:hover { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 624px 72px; }
li.menu04 a:hover { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 522px 72px; }
li.menu05 a:hover { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 420px 72px; }
li.menu06 a:hover { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 318px 72px; }
li.menu07 a:hover { width: 102px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 216px 72px; }
li.menu08 a:hover { width: 114px; height: 72px; background-image: url(../images/page_menu_bt.jpg); background-position: 114px 72px; }


/*title*/

.h2_title_spec {
	width: 348px;
	height: 49px;
	background-image: url(../images/spec_title.jpg);
	background-repeat: no-repeat;
	padding-right: 27px;
	padding-left: 465px;
}
.h2_title_g_battle {
	width: 348px;
	height: 49px;
	background-image: url(../images/g-battle_title.jpg);
	background-repeat: no-repeat;
	padding-right: 27px;
	padding-left: 465px;
}
.h2_title_battle1 {
	width: 348px;
	height: 49px;
	background-image: url(../images/battle1_title.jpg);
	background-repeat: no-repeat;
	padding-right: 27px;
	padding-left: 465px;
}
.h2_title_battle2 {
	width: 348px;
	height: 49px;
	background-image: url(../images/battle2_title.jpg);
	background-repeat: no-repeat;
	padding-right: 27px;
	padding-left: 465px;
}
.h2_title_battle3 {
	width: 348px;
	height: 49px;
	background-image: url(../images/battle3_title.jpg);
	background-repeat: no-repeat;
	padding-right: 27px;
	padding-left: 465px;
}
.h2_title_yokoku {
	width: 348px;
	height: 49px;
	background-image: url(../images/yokoku_title.jpg);
	background-repeat: no-repeat;
	padding-right: 27px;
	padding-left: 465px;
}
.h2_title_chancemode {
	width: 348px;
	height: 49px;
	background-image: url(../images/chancemode_title.jpg);
	background-repeat: no-repeat;
	padding-right: 27px;
	padding-left: 465px;
}
.h2_title_flow {
	width: 348px;
	height: 49px;
	background-image: url(../images/flow_title.jpg);
	background-repeat: no-repeat;
	padding-right: 27px;
	padding-left: 465px;
}

/*page CSS*/

.h1_head {
    width: 808px;
	height: 74px;	
	background-image: url(../images/page_head.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 17px;
}

.h1_head .h1link_right a {
    width: 125px; 
	height: 27px; 
    background-image: url(../images/page_top_bt.jpg);
	background-position: 0px 0px;
	display: block; 
	text-decoration: none;
}

.h1_head .h1link_right a:hover {
    width: 125px;
	height: 27px;
    background-image: url(../images/page_top_bt.jpg); 
	background-position: 0px 27px;
}

.h1link_left {
    width: 85px;
	height: 25px;
	float: left;
	text-decoration: none;
}
.h1link_right {
    width: 125px;
	height: 27px;
	float: right;
	margin-top: 27px;
}

/*TAB LINK CSS*/
.tab_linkbox {
	height: 43px;
	width: 348px;
	padding-top: 6px;
}


/*TAB LINK BATTLE2*/
div.tab_linkbox p.b2_1{ width: 174px; height: 43px; float: left; background-image: url(../images/battle2_1_bt.jpg); background-position: 0px 43px;}
div.tab_linkbox p.b2_2{ width: 174px; height: 43px; float: left; background-image: url(../images/battle2_2_bt.jpg); background-position: 0px 43px;}
div.tab_linkbox p.b2_1 a { width: 174px; height: 43px; float: left; background-image: url(../images/battle2_1_bt.jpg); display: block; text-decoration: none; background-position: 0px 0px; }
div.tab_linkbox p.b2_1 a:hover { width: 174px; height: 43px; background-image: url(../images/battle2_1_bt.jpg); display: block; text-decoration: none; background-position: 0px 86px; }
div.tab_linkbox p.b2_2 a { width: 174px; height: 43px; float: left; background-image: url(../images/battle2_2_bt.jpg); display: block; text-decoration: none; background-position: 0px 0px; }
div.tab_linkbox p.b2_2 a:hover { width: 174px; height: 43px; background-image: url(../images/battle2_2_bt.jpg); display: block; text-decoration: none; background-position: 0px 86px; }


/*TAB LINK BATTLE3*/
div.tab_linkbox p.b3_1{ width: 174px; height: 43px; float: left; background-image: url(../images/battle3_1_bt.jpg); background-position: 0px 43px;}
div.tab_linkbox p.b3_2{ width: 174px; height: 43px; float: left; background-image: url(../images/battle3_2_bt.jpg); background-position: 0px 43px;}
div.tab_linkbox p.b3_1 a { width: 174px; height: 43px; float: left; background-image: url(../images/battle3_1_bt.jpg); display: block; text-decoration: none; background-position: 0px 0px; }
div.tab_linkbox p.b3_1 a:hover { width: 174px; height: 43px; background-image: url(../images/battle3_1_bt.jpg); display: block; text-decoration: none; background-position: 0px 86px; }
div.tab_linkbox p.b3_2 a { width: 174px; height: 43px; float: left; background-image: url(../images/battle3_2_bt.jpg); display: block; text-decoration: none; background-position: 0px 0px; }
div.tab_linkbox p.b3_2 a:hover { width: 174px; height: 43px; background-image: url(../images/battle3_2_bt.jpg); display: block; text-decoration: none; background-position: 0px 86px; }