@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTABLE 2 INFINITY
=============================================*/
h2#h2Download{
	background:url(../image/h2_download.gif) no-repeat;
}


/* Flow
--------------------------------------------*/
h3#h3Flow{
	background:url(../image/h3_flow.gif) no-repeat;
	width:800px;
	height:47px;
	text-indent:-9999px;
}

.left{
	float:left;
	width:385px;
}

#flow01{
	background:url(../image/flow_bg2.gif) no-repeat left bottom;
	width:775px;/*800px*/
	padding:0 13px 130px 12px;
	clear:both;
	overflow:hidden;
	position:relative;
}

#flow01 h4{
	background:url(../image/h4_flow01.gif) no-repeat;
	width:385px;
	height:37px;
	text-indent:-9999px;
}

#flow01 p{
	width:369px;
	margin:0 0 0 8px;
}

#flow01 dl{
	width:385px;
	float:right;
}

#flow01 dt{
	background:url(../image/ttl01.gif) no-repeat;
	width:385px;
	height:37px;
	text-indent:-9999px;
}

#flow01 ul{
	position:absolute;
	left:25px;
	top:130px;
}

#flow01 dl ul{
	position:absolute;
	left:420px;
	top:130px;
}

#flow01 li{
	width:349px;
	text-align:center;
	color:#CC0000;
}

#flow01 li a{
	width:349px;
	height:69px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}

#flow01 li a#btnDownload{
	background:url(../image/btn01.gif) no-repeat;
}
#flow01 li a:hover#btnDownload{
	background:url(../image/btn01.gif) no-repeat left bottom;
}

#flow01 li a#btnPDF{
	background:url(../image/btn02.gif) no-repeat;
}
#flow01 li a:hover#btnPDF{
	background:url(../image/btn02.gif) no-repeat left bottom;
}


#flow02,
#flow03{
	background:url(../image/flow_bg.gif) no-repeat left bottom;
	width:775px;/*800px*/
	padding:0 13px 15px 12px;
}

#flow02 h4{
	background:url(../image/h4_flow02.gif) no-repeat;
	width:775px;
	height:37px;
	text-indent:-9999px;
}

#flow03 h4{
	background:url(../image/h4_flow03.gif) no-repeat;
	width:775px;
	height:37px;
	text-indent:-9999px;
}

#flow02 p,
#flow03 p{
	width:759px;
	margin:0 0 0 8px;
}

#flow02 img,
#flow03 img{
	margin:10px 0 10px 5px;
}

#flow02 .attentionList{
	margin:10px 8px 0 8px;
}

#flow03 .attentionList{
	margin:0 8px;
}

#flow04{
	background:url(../image/flow_bg3.gif) no-repeat left bottom;
	width:775px;/*800px*/
	padding:0 13px 20px 12px;
	clear:both;
	overflow:hidden;
	position:relative;
}

#flow04 h4{
	background:url(../image/h4_flow04.gif) no-repeat;
	width:385px;
	height:37px;
	text-indent:-9999px;
}

#flow04 p{
	width:369px;
	margin:0 0 0 8px;
}

#flow04 ul{
	width:369px;
	margin:10px 0 0 8px;
}

#flow04 dl{
	width:385px;
	float:right;
}

#flow04 dt{
	background:url(../image/ttl02.gif) no-repeat;
	width:385px;
	height:37px;
	text-indent:-9999px;
}