@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTABLE 2
	http://phantasystar.sega.jp/psp2/
-----------------------------------------------
=============================================*/

/*
	conts
--------------------------------------------*/
#conts{
clear:both;
overflow:hidden;
}

/*
	headding
--------------------------------------------*/

#networkPage #contents #primaryArea h2{
	background:url(../image/headding/h2_network.gif) no-repeat;
}

#contents #secondaryArea h2{
	background: url(../image/headding/locla_h2.gif) no-repeat;
}

/*
	nav
------------------------------------------*/

#contents #secondaryArea #local{
	width: 240px;
}

#contents #secondaryArea #network a{
	background: url(../image/navigation/local_nav_network.gif) no-repeat;
}

#contents #secondaryArea #network a:hover{
	background-position: 0 -39px;
}

#networkPage #contents #secondaryArea #network a{
	background-position: 0 -39px;
}

#contents #secondaryArea #network{
	position: relative;
	margin-bottom:5px;
}

#contents #secondaryArea #network span{
	display: block;
	position: absolute;
	top: -2px;
	left: -8px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../common/image/element/icon_new.gif) no-repeat;
}

#contents #secondaryArea #internet a{
	background: url(../image/navigation/local_nav_internetmultimode.gif) no-repeat;
}

#contents #secondaryArea #internet a:hover{
	background-position: 0 -45px;
}

#internetPage #contents #secondaryArea #internet a,
#preparationPage #contents #secondaryArea #internet a{
	background-position: 0 -45px;
}

#contents #secondaryArea #internet{
	position: relative;
}

#contents #secondaryArea #internet span{
	display: block;
	position: absolute;
	top: -2px;
	left: -8px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../common/image/element/icon_new.gif) no-repeat;
}

#contents #secondaryArea .tree ul #preparation a{
	background: url(../image/navigation/local_nav_internet_preparation.gif) no-repeat;
}

#contents #secondaryArea .tree ul #preparation a:hover{
	background-position: 0 -18px;
}

#preparationPage #contents #secondaryArea .tree ul #preparation a{
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #connect a{
	background: url(../image/navigation/local_nav_internet_connect.gif) no-repeat;
}

#contents #secondaryArea .tree ul #connect a:hover{
	background-position: 0 -18px;
}

#connectPage #contents #secondaryArea .tree ul #connect a{
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #matching a{
	background: url(../image/navigation/local_nav_internet_matching.gif) no-repeat;
}

#contents #secondaryArea .tree ul #matching a:hover{
	background-position: 0 -18px;
}

#matchingPage #contents #secondaryArea .tree ul #matching a{
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #function a{
	background: url(../image/navigation/local_nav_internet_function.gif) no-repeat;
}

#contents #secondaryArea .tree ul #function a:hover{
	background-position: 0 -18px;
}

#functionPage #contents #secondaryArea .tree ul #function a{
	background-position: 0 -18px;
}

#contents #secondaryArea #dataimport a{
	background: url(../image/navigation/local_nav_dataimport.gif) no-repeat;
}

#contents #secondaryArea #dataimport a:hover{
	background-position: 0 -39px;
}

#importPage #contents #secondaryArea #dataimport a{
	background-position: 0 -39px;
}

#contents #secondaryArea #dataimport{
	position: relative;
	margin-bottom:5px;
}

#contents #secondaryArea #dataimport span{
	display: block;
	position: absolute;
	top: -2px;
	left: -8px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../common/image/element/icon_new.gif) no-repeat;
}

#contents #secondaryArea #dlmission a{
	background: url(../image/navigation/local_nav_dlmission.gif) no-repeat;
	display:block;
}

#contents #secondaryArea #dlmission a:hover{
	background-position: 0 -45px;
}

#dlMissionPage #contents #secondaryArea #dlmission a{
	background-position: 0 -45px;
}

#contents #secondaryArea #dlmission{
	position: relative;

}

#contents #secondaryArea #dlmission span{
	display: block;
	position: absolute;
	top: -2px;
	left: -8px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../common/image/element/icon_new.gif) no-repeat;
}

#contents #secondaryArea #dlItem a{
	background: url(../image/navigation/local_nav_dlitem.gif) no-repeat;
}

#contents #secondaryArea #dlItem a:hover{
	background-position: 0 -45px;
}

#dlItemPage #contents #secondaryArea #dlItem a{
	background-position: 0 -45px;
}

#contents #secondaryArea .tree ul #dlItemList a{
	background: url(../image/navigation/local_nav_dlitem_list.gif) no-repeat;
}

#contents #secondaryArea .tree ul #dlItemList a:hover{
	background-position: 0 -18px;
}

#dlItemPage #contents #secondaryArea .tree ul #dlItemList a{
	background-position: 0 -18px;
}

#contents #secondaryArea .tree ul #download a{
	background: url(../image/navigation/local_nav_dlitem_download.gif) no-repeat;
}

#contents #secondaryArea .tree ul #download a:hover{
	background-position: 0 -18px;
}

#dlItemDownloadPage #contents #secondaryArea .tree ul #download a{
	background-position: 0 -18px;
}


#contents #secondaryArea .tree ul #howto a{
	background: url(../image/navigation/local_nav_dlitem_import.gif) no-repeat;
}

#contents #secondaryArea .tree ul #howto a:hover{
	background-position: 0 -18px;
}

#dlItemImportPage #contents #secondaryArea .tree ul #howto a{
	background-position: 0 -18px;
}



#contents #secondaryArea #dlmissionitem a{
	background: url(../image/navigation/local_nav_dlmission_item.gif) no-repeat;
}

#contents #secondaryArea #dlmissionitem a:hover{
	background-position: 0 -18px;
}

#dlMissionItemPage #contents #secondaryArea #dlmissionitem a{
	background-position: 0 -18px;
}

#contents #secondaryArea #dlmissionitem {
	position: relative;
	margin-bottom:5px;
}

#contents #secondaryArea #dlmissionitem span{
	display: block;
	position: absolute;
	top: -2px;
	left: -27px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../common/image/element/icon_new.gif) no-repeat;
}



/*
	eventlist
-----------------------------------------------------*/
#networkPage #primaryArea ul.eventList{
	margin-top: 10px;
}

#networkPage #primaryArea ul.eventList li{
	position: relative;
	width: 546px;
	height: 190px;
	margin: 0 auto 10px; 
}

#networkPage #primaryArea ul.eventList li a span{
	position: absolute;
	top: 60px;
	left: 16px;
	display: block;
	width: 250px;
	text-indent: 0;
	color: #fff;
}

#networkPage #primaryArea ul.eventList li a:hover span{
	color: #fff;
}

#networkPage #primaryArea ul.eventList li a{
	display: block;
	width: 546px;
	height: 190px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#networkPage #primaryArea ul.eventList li#internetMultiMode a{
	background: url(../image/network_internet.jpg) no-repeat;
}

#networkPage #primaryArea ul.eventList li#internetMultiMode a:hover{
	background-position: 0 -193px;
}

#networkPage #primaryArea ul.eventList li#dataImport a{
	background: url(../image/network_dataimport.jpg) no-repeat;
}

#networkPage #primaryArea ul.eventList li#dataImport a:hover{
	background-position: 0 -193px;
}



#networkPage #primaryArea ul.eventList li#dlMission a{
	background: url(../image/network_dlmission.jpg) no-repeat;
}

#networkPage #primaryArea ul.eventList li#dlMission a:hover{
	background-position: 0 -193px;
}

#networkPage #primaryArea ul.eventList li#dlItem a{
	background: url(../image/network_dlitem.jpg) no-repeat;
}

#networkPage #primaryArea ul.eventList li#dlItem a:hover{
	background-position: 0 -193px;
}




/*
	anchorLink
-----------------------------------------------------*/
#anchorLink{
	overflow: hidden;
}

#anchorLink li{
	float: left;
	margin-right: 15px;
	background: url(../image/icon_arrow.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
}

#anchorLink li.lastChild{
	margin-right: 0;
}