@charset "utf-8";
/*=======================================================
	PHANTASY STAR UNIVERSE
---------------------------------------------------------
	description:
	edit: 
	update:20090114
=======================================================*/



#eventHeader{
	position: relative;
	width: 766px;
	height: 213px;
	margin: 0 auto;
	background:url(../image/layout/visual_event03.jpg) no-repeat;
}

#eventHeader h1{
	display: none;
}



#eventPage h2{
	background: url(../image/headding/h2_event.gif) no-repeat;
}



#h3Outline{
	background:url(../../image/event/h3_outline.gif) no-repeat;
	margin-bottom:15px;
}



#h3Point{
	background:url(../../image/event/h3_point.gif) no-repeat;
}

#h3Attention{
	background: url(../image/headding/h3_attention.gif) no-repeat;
	clear:both;
}

#h4Outline{
	width:680px;
	height:29px;
	background:url(../../image/event/h4_outline.gif) no-repeat;
	text-indent:-9999px;
	clear:both;
}


.attention{
	padding-left: 14px;
	color: #FF0000;
	background: url(../image/icon_attention.gif) no-repeat left 3px;
}

/*=======================================================
得点
=======================================================*/




#eventPage .score{
	position:relative;
	margin-bottom: 10px;
	width:680px;
	height:97px;
	background:url(../../image/event/score_bk.gif) no-repeat;
}


#score dl{
	position:relative;
}


#eventPage .score dt{
	display:none;
}


dd.days{
	position:absolute;
	top:20px;
	left:130px;
	width: 200px;
	height:15px;
	float:right;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
}


dd.all{
	position:absolute;
	top:50px;
	left:90px;
	width:150px;
	height:30px;
	float:right;
	font-size:30px;
	color:#FFFF00;
	text-align:right;
	font-weight:bold;
	
}









dd.bluseAll{
	position:absolute;
	top:40px;
	right:60px;
	width: 100px;
	height:15px;
	float:right;
	font-size:12px;
	color:#FFFF00;
	text-align:right;
	font-weight:bold;
}


dd.secretAll{
	position:absolute;
	top:55px;
	right:60px;
	width: 100px;
	height:15px;
	float:right;
	font-size:12px;
	color:#FFFF00;
	text-align:right;
	font-weight:bold;
}


dd.eggAll{
	position:absolute;
	top:70px;
	right:60px;
	width: 100px;
	height:15px;
	float:right;
	font-size:12px;
	color:#FFFF00;
	text-align:right;
	font-weight:bold;
}




/*=======================================================
管理
=======================================================*/



#eventPage .section{
	margin-bottom: 10px;
	padding: 0 10px;
}

#eventPage .leftContents{
	width: 222px;
}

#eventPage .rightContents{
	width: 458px;
	margin-bottom:15px;
}

#eventPage .rightContents p{
	margin-bottom: 10px;
	line-height: 145%;
}

#eventPage .rightContents .title{
	width:443px;
	height:18px;
	background:url(../../image/event/point_title.gif) no-repeat;
	text-indent:-9999px;
}

#eventPage .rightContents .attention{
	color:#CC0000;
}



#topText{
 	clear:both;
}

#topText p{
	margin-bottom: 10px;
	line-height: 145%;
}







/*=======================================================
概要
=======================================================*/


#eventPage .outline{
	width: 680px;
	margin-bottom: 10px;
	padding: 0px;
}

#eventPage .leftOutline{
	width: 95px;
	float:left;
}



#eventPage .leftOutline .days{
	width: 88px;
	background:url(../../image/event/outline_days01.gif) no-repeat;
	height:25px;
	text-indent:-9999px;
}

#eventPage .leftOutline .mission{
	width: 88px;
	background:url(../../image/event/outline_mission01.gif) no-repeat;
	height:18px;
	text-indent:-9999px;
}



#eventPage .rightOutline{
	width: 570px;
	float:right;
}

#eventPage .rightOutline p{
	margin-bottom: 10px;
	line-height: 145%;
}

#eventPage .rightOutline .daysRight{
	width: 582px;
	height:18px;
	background:url(../../image/event/outline_days04.gif) no-repeat;
	text-indent:-9999px;
}

#eventPage .rightOutline .missionRight{
	width: 570px;
	height:71px;
	background:url(../../image/event/outline_mission02.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
}



#eventOutline{
	width: 660px;
	margin-left:10px;
	margin-bottom:15px;
}


#eventOutline p{
	margin-bottom: 10px;
	line-height: 145%;
}


#eventOutline span{
	color:#3300FF;
	font-weight:bold;
}

/*=======================================================
ポイント
=======================================================*/

#eventPoint{
	width: 680px;
	margin-bottom:15px;
}


#eventPoint p{
	margin-bottom: 10px;
	line-height: 145%;
	clear:both;
}






.bonus{
	width: 680px;
	zoom: 1;
}

.bonus:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bonus li{
	float: left;
	width: 135px;
	height: 150px;
	margin-top: 10px;
	text-indent:-9999px;
}


.clothes{
	background:url(../../image/event/point_01.jpg) no-repeat;
	text-indent:-9999px;
}

.salon{
	background:url(../../image/event/point_02.jpg) no-repeat;
}

.protect{
	background:url(../../image/event/point_03.jpg) no-repeat;
}

.weapon{
	background:url(../../image/event/point_04.jpg) no-repeat;
}

.bonus .secret{
 background:url(../image/point_05.jpg) no-repeat;
}

.bonus .secret02{
	background: url(../image/point_08.jpg) no-repeat;
}

.bonus .gbr{
	background: url(../image/panel_gbr_boost.jpg) no-repeat;
}

.bonus .lucky{
	background: url(../image/panel_chouseirei.jpg) no-repeat;

}

.bonus .weapon02{
	background: url(../image/panel_weaponup.jpg) no-repeat;
}

.bonus .protect02{
	background: url(../image/panel_weaponxprotect.jpg) no-repeat;
}






.bonus03{
	width: 680px;
	zoom: 1;
}

.bonus03:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bonus03 li{
	float: left;
	width: 220px;
	height: 150px;
	margin-top: 10px;
	text-indent:-9999px;
	margin-right:5px;
}


.bonus03 .protect03{
	background: url(../image/point_11.jpg) no-repeat;
}

.bonus03 .gbr2{
	background: url(../image/point_12.jpg) no-repeat;
}

.bonus03 .secret03{
	background: url(../image/point_14.jpg) no-repeat;
}



/*
	suppNavigation
-------------------------------------------------------*/
#eventHeader #supp{
	width: 750px; /* 780 */
	padding: 4px 15px 0;
	overflow: hidden;
}

#eventHeader #supp li{
	display: inline;
	float: left;
	width: 78px;
	height: 26px;
}

#eventHeader #supp li a{
	display: block;
	width: 78px;
	height: 26px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	
}

#eventHeader #supp li.lastChild{
	display: inline;
	float: right;
	width: 240px;
	height: 25px;
}

#eventHeader #supp li.lastChild a{
	width: 240px;
	height: 25px;
}


/*
	suppNavigation
-------------------------------------------------------*/
#supp02{
	position: relative;
	background:url(../../image/event/link.gif) no-repeat;
	width: 740px; /* 780 */
	height:37px;
	padding: 2px 0 0 25px;
	overflow: hidden;
}

#supp02 li{
	display: inline;
	float: left;
	width: 118px;
	height: 35px;
}

#supp li a{
	display: block;
	width: 118px;
	height: 35px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}


#supp02 li.gps{
	width: 118px;
	height: 35px;
	float: left;
	margin-right: 9px;
	text-indent: -9999px;
}




#supp02 li.gps a{
	width: 118px;
	height: 35px;
	display:block;
	text-decoration: none;
  outline: none;
}


#supp02 li.gla{
	display: inline;
	width: 118px;
	height: 35px;
	text-indent: -9999px;
}


#supp02 li.gla a{
	width: 118px;
	height: 35px;
	display:block;
	text-decoration: none;
	outline: none;
}


#supp02 li.girls{
	width: 118px;
	height: 35px;
	margin-right: 135px;
	text-indent: -9999px;
}

#supp02 li.girls a{
	width: 118px;
	height: 35px;
	display:block;
	text-decoration: none;
	outline: none;
}


#supp02 li.top{
	width: 130px;
	height: 35px;
	float:right;
	margin-right: 15px;
	text-indent: -9999px;
}

#supp02 li.top a{
	width: 130px;
	height: 35px;
	display:block;
	text-decoration: none;
	outline: none;
}

#supp03{
	position: relative;
	background: url(../../image/event/link.gif) no-repeat;
	width: 741px; /* 766 */
	height:37px;
	padding: 2px 0 0 25px;
	overflow: hidden;
}

#supp03 li{
	float: left;
	width: 118px;
	height: 37px;
	margin-right: 8px;
}

#supp03 li.top{
	display: inline;
	float: right;
	margin-right: 23px;
}

#supp03 li a{
	display: block;
	width: 118px;
	height: 37px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}