@charset "utf-8";
/*======================================
	PHANTASY STAR PORTABLE
	http://phantasystar.sega.jp/psp/
----------------------------------------
	description: element stylesheet
	edit: 2008/5/12
	update:

======================================*/
/*
	outline
--------------------------------------*/

body{
	background: url(../image/layout/background.jpg) repeat-x center top;
	background-color: #030c19;
}

/*
	header
--------------------------------------*/

#header{
	width: 810px;
	height: 208px;
	margin: 0 auto;
	background: url(../image/layout/visual.jpg) no-repeat;
}

#indexPage #header{
	position: relative;
	width: 810px;
	height: 378px;
	margin: 0 auto;
	background: url(../image/layout/visual_index_sale_20090120.jpg) no-repeat;
}


#header h1,
#header p{
	display: none;
}

/*
	navigation
--------------------------------------*/

#navigation{
	position: relative;
	width: 810px;
	height: 132px;
	margin: 0 auto 0 auto;
	
	line-height: 0;
	font-size: 0;
}

/* mouse over */
#navigation div{
	display: none;
	position: absolute;
	width: 118px;
	height: 87px;
}
#navigation div a {
	display: block;
	width: 118px;
	height: 87px;
	
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

#activeTop {
	left: 39px;
	top: 5px;
	background: url(../image/nav/bg_swap_top.gif) no-repeat;
	z-index: 51;
}
#activeInformation {
	left: 142px;
	top: 33px;
	background: url(../image/nav/bg_swap_information.gif) no-repeat;
	z-index: 52;
}
#activeWorld {
	left: 245px;
	top: 5px;
	background: url(../image/nav/bg_swap_world.gif) no-repeat;
	z-index: 53;
}
#activeGame {
	left: 348px;
	top: 33px;
	background: url(../image/nav/bg_swap_game.gif) no-repeat;
	z-index: 54;
}
#activeNetwork {
	left: 451px;
	top: 5px;
	background: url(../image/nav/bg_swap_network.gif) no-repeat;
	z-index: 55;
}
#activeMovie {
	left: 554px;
	top: 33px;
	background: url(../image/nav/bg_swap_movie.gif) no-repeat;
	z-index: 56;
}
#activeProduct {
	left: 657px;
	top: 5px;
	background: url(../image/nav/bg_swap_product.gif) no-repeat;
	z-index: 57;
}

/* index */

#indexPage #activeTop {
	left: 39px;
	top: 4px;
	background: url(../image/nav/swap_top.gif) no-repeat;
	z-index: 51;
}
#indexPage #activeInformation {
	left: 142px;
	top: 32px;
	background: url(../image/nav/swap_info.gif) no-repeat;
	z-index: 52;
}
#indexPage #activeWorld {
	left: 245px;
	top: 4px;
	background: url(../image/nav/swap_world.gif) no-repeat;
	z-index: 53;
}
#indexPage #activeGame {
	left: 348px;
	top: 32px;
	background: url(../image/nav/swap_game.gif) no-repeat;
	z-index: 54;
}
#indexPage #activeNetwork {
	left: 452px;
	top: 4px;
	background: url(../image/nav/swap_network.gif) no-repeat;
	z-index: 55;
}
#indexPage #activeMovie {
	left: 554px;
	top: 32px;
	background: url(../image/nav/swap_movie.gif) no-repeat;
	z-index: 56;
}
#indexPage #activeProduct {
	left: 657px;
	top: 4px;
	background: url(../image/nav/swap_product.gif) no-repeat;
	z-index: 57;
}




/*
	container
--------------------------------------*/

#containerWrapper{
	width: 810px;
	margin: 0 auto;
	background: url(../image/layout/bg_container_wrapper.gif) no-repeat top center;
	overflow: hidden;
}
#containerWrapper:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html body #containerWrapper{
	height: 1em;
	overflow: visible;
}
/**/

#container{
	width: 810px;
	margin: 0 auto;
	background: url(../image/layout/bg_container.gif) repeat-y;
	overflow: hidden;
}
#container:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html body #container{
	height: 1em;
	overflow: visible;
}
/**/

#indexPage #container{
	width: 764px; /* 810 */
	margin: 0 auto;
	padding: 0 23px 8px;
	background: url(../image/layout/content_main.gif) repeat-y;
	overflow: hidden;
}
#indexPage #container:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html body#indexPage #container{
	height: 1em;
	overflow: visible;
}

#primaryColumn{
	display: inline;
	float: right;
	width: 567px; /* 567*/
}

#primaryMain {
	width: 511px;
	margin: 12px 41px 16px 15px; 
}

.section{
	padding: 0 12px 0 12px;
}

#primaryColumn h2{
	position: relative; /* negative margin for ie6 */
	width: 544px;
	height: 52px;
	_margin-top: -3px;
	margin-left: -1px;
	text-indent: -9999px;
	background: url(../image/layout/content_h2_posit.gif) no-repeat;
}

#indexPage #primaryColumn h2{
	margin-left: 0;
}


#primaryColumn h3{
	width: 511px;
	height: 31px;
	text-indent: -9999px;
	background: url(../image/layout/h3_posit.gif) no-repeat;
}

#primaryColumn h4{
	width: 251px;
	height: 18px;
	text-indent: -9999px;
	/*background: url(../image/layout/h4_posit.gif) no-repeat;*/
}


#secondlyColumn{
	float: left;
	width: 212px; /* 243 */
	padding: 0 9px 0 22px;
}

#secondlyColumn h2{
	position: relative;  /* negative margin for ie6 */
	width: 212px;
	height: 50px;
	text-indent: -9999px;
	margin-top: -5px;
	_margin-top: -7px;
	margin-bottom: 2px;
	/*background: url(../image/layout/h2_posit.gif) no-repeat;*/
}

#indexPage #primaryColumn{
	float: left;
	width: 472px;
	padding: 0;
}

#indexPage #secondlyColumn{
	float: right;
	width: 287px;
	padding: 0;
}


#contentBottom{
	position: relative;
	width: 800px;
	height: 58px;
	margin: 0 auto;
	background: url(../image/layout/bg_container_bottom.gif) no-repeat;
}

#contentBottom a{
	position: absolute;
	top: 5px;
	left: 635px;
	display: block;
	width: 139px;
	height: 26px;
	text-indent: -9999px;
	background:url(../image/layout/topbtn.gif) no-repeat;
}

#contentBottom a:hover{
	background-position: 0 -26px;
}

#indexPage #contentBottom{
	width: 800px;
	height: 15px;
	margin: 0 auto;
	background: url(../image/layout/content_bottom.gif) no-repeat;
}
/*
	footer
--------------------------------------*/

#bnrArea{
	width: 810px;
	margin: 0 auto;
}

#bnrAreaLong{
	width: 787px;
	margin: 0 auto;
	text-align:center;
	
}


/*
	bnrAreaDouble
--------------------------------------*/

ul#bnrAreaDouble {
	width: 787px;
	margin: 0 auto;
}

ul#bnrAreaDouble li#best {
	width: 396px;
	float: left;
}

ul#bnrAreaDouble li#pspo2 {
	width: 391px;
	float: left;
}




#productIlluminus{
	float: left;
	width: 405px;
	height: 98px;
	background: url(../image/index/bnr_illuminus.gif) no-repeat;
	
}

#productUniverse{
	float: right;
	width: 405px;
	height: 98px;
	background: url(../image/index/bnr_universe.gif) no-repeat;
}

#productIlluminus a,
#productUniverse a{
	display: block;
	width: 405px;
	height: 98px;
	text-decoration: none;
	outline: none;
}

#bnrArea #productIlluminus dl,
#bnrArea #productUniverse dl{
	display: none;
}

#footer{
	position: relative;
	width: 780px; /* 800 */
	height: 50px; /* 80 */
	margin: 0 auto;
	padding: 2px 10px 22px 10px;
	background: url(../image/layout/bg_footer.gif) repeat;

	clear: both;

}


#copyright {
	padding-bottom: 10px;
}
#copyright:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html body #copyright{
	height: 1em;
	overflow: visible;
}
/**/

#copyright li{
	display: inline;
	text-indent: -9999px;
}

.copyright{
	clear: both;
	float: left;
	width: 341px;
	height: 31px;
	background: url(../image/layout/logo_copyright.gif) no-repeat;
	z-index: 2;
}

#copyright .copyrightSony{
	display: none;
}

#copyright li.contact{
	float: left;
	top: 22px;
	left: 315px;
	margin-top: -2px;
	margin-left: -20px;
	padding-left: 14px;
	font-size: 10px;
	text-indent: 0;
	background: url(../image/layout/suppnavi_arrow_yellow.gif) no-repeat left 4px;
	z-index: 1;
}

#copyright li.contact a{
	color: #fff717;
}

.logoAlfaSystem{
	float: right;
	width: 119px;
	height: 29px;
	margin-right: 16px;
	background: url(../image/layout/logo_alfasysytem.gif) no-repeat;
}

.logoAlfaSystem a{
	display: block;
	width: 119px;
	height: 29px;
	text-decoration: none;
	outline: none;
}

.logoPsp{
	float: right;
	width: 77px;
	height: 31px;
	background: url(../image/layout/logo_psp.gif) no-repeat;
}