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

#h3About{
	width: 800px;
	height: 59px;
	text-indent: -9999px;
	background: url(../image/h3_about.gif) no-repeat;
}

#h3Shop{
	width: 800px;
	height: 51px;
	text-indent: -9999px;
	background: url(../image/h3_shop.gif) no-repeat;
}

#h3Download{
	width: 800px;
	height: 54px;
	text-indent: -9999px;
	background: url(../image/h3_download.gif) no-repeat;
}

/*
	conts
------------------------------------------------*/
p strong{
	display: block;
	width: 641px;
	height: 34px;
	text-indent: -9999px;
	background: url(../image/catch_txt.gif) no-repeat;
}

#txt{
	width: 450px;
}

#ss{
	width: 271px;
	
}

#trialTopic{
	position: relative;
	clear: both;
	width: 728px;
	height: 438px;
	margin: 0 auto 15px;
	background: url(../image/trial_topic.jpg) no-repeat;
}

#trialTopic dt{
	display: none;
}

#trialTopic dd{
	position: absolute;
	width: 310px;
}

#trialTopic #txt01{
	top: 38px;
	left: 20px;
}

#trialTopic #txt02{
	top: 38px;
	left: 400px;
}

#trialTopic #txt03{
	top: 392px;
	left: 20px;
}

#trialTopic #txt04{
	top: 392px;
	left: 400px;
}

#trialSpec{
	clear: both;
	width: 700px;
	height: 348px;
	text-indent: -9999px;
	margin: 0 auto 15px;
	background: url(../image/trial_spec.jpg) no-repeat;
}

#distribute{
	width: 740px;
	margin: 0 auto;
	background: url(../image/distribute_main.gif) repeat-y;
}

#distributeBottom{
	width: 740px;
	height: 7px;
	margin: 0 auto;
	background: url(../image/distribute_bottom.gif) no-repeat;
}

#distribute .leftArea{
	float: left;
	width: 366px;
}

#distribute .leftArea h4{
	width: 366px;
	height: 38px;
	text-indent: -9999px;
	background: url(../image/titile_01.gif) no-repeat;

}

#distribute .leftArea ul{
	width: 350px;
	margin: 0 auto;
}

#distribute .leftArea ul li{
	padding-left: 8px;
	background: url(../../common/image/element/icon_blue.gif) no-repeat left 5px;
}


#distribute .rightArea{
	float: right;
	width: 366px;
}

#distribute .rightArea p{
	margin-left: 8px;
}


#distribute .rightArea h4{
	width: 366px;
	height: 38px;
	text-indent: -9999px;
	background: url(../image/title_02.gif) no-repeat;
}

#distribute .rightArea ul{
	width: 350px;
	margin: 0 auto;
}

#distribute .rightArea ul li{
	padding-left: 8px;
	background: url(../../common/image/element/icon_red.gif) no-repeat left 5px;
}

#distributeData{
	float: left;
	width: 437px;
}

#distributeData #date{
	width: 97px;
	height: 20px;
	text-indent: -9999px;
	background: url(../image/h4_date.gif) no-repeat;
}

#distributeData #place{
	width: 68px;
	height: 16px;
	text-indent: -9999px;
	background: url(../image/h4_place.gif) no-repeat;
}

#distributeData #howto{
	width: 68px;
	height: 16px;
	text-indent: -9999px;
	background: url(../image/h4_howto.gif) no-repeat;
}

#distributeData dd{
	margin-left: 10px;
	margin-bottom: 6px;
}

#distributeData dd a{
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	width: 204px;
	height: 44px;
	background: url(../image/btn_search.gif) no-repeat;

}

#distributeData dd a:hover{
	background-position: -205px 0;
}


#distributeData dd p{
	margin-top: 4px;
	margin-bottom: 4px;
}

#distributeData dd span{
	display: block;
	padding-left: 15px;
	color: #CC0000;
	background: url(../../common/image/element/icon_attention.gif) no-repeat left 3px;
}

#trialDistribute{
	float: right;
	display: block;
	width: 303px;
	height: 332px;
	background: url(../image/umd_spec.jpg) no-repeat;
}

#dlArea .leftArea{
	width: 370px;
}

#dlArea .leftArea p{
	width: 340px;
	margin-left: 10px;
}

#dlArea .leftArea a{
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: hidden;
	width: 305px;
	height: 66px;
	margin: 0 auto;
	background: url(../image/btn_dl_start.gif) no-repeat;
}

#dlArea .leftArea a:hover{
	background-position: 0 -67px;
}


#dlArea .leftArea h4{
	width: 363px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h4_download.gif) no-repeat;

}

#dlArea .rightArea h4{
	width: 365px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h4_psstore.gif) no-repeat;

}

#dlArea .rightArea dl{
	width: 350px;
	margin: 0 10px;

}

#dlArea .rightArea dl dd{
	margin-bottom: 4px;
	margin-left: 10px;
	margin-top: 4px;
}




#dlArea .rightArea dl #dlDate{
	width: 131px;
	height: 17px;
	text-indent: -9999px;
	background: url(../image/h4_dl_date.gif) no-repeat;
}

#dlArea .rightArea dl #dlPc{
	width: 156px;
	height: 17px;
	text-indent: -9999px;
		background: url(../image/h4_dl_pc.gif) no-repeat;
}

#dlArea .rightArea dl #dlpsstore{
	width: 246px;
	height: 17px;
	text-indent: -9999px;
	background: url(../image/h4_device.gif) no-repeat;
}

#nwTrial{
	width: 713px; /* 733 */
	margin: 0 auto 15px;
	padding: 10px;
	border: #3366FF double 3px;
}

#nwTrial h4{
	position: relative;
	width: 713px;
	height: 27px;
	text-indent: -9999px;
	margin-top: -5px;
	margin-bottom: 8px;
	border-bottom: #3333FF dotted 1px;
	background: url(../image/title_nw.gif) no-repeat;
}

table{
	width: 680px;
	margin: 0 auto 15px;
	background: #fff;
	border: #dddcdc solid 1px;

}


table th{
	border: #dddcdc solid 1px;
	vertical-align: middle;
	width: 250px;
	line-height: 24px;
	color: #fff;
	background: #6a6a6a;


}

table td{
	border: #dddcdc solid 1px;
	line-height: 24px;
	padding-left: 14px;


}


#positArea span{
	display: block;
	width: 305px;
	height: 65px;
	text-indent: -9999px;
	margin: 0 auto;
	background: url(../image/btn_close.gif) no-repeat;
}