/* CSS Document */

html,body
{
    position: relative;
	margin: 0;
	padding: 0;
    background-color: transparent;
    background-image: none;
    width: 100%;
    height: 100%;
}

body
{
    font: 13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size: small;
    *font: x-small;
    background: black url(../img/common/bg.jpg) center top no-repeat;
	line-height: 150%;
	overflow: auto;
}

:root *> #help_me {
	line-height: 120%;
}

table
{
    font-size: inherit;
    font: 100%;
}

#container
{
    position: relative;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#content
{
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -477px;
    width: 955px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#main-back
{
    position: relative;
    width: 955px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	/*
    background: url(img/bg2.jpg) top center repeat-y;
	/**/
}


#main
{
    position: relative;
    width: 955px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	/*
    background: url(../img/content-bg.jpg) no-repeat 0 0;
	/**/
}


/**
	header
**/

.header
{
	position: absolute;
	top: 0;
	left: 0;
	width: 955px;
	height: 52px;
	/*background: url(../img/common/header.jpg) top left no-repeat;*/
}

	div.gmenus
	{
		position: absolute;	
		left: 189px;
		top: 0px;
		width: 955px;
		height: 44px;
	}
	
	div.gmenus div
	{
		float: left;
		height: 44px;
		overflow: hidden;
	}

	div.gmenus div.gm-top a
	{
		width: 65px;
		background: url(../img/common/gm-top.png) top center no-repeat;
	}
	
	div.gmenus div.gm-news a
	{
		width: 90px;
		background: url(../img/common/gm-news.png) top center no-repeat;
	}
	
	div.gmenus div.gm-character a
	{
		width: 154px;
		background: url(../img/common/gm-character.png) top center no-repeat;
	}
	
	div.gmenus div.gm-tokyo a
	{
		width: 98px;
		background: url(../img/common/gm-tokyo.png) top center no-repeat;
	}
	
	div.gmenus div.gm-extras a
	{
		width: 108px;
		background: url(../img/common/gm-extras.png) top center no-repeat;
	}
	
	div.gmenus div.gm-top a,		div.gmenus div.gm-top a:link,		div.gmenus div.gm-top a:visited,
	div.gmenus div.gm-news a,		div.gmenus div.gm-news a:link,		div.gmenus div.gm-news a:visited,
	div.gmenus div.gm-character a,	div.gmenus div.gm-character a:link, div.gmenus div.gm-character a:visited,
	div.gmenus div.gm-tokyo a,		div.gmenus div.gm-tokyo a:link, 	div.gmenus div.gm-tokyo a:visited,
	div.gmenus div.gm-extras a,		div.gmenus div.gm-extras a:link, 	div.gmenus div.gm-extras a:visited
	{
		position: relative;
		display: block;
		height: 44px;
	}
	
	/* active */
	div.gmenus div.gm-top a:hover,			div.gmenus div.gm-top a:active,
	div.gmenus div.gm-news a:hover,			div.gmenus div.gm-news a:active,
	div.gmenus div.gm-character a:hover,	div.gmenus div.gm-character a:active,
	div.gmenus div.gm-tokyo a:hover,		div.gmenus div.gm-tokyo a:active,
	div.gmenus div.gm-extras a:hover,		div.gmenus div.gm-extras a:active
	{
		background-position: 0px -44px;
		cursor: pointer;
	}

	/* NEWの設定 */
	div.gmenus div a div.new
	{
		position: absolute;
		top: 8px;
		width: 40px;
		height: 9px;
		background: url(../img/common/new.png) top left no-repeat;
	}
	div.gmenus div.gm-top a div.new
	{
		/*
		display: none;*/
		left: 12px;
		/**/
	}
	div.gmenus div.gm-news a div.new
	{
		/*
		display: none;
		/**/
		left: 25px;
	}
	div.gmenus div.gm-character a div.new
	{
		/**/
		display: none;
		/**/
		left: 60px;
		}
	div.gmenus div.gm-tokyo a div.new
	{
		/**/
		display: none;
		/**/
		left: 30px;
		
	}
	div.gmenus div.gm-extras a div.new
	{
		/*
		display: none;
		/**/
		left: 35px;
	}
	
	/* dragon logo */
	.header div.dragon
	{
		position: absolute;
		left: 15px;
		top: 0;
		width: 171px;
		height: 44px;
		overflow: hidden;
	}
	
	.header div.dragon a, .header div.dragon a:link, .header div.dragon a:visited
	{
		display:block;
		width: 171px;
		height: 44px;
		background: url(../img/common/header-dragon2020-2-logo.png ) top left no-repeat;
	}
	
	.header div.dragon a:hover, .header div.dragon a:active
	{
		background-position: 0 -44px;
		cursor: pointer;
	}
	
	/* psp logo */
	.header div.psp
	{
		position: absolute;
		left: 702px;
		top: 0;
		width: 95px;
		height: 44px;
		overflow: hidden;
	}
	
	.header div.psp a, .header div.psp a:link, .header div.psp a:visited
	{
		display:block;
		width: 95px;
		height: 44px;
		background: url(../img/common/header-psp-logo.png) top left no-repeat;
	}
	
	.header div.psp a:hover, .header div.psp a:active
	{
		/*
		background-position: 0 -44px;
		cursor: pointer;
		/**/
	}

	
	/* playstation logo */
	.header div.playstation
	{
		position: absolute;
		left: 797px;
		top: 0;
		width: 39px;
		height: 44px;
		overflow: hidden;
	}
	
	.header div.playstation a, .header div.playstation a:link, .header div.playstation a:visited
	{
		display:block;
		width: 39px;
		height: 44px;
		background: url(../img/common/header-playstation-logo.png) top left no-repeat;
	}
	
	.header div.playstation a:hover, .header div.playstation a:active
	{
		/*
		background-position: 0 -44px;
		cursor: pointer;
		/**/
	}


	/* sega logo */
	.header div.sega
	{
		position: absolute;
		left: 849px;
		top: 0;
		width: 90px;
		height: 44px;
		overflow: hidden;
	}
	
	.header div.sega a, .header div.sega a:link, .header div.sega a:visited
	{
		display:block;
		width: 90px;
		height: 44px;
		background: url(../img/common/header-sega-logo.png) top left no-repeat;
	}
	
	.header div.sega a:hover, .header div.sega a:active
	{
		/**
		background-position: 0 -44px;
		cursor: pointer;
		/**/
	}
	

/**
   visual
**/

.visual
{
	width: 955px;
	height: 603px;
	overflow: hidden;
}

	.visual div.no-script
	{
		width: 955px;
		height: 603px;
		background: url(../img/top/visual-noscript.jpg) top center no-repeat;	
	}

/**
	footer
 */
.footer
{
	margin-top: 10px;
	position: relative;
	width: 955px;
	height: 135px;
	background: url(../img/common/footer.jpg) top center no-repeat;
}

	.footer div.banners
	{
		position: absolute;
		left: -10px;
		top: 45px;
	}
	
	.footer div.banners div
	{
		margin-left: 10px;
		float: left;
		width: 182px;
		height: 50px;
		overflow: hidden;	
	}
	
	.footer div.banners div.bnr1 a
	{
		background: url(../img/common/banner1.png) 0 0 no-repeat;
	}

	.footer div.banners div.bnr2 a
	{
		background: url(../img/common/banner2.png) 0 0 no-repeat;
	}

	.footer div.banners div.bnr3 a
	{
		background: url(../img/common/banner3.png) 0 0 no-repeat;
	}

	.footer div.banners div.bnr4 a
	{
		background: url(../img/common/banner4.png) 0 0 no-repeat;
	}
	
	.footer div.banners div.bnr5 a
	{
		background: url(../img/common/banner5.png) 0 0 no-repeat;
	}
	.footer div.banners div.bnr6 a
	{
		background: url(../img/common/banner6.png) 0 0 no-repeat;
	}
	.footer div.banners div.bnr7 a
	{
		background: url(../img/common/banner7.png) 0 0 no-repeat;
	}



	.footer div.banners div a, .footer div.banners div a:link, .footer div.banners div a:visited
	{
		display: block;
		width: 182px;
		height: 100px;
	}

	.footer div.banners div.bnr1 a:hover, .footer div.banners div.bnr1 a:visited,
	.footer div.banners div.bnr2 a:hover, .footer div.banners div.bnr2 a:visited,
	.footer div.banners div.bnr6 a:hover, .footer div.banners div.bnr6 a:visited,
	.footer div.banners div.bnr7 a:hover, .footer div.banners div.bnr7 a:visited
	{
		background-position: 0 -50px;
	}
	
	/* sega logo */
	.footer div.sega
	{
		position: absolute;
		left: 15px;
		top: 0px;
		width: 90px;
		height: 35px;
		overflow: hidden;
	}
	
	.footer div.sega a, .footer div.sega a:link, .footer div.sega a:visited
	{
		display:block;
		width: 90px;
		height: 35px;
		background: url(../img/common/footer-sega-logo.png) top left no-repeat;
	}
	
	.footer div.sega a:hover, .footer div.sega a:visited
	{
		background-position: 0 -35px;
		cursor: pointer;
	}

	/* contact */
	.footer div.contact
	{
		position: absolute;
		left: 718px;
		top: -7px;
		width: 38px;
		height: 25px;
		overflow: hidden;
	}
	
	.footer div.contact a, .footer div.contact a:link, .footer div.contact a:visited
	{
		display:block;
		width: 38px;
		height: 35px;
		background: url(../img/common/footer-contact-btn.png) top left no-repeat;
	}
	
	.footer div.contact a:hover, .footer div.contact a:visited
	{
		background-position: 0 -35px;
		cursor: pointer;
	}