@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTABLE 2 INFINITY
=============================================*/

/*
	layout
--------------------------------------------*/

body{
	background: #e7eef2 url(../image/layout/bg.gif) repeat-x center top;
}

/*
	header
--------------------------------------------*/
#header{
	width:840px;/*870px*/
	margin:0 auto;
	padding:0 15px;
	height:59px;
	position:relative;
	z-index:1;
}

#header h1{
}

#header h1 a{
	width:338px;
	height:213px;
	background: url(../image/layout/logo.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
	position:absolute;
	left:18px;
	top:498px;
	z-index:5;
	display:block;
	text-indent:-9999px;
}

body.middle #header h1 a{
	width:338px;
	height:213px;
	background: url(../../common/image/layout/logo.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
	position:absolute;
	left:18px;
	top:633px;
	z-index:5;
	display:block;
	text-indent:-9999px;
}

body.notice #header h1 a{
	width:338px;
	height:213px;
	background: url(../../common/image/layout/logo.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
	position:absolute;
	left:18px;
	top:400px;
	z-index:5;
	display:block;
	text-indent:-9999px;
}



#header p{
	display: none;
}

#header ul{
	width:840px;
	padding:15px 0 0 0;
	clear:both;
}

#header ul li{
	float:left;
}

#header ul li a{
	text-indent:-9999px;
	display:block;
}

#header ul li#logoSega a {
	width:97px;
	height:28px;
	background: url(../image/layout/logo_sega.gif) no-repeat;
	margin-right:462px;
}

#header ul li#linkCompany {
	padding:0 0 0 5px;
	border-left:1px solid #ececec;
}

#header ul li#linkCompany a {
	width:52px;
	height:16px;
	background: url(../image/layout/head_link01.gif) no-repeat;
	margin:6px 0;
}

#header ul li#linkContact a {
	width:71px;
	height:16px;
	background: url(../image/layout/head_link02.gif) no-repeat;
	margin:6px 0;
}

#header ul li#linkSitemap a {
	width:68px;
	height:16px;
	background: url(../image/layout/head_link03.gif) no-repeat;
	margin:6px 0;
}

#header ul li#linkSitemap  {
	padding:0 5px 0 0;
	border-right:1px solid #ececec;
}

#header ul li#logoSegaSammy {
	float:right;
}

#header ul li#logoSegaSammy a {
	width:76px;
	height:28px;
	background: url(../image/layout/logo_segasammy.gif) no-repeat;
}

#header ul li#logoPlayStationPortable a {
	width:80px;
	height:26px;
	background: url(../image/layout/logo_psp.gif) no-repeat;
	position:absolute;
	left:772px;
	top:64px;
	z-index:2;
}

/*
	contents
--------------------------------------------*/
#contents{
	width: 790px;/*870px*/
	height:440px;/*496px*/
	margin:0 auto;
	padding:31px 40px 25px 40px;
	background: url(../image/layout/cont_bg.gif) no-repeat;
}

body.middle #contents{
	width: 790px;/*870px*/
	height: 575px;/*420px*/
	margin:0 auto;
	padding:31px 40px 25px 40px;
	background: url(../../common/image/layout/cont_bg_m.gif) no-repeat;
}

body.notice #contents{
	width: 790px;/*870px*/
	height: 365px;/*420px*/
	margin:0 auto;
	padding:30px 40px 25px 40px;
	background: url(../../common/image/layout/cont_bg_notice.gif) no-repeat;
}


#contentsInner{
	width: 790px;
	height:440px;
	background: url(../image/layout/cont_bg2.gif) no-repeat;
	position:relative;
	z-index:0;
	color:#FFF;
}

body.middle #contentsInner{
	width: 790px;
	height:570px;
	background: url(../../common/image/layout/cont_bg2_m.gif) no-repeat;
	position:relative;
	z-index:0;
	color:#FFF;
}

body.notice #contentsInner{
	width: 790px;
	height:370px;
	background: url(../image/layout/cont_bg2_notice.gif) no-repeat;
	position:relative;
	z-index:0;
	color:#FFF;
}


#contentsInner h2{
	display:none;
}

#contentsInner .conts{
	padding:15px;
	width:760px;
	height:409px;
	display:block;
}

body.middle #contentsInner .conts{
	padding:15px;
	height:540px;/*570px*/
	width:760px;/*790px*/
}

body.notice #contentsInner .conts{
	padding:15px;
	height:340px;/*570px*/
	width:760px;/*790px*/
}


#contentsInner .conts a{
	color:#0099FF;
}
#contentsInner .conts a:hover{
	color: #e8eb13;
}

#subConts{
	width:870px;
	margin:0 auto;
	height:345px;
	background: url(../image/layout/sub_bg2.gif) no-repeat center bottom;
	clear:both;
}

#subConts h3,#subConts h4{
	display:none;
}

#productArea{
	width:840px;/*870px*/
	height:97px;/*102px*/
	background: url(../image/layout/product_bg.gif) no-repeat center top;
	margin-bottom:10px;
	padding:5px 15px 0;
}

#productArea dl{
	width:840px;
	height:85px;
	background: url(../image/layout/product2.gif) no-repeat center top;
}


#productArea dt,#productArea dd{
	display:none;
}

#informationArea{
	width:475px;/*515px*/
	height:110px;/*150px*/
	background: url(../image/layout/info_bg.gif) no-repeat right top;
	padding:30px 5px 10px 35px;
	position:relative;
	float:left;
	margin:0 10px 0 0;
}

#informationArea dl{
	width:475px;
	height:107px;
	overflow-x:hidden;
	overflow-y:scroll;
	scroll

}

#informationArea dt,
#informationArea dd{
/*	line-height: 140%;*/
	line-height: 130%;
}
#informationArea dt{
/*	padding:3px 0 0 0;*/
	padding:0;
}
#informationArea dd{
	background: url(../image/element/disc.gif) no-repeat left top;
	padding:0 0 0 15px;
	margin:0;
}

#informationArea a.more{
	position:absolute;
	left:429px;
	top:5px;
	padding:0;
	background: url(../image/layout/info_btn.gif) no-repeat left top;
	width:81px;
	height:21px;
	display:block;
	text-indent:-9999px;
}

#btnArea {
	float:left;
	width:345px;
}

#btnArea li {
	float:left;
	width:157px;
	height:65px;
	display:block;
	margin:0 5px 10px 0;
	background: url(../image/layout/btn_close.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
}

#btnArea li.lastChild {
	margin:0 0 10px 0;
}

#btnArea li a {
	width:157px;
	height:65px;
	display:block;
	text-indent:-9999px;
}

#btnArea li#btnBlog a {
	background: url(../image/layout/btn_blog.png) no-repeat;
	behavior:expression(IEPNGFIX.fix(this));
}

#btnArea li#btnYoutube a {
	background: url(../image/layout/btn_youtube.png) no-repeat;
	behavior:expression(IEPNGFIX.fix(this));
}

#btnArea li#btnNico a {
	background: url(../image/layout/btn_nini.png) no-repeat;
	behavior:expression(IEPNGFIX.fix(this));
}

#btnArea li#btnNetwork a {
	background: url(../image/layout/btn_network.png) no-repeat;
	behavior:expression(IEPNGFIX.fix(this));
}


#bnrArea {
	width:820px;
	margin:0 25px 0 25px;
	clear:both;
	height:66px;
	position:relative;
	z-index:8;
}

#bnrArea li {
	float:left;
	width:201px;
	height:76px;
	background: url(../image/bnr/bnr.gif) no-repeat;
	margin:0 5px 0 0;
}

#bnrArea li.lastChild {
	margin:0;
}

/*
	gloval navigation
--------------------------------------------*/
#navigationArea{
	width:870px;
	height:145px;
	margin:0 auto;
	background: url(../image/layout/sub_bg.gif) no-repeat center top;
	position:relative;
}

body.middle #navigationArea{
	background: url(../image/layout/sub_bg_middle.gif) no-repeat center top;
}

body.notice #navigationArea{
	background: url(../image/layout/sub_bg_notice.gif) no-repeat center top;
}


#navigationArea dt{
	display:none;
}

#navigationArea ul{
	position:absolute;
	z-index:3;
	left:379px;
	top:12px;
	width:481px;
	height:126px;
	background: url(../image/layout/navi.gif) no-repeat;
}

#navigationArea p{
	position:absolute;
	z-index:3;
	left:379px;
	top:12px;
	width:481px;
	height:126px;
	color:#FFF;
}

#navigationArea li{
	width:160px;
	height:55px;
	float:left;
	text-indent:-9999px;
}
#navigationArea li a{
	width:160px;
	height:55px;
	text-indent:-9999px;
	display:block;
}

#navigationArea li#gnaviAbout a{
	background: url(../image/layout/navi_top.gif) no-repeat left top;
}
#navigationArea li#gnaviAbout a:hover{
	background: url(../image/layout/navi_top.gif) no-repeat left -55px;
}

#navigationArea li#gnaviWorld a{
	background: url(../image/layout/navi_top.gif) no-repeat -160px top;
}
#navigationArea li#gnaviWorld a:hover{
	background: url(../image/layout/navi_top.gif) no-repeat -160px -55px;
}

#navigationArea li#gnaviCharacter a{
	background: url(../image/layout/navi_top.gif) no-repeat -320px top;
}
#navigationArea li#gnaviCharacter a:hover{
	background: url(../image/layout/navi_top.gif) no-repeat -320px -55px;
}

#navigationArea li#gnaviSystem a{
	background: url(../image/layout/navi_bottom.gif) no-repeat left top;
	margin-top:13px;
}
#navigationArea li#gnaviSystem a:hover{
	background: url(../image/layout/navi_bottom.gif) no-repeat left -55px;
}

#navigationArea li#gnaviSpecial a{
	background: url(../image/layout/navi_bottom.gif) no-repeat -160px top;
	margin-top:13px;
}
#navigationArea li#gnaviSpecial a:hover{
	background: url(../image/layout/navi_bottom.gif) no-repeat -160px -55px;
}

#navigationArea li#gnaviProduct a{
	background: url(../image/layout/navi_bottom.gif) no-repeat -320px top;
	margin-top:13px;
}
#navigationArea li#gnaviProduct a:hover{
	background: url(../image/layout/navi_bottom.gif) no-repeat -320px -55px;
}


/*
	footer
--------------------------------------------*/
#footer{
	width:870px;
	height:55px;
	margin:0 auto;
	clear:both;
	background: url(../image/layout/foot2.gif) no-repeat 10px 5px;
	position:relative;
}

#footer p{
	text-indent:-9999px;
	font-size:1px;
}

#footer p a#footContact{
	display:block;
	width:86px;
	height:12px;
	position:absolute;
	left:513px;
	top:19px;
	text-indent:-9999px;
}


/*
	lineup
--------------------------------------------*/

#lineupArea{
	width: 100%;
	margin: 20px 0 0;
	padding-bottom: 30px;
	background: url(../image/layout/lineup_bg.gif) repeat-x;
}
#lineup{
	width: 870px;
	margin: 0 auto;
	position:relative;
}

#lineupArea h2{
	width: 160px;
	height: 13px;
	margin: 0 355px;
	text-indent: -9999px;
	background: url(../image/layout/lineup_title.gif) no-repeat;
}

#lineup ul{
	width: 868px;/*870px*/
	overflow: hidden;
	padding-left:2px;
	padding-top:15px;
}

#lineup ul li{
	float: left;
	width: 125px;
	height: 40px;
	margin-bottom: 5px;
	background: url(../image/bnr/blank.gif) no-repeat;
}

#lineup ul .lastChild{
	width: 115px;
}


#lineup ul li a{
	display: block;
	width: 115px;
	height: 40px;
}


#lineup a#staffBnr {
	position:absolute;
	top:-70px;
	left:683px;
	z-index:9;
}