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

======================================*/


/*
	locoalNavigation
--------------------------------------*/

#navTree dt,
#navTree dd{
	position: relative;
	margin-bottom: 2px;
}

#navTree dt span.new,
#navTree dd span.new {
	position: absolute;
	width: 24px;
	height: 15px;
	left: -9px;
	top: -6px;
	
	font-size: 0;
	line-height: 0;
	text-indent: -8999px;
	background: url(../image/element/icon_new.gif) no-repeat;
}

.independence,
.independence01,
.independence02,
.independence03,
.independence04{
	width: 212px;
	height: 31px;
	text-indent: -9999px;
}

.independenceClose{
	width: 212px;
	height: 31px;
	text-indent: -9999px;
	background: url(../image/localnav/independence_close.gif) no-repeat;
}


.independence a,
.independence01 a,
.independence02 a,
.independence03 a,
.independence04 a{
	display: block;
	width: 212px;
	height: 31px;
	background: url(../image/layout/independence_posit.gif) no-repeat;
}

.independence a:hover,
.independence01 a:hover,
.independence02 a:hover,
.independence03 a:hover,
.independence04 a:hover{
	display: block;
	width: 212px;
	height: 31px;
	background-position: 0 -32px;
}

#navTree dd span{
	display: block;
	width: 212px;
	height: 7px;
	background: url(../image/layout/nav_bottom.gif) no-repeat;
}

#navTree .family,
#navTree .family01,
#navTree .family02,
#navTree .family03{
	width: 212px;
	height: 32px;
	margin-bottom: 0;
	text-indent: -9999px;
}

.family a,
.family01 a,
.family02 a,
.family03 a{
	display: block;
	width: 212px;
	height: 32px;
	background: url(../image/layout/family_posit.gif) no-repeat;
}

.family a:hover,
.family01 a:hover,
.family02 a:hover,
.family03 a:hover{
	background-position: 0 -32px;
}

.child,
.child01,
.child02,
.child03,
.child04,
.child05,
.child06,
.child07,
.child08,
.child09,
.child10,
.child11,
.child12,
.child13,
.child14,
.child15{
	position: relative;
	width: 212px;
	height: 18px;
	line-height: 0;
	font-size: 0;
}

.childClose{
	width: 212px;
	height: 18px;
	text-indent: -9999px;
	background: url(../image/localnav/child_close.gif) no-repeat;
	background-position: 0 -2px;
}

.child a,
.child01 a,
.child02 a,
.child03 a,
.child04 a,
.child05 a,
.child06 a,
.child07 a,
.child08 a,
.child09 a,
.child10 a,
.child11 a,
.child12 a,
.child13 a,
.child14 a,
.child15 a{
	display: block;
	width: 212px;
	height: 18px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(../image/layout/child.gif) no-repeat;
	background-position: 0 -2px;
}

.child a:hover,
.child01 a:hover,
.child02 a:hover,
.child03 a:hover,
.child04 a:hover,
.child05 a:hover,
.child06 a:hover,
.child07 a:hover,
.child08 a:hover,
.child09 a:hover,
.child10 a:hover,
.child11 a:hover,
.child12 a:hover,
.child13 a:hover,
.child14 a:hover,
.child15 a:hover{
	background-position: 0 -23px;
}

/*
	suppNavigation
--------------------------------------*/

#suppNav{
	zoom: 1;
	margin-left: 5px;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#suppNav dt{
	display: none;
}

#suppNav dd ul{
	overflow: hidden;
}

#suppNav dd ul li{
	float: left;
	padding-left: 14px;
	margin-right: 10px;
	margin-top:3px;
	font-size: 10px;
	background: url(../image/layout/suppnavi_arrow.gif) no-repeat left 4px;
}

#suppNav dd ul li.nofloat {
	float: none;
}

#suppNav dd ul li a{
	color: #5c7db4;
}

















#suppBanner{
	zoom: 1;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#suppBanner dt{
	display: none;
}

#suppBanner dd ul{
	overflow: hidden;
}

#suppBanner dd ul li{
	float: left;
	padding-left: 14px;
	margin-right: 10px;
	margin-top:3px;
	font-size: 10px;
	background: url(../image/layout/suppnavi_arrow.gif) no-repeat left 4px;
}

#suppBanner dd ul li.nofloat {
	float: none;
}

#suppBanner dd ul li a{
	color: #5c7db4;
}

#suppBanner dd ul li.buy{
	float: left;
	width: 212px;
	height: 27px;
	padding-left: 0;
	margin-right: 3px;
	background: none;
	vertical-align: bottom;

}
#suppBanner dd ul li.buy a {
	display: block;
	width: 212px;
	height: 27px;
	
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../image/layout/buy_segastore.gif) no-repeat 0 0;
}

#suppBanner dd ul li.enquete {
	float: left;
	width: 130px;
	height: 30px;
	padding-left: 0;
	padding-right: 3px;
	margin-right: 0;
	background: none;
}
#suppBanner dd ul li.enquete a {
	display: block;
	width: 130px;
	height: 30px;
	
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../image/layout/btn_enquete.jpg) no-repeat 0 0;
}

#suppBanner dd ul li.staff {
	float: left;
	width: 130px;
	height: 30px;
	padding-left: 0;
	padding-right: 9px;
	background: none;
}
#suppBanner dd ul li.staff a {
	display: block;
	width: 130px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../image/layout/btn_staff_01.jpg) no-repeat 0 0;
}


#suppBanner dd ul li.psu2nd {
	float: left;
	width: 130px;
	height: 30px;
	padding-right: 10px;
	padding-left: 0;
	margin-right: 0;
	background: none;
}
#suppBanner dd ul li.psu2nd a {
	display: block;
	width: 130px;
	height: 30px;
	
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../image/layout/btn_psu2nd.gif) no-repeat 0 0;
}



#suppBanner dd ul li.try {
	float: left;
	width: 130px;
	height: 30px;
	padding-right: 10px;
	padding-left: 0;
	margin-right: 9px;
	background: none;
}
#suppBanner dd ul li.try a {
	display: block;
	width: 130px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../image/layout/btn_try02.jpg) no-repeat 0 0;
}

#suppBanner dd ul li.item {
	float: left;
	width: 130px;
	height: 30px;
	padding-right: 10px;
	padding-left: 0;
	margin-right: 0;
	background: none;
}
#suppBanner dd ul li.item a {
	display: block;
	width: 130px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../image/layout/btn_item.gif) no-repeat 0 0;
}


#suppBanner dd ul li.enquete02 {
	float: left;
	width: 130px;
	height: 30px;
	padding-right: 10px;
	padding-left: 0;
	margin-right: 9px;
	background: none;
}
#suppBanner dd ul li.enquete02 a {
	display: block;
	width: 130px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../image/layout/btn_enquete02.jpg) no-repeat 0 0;
}

#suppBanner dd ul li.psp2 {
	float: left;
	width: 130px;
	height: 30px;
	padding-right: 10px;
	padding-left: 0;
	margin-right: 9px;
	background: none;
}
#suppBanner dd ul li.psp2 a {
	display: block;
	width: 130px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../image/layout/btn_psp2.jpg) no-repeat 0 0;
}