@charset "utf-8";
/*======================================
	PHANTASY STAR PORTABLE
	http://phantasystar.sega.jp/psp/
----------------------------------------
	description: step page stylesheet reset
	edit: 2008/7/04
	update:

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

/* h2 */
#h2Step01 {
	background: url(../image/step/h2_step01.gif) no-repeat;
}
#h2Step02 {
	background: url(../image/step/h2_step02.gif) no-repeat;
}
#h2Step03 {
	background: url(../image/step/h2_step03.gif) no-repeat;
}
#h2Step04 {
	background: url(../image/step/h2_step04.gif) no-repeat;
}

/* h3 */
#h3Step0101 {
	background: url(../image/step/h3_step01_01.gif) no-repeat;
}
#h3Step0201 {
	background: url(../image/step/h3_step02_01.gif) no-repeat;
}
#h3Step0202 {
	background: url(../image/step/h3_step02_02.gif) no-repeat;
}
#h3Step0203 {
	background: url(../image/step/h3_step02_03.gif) no-repeat;
}
#h3Step0204 {
	background: url(../image/step/h3_step02_04.gif) no-repeat;
}
#h3Step0301 {
	background: url(../image/step/h3_step03_01.gif) no-repeat;
}
#h3Step0302 {
	background: url(../image/step/h3_step03_02.gif) no-repeat;
}
#h3Step0303 {
	background: url(../image/step/h3_step03_03.gif) no-repeat;
}
#h3Step0304 {
	background: url(../image/step/h3_step03_04.gif) no-repeat;
}
#h3Step0401 {
	background: url(../image/step/h3_step04_01.gif) no-repeat;
}
#h3Step0402 {
	background: url(../image/step/h3_step04_02.gif) no-repeat;
}
#h3Step0403 {
	background: url(../image/step/h3_step04_03.gif) no-repeat;
}

/* override */
.textin {
	padding: 0 25px 15px 25px;
}

/* flowList */
.flowList {
	width: 632px;
	height: 35px;
	background: url(../image/step/background_flow.gif) no-repeat;
}
.flowList:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html body .flowList{
	height: 1em;
	overflow: visible;
}
/**/

.flowList li {
	float: left;
	width: 155px;
	height: 35px;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	padding-right: 4px;
}
.flowList li.end {
	padding-right: 0;
}
#step1 #liStep1 {
	background: url(../image/step/background_flow_on.gif) no-repeat 0 0;
}
#step2 #liStep2 {
	background: url(../image/step/background_flow_on.gif) no-repeat -159px 0;
}
#step3 #liStep3 {
	background: url(../image/step/background_flow_on.gif) no-repeat -318px 0;
}
#step4 #liStep4 {
	background: url(../image/step/background_flow_on.gif) no-repeat -477px 0;
}


/* btn */
.btnList {
	width: 614px;
	height: 58px;
	margin: 2em auto 1em auto;
}
.flowList:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html body .flowList{
	height: 1em;
	overflow: visible;
}
/**/

.btnList li {
	float: left;
	width: 302px;
	height: 58px;
}
.btnList li a {
	display: block;
	width: 302px;
	height: 58px;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
.btnList li.no {
	padding-right: 10px;
}


#step1Page .btnList li.no a {
	background: url(../image/step/btn_step1_no.gif) no-repeat;
}
#step1Page .btnList li.no a:hover {
	background-position: 0 -58px;
}
#step1Page .btnList li.yes a {
	background: url(../image/step/btn_step1_yes.gif) no-repeat;
}
#step1Page .btnList li.yes a:hover {
	background-position: 0 -58px;
}

#step2Page .btnList li.no a,
#step3Page .btnList li.no a {
	background: url(../image/step/btn_step23_no.gif) no-repeat;
}
#step2Page .btnList li.no a:hover,
#step3Page .btnList li.no a:hover {
	background-position: 0 -58px;
}
#step2Page .btnList li.yes a,
#step3Page .btnList li.yes a {
	background: url(../image/step/btn_step23_yes.gif) no-repeat;
}
#step2Page .btnList li.yes a:hover,
#step3Page .btnList li.yes a:hover {
	background-position: 0 -58px;
}

/* step 01 */
.forChild {
	font-size: 1.4em;
	font-weight: bold;
	color: #FF3333;
	
	margin-bottom: 1.2em;
}

/* step 03 */
a.btnFileDownload {
	display: block;
	width: 302px;
	height: 58px;
	margin: 0 auto;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(../image/step/btn_filedownload.gif) no-repeat;
}
a.btnFileDownload:hover {
	background-position: 0 -58px;
}


/* step 04 */
a.btnPdfDownload {
	display: block;
	width: 302px;
	height: 58px;
	margin: 0 auto;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(../image/step/btn_pdfdownload.gif) no-repeat;
}
a.btnPdfDownload:hover {
	background-position: 0 -58px;
}
.boxPink {
}
.boxPink:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html body .boxPink {
	height: 1em;
	overflow: visible;
}
/**/

/* 共通 */
.stepSummary {
	margin-bottom: 1.5em;
}
.posCenter {
	margin: 1em auto;
	text-align: center;
}