@charset "utf-8";

/*--------------------------------------------
 PHANTASY STAR 20th イベント
 グッズ情報 トップページ
----------------------------------------------
 update：2007/12/06
---------------------------------------------*/


body#indexPage h2{
	background: url(../image/h2.jpg) no-repeat;
}

/*--------------------------------------------
 h3
---------------------------------------------*/
h3.term {
	background: url(../image/h3_term.gif) no-repeat;
}
h3.timecode {
	background: url(../image/h3_timecode.gif) no-repeat;
}
h3.caution {
	background: url(../image/h3_caution.gif) no-repeat;
}

/*--------------------------------------------
 h4
---------------------------------------------*/
h4.target {
	width: 660px;
	height: 17px;
	margin: 0 auto 12px auto;
	padding: 0;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(../image/target.gif) no-repeat;
}

/*--------------------------------------------
 表組
---------------------------------------------*/
table.term {
	width: 660px;
}
table.term th {
	width: 180px;
}

/*--------------------------------------------
 STEP BOX
---------------------------------------------*/
.stepBox {
	position: relative;
	width: 660px;
	height: 191px;	
	background: url(../image/background_step.jpg) no-repeat;
}
.stepBox h4 {
	position: absolute;
	width: 300px;
	height: 27px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	left: 22px;
	top: 17px;
}
.stepBox img {
	position: absolute;
	left: 430px;
	top: 20px;
}
.stepBox .textArea {
	position: absolute;
	left: 22px;
	top: 64px;
	width: 400px;
	height: 120px;
}

.stepBox h4.step01 {
	background: url(../image/title_step_01.gif) no-repeat;
}
.stepBox h4.step02 {
	background: url(../image/title_step_02.gif) no-repeat;
}
.stepBox h4.step03 {
	background: url(../image/title_step_03.gif) no-repeat;
}
.stepBox h4.step04 {
	background: url(../image/title_step_04.gif) no-repeat;
}

.textin {
	margin: 12px 12px 12px 12px;
}