@charset "utf-8";
/*========================================
	PHANTASY STAR UNIVERSE
------------------------------------------
	layout file
	edit:2009/12/2
==========================================*/

/*
	layout
--------------------------------------------*/
#container{
	width: 100%;
	margin: 0 auto;
	background: url(../image/index_bg.gif) repeat-y left 20px;
	overflow:hidden;
	clear:both;
	padding:0 0 15px 0;
}

#container h2{
	background: url(../image/index_bgtop.gif) no-repeat;
	width: 840px;
	height: 20px;
	display:block;
	margin:0;
	text-indent:-9999px;
}

#primaryArea {
width:520px;
float:left;
margin:0 7px 0 0;
}

#secondaryArea {
width:273px;
float:left;
}

/*
	date
--------------------------------------------*/
#secondaryArea p#date {
	background: url(../image/date_bg.gif) no-repeat;
	height:32px;
	line-height:32px;
	margin:0 0 5px 0;
	text-align:center;
}

/*
	boost
--------------------------------------------*/
#secondaryArea p#boostON {
	background: url(../image/boost_on.gif) no-repeat left top;
	margin:0 0 5px 0;
	padding:0;
	height:61px;
	width:273px;
	text-indent:-9999px;
}

#secondaryArea p#boostOFF {
	background: url(../image/boost_off.gif) no-repeat left bottom;
	margin:0 0 5px 0;
	padding:0;
	height:61px;
	width:273px;
	text-indent:-9999px;
}


/*
	bannerArea
--------------------------------------------*/
#secondaryArea #bannerArea li {
	margin:0 0 5px 0;
	height:73px;
}

/*
	makerBlock
--------------------------------------------*/
#makerBlock{
	position:relative;
	background: url(../image/maker_bg2.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
	width:465px;
	height:289px;
	margin:0 0 15px 39px;
	padding:21px 0 0 17px;
	clear:both;
	overflow:hidden;
}

#makerBlock h3{
	display:none;
}

#makerBlock h4#rank1{
	background: url(../image/rank.gif) no-repeat left top;
	width:454px;
	height:51px;
	text-indent:-9999px;
	display:block;
	margin:0
}
#makerBlock h4#rank2,
#makerBlock h4#rank3{
	display:none;
}

#makerBlock dt,
#makerBlock dd{
	display:none;
}

#makerBlock #makerGrm{
	position:relative;
	background: url(../image/maker_grm.gif) no-repeat;
	width:148px;
	height:222px;
	margin:0 5px 10px 0;
	float:left;
}

#makerBlock #makerYoumei{
	position:relative;
	background: url(../image/maker_youmei.gif) no-repeat;
	width:148px;
	height:222px;
	margin:0 5px 10px 0;
	float:left;
}

#makerBlock #makerTenora{
	position:relative;
	background: url(../image/maker_tenora.gif) no-repeat;
	width:148px;
	height:222px;
	margin:0 5px 10px 0;
	float:left;
}

#makerBlock #makerGrm .point,
#makerBlock #makerYoumei .point,
#makerBlock #makerTenora .point{
	position:absolute;
	height:18px;
	width:105px;
	top:149px;
	left:15px;
	color:#f6e80e;
	font-weight:bold;
	text-align:right;
	line-height:18px;
	display:block;
}

#makerBlock #makerGrm .odds,
#makerBlock #makerYoumei .odds,
#makerBlock #makerTenora .odds{
	position:absolute;
	height:18px;
	width:118px;
	top:185px;
	left:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
	line-height:18px;
	display:block;
}

#makerBlock p{
clear:both;
margin:0 10px 0 0;
}


/*
	infoBlock
--------------------------------------------*/
#infoBlock{
	background: url(../image/info_bg.gif) no-repeat;
	width:273px;
	height:420px;
	margin:0 0 10px 0;
}

#infoBlock h3{
	background: url(../image/info_ttl.gif) no-repeat;
	width:273px;
	height:30px;
	text-indent:-9999px;
}

#infoBlock dl{
	height:360px;
	overflow-x:hidden;
	overflow-y:scroll;
	width:254px;
	margin:10px 0 0 10px;
}

#infoBlock dt{
	background:url(../image/info_date.gif) no-repeat;
	height:26px;
	width:230px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	line-height:26px;
}

#infoBlock dd{
	margin:5px 0 10px 0;
	color:#FFFFFF;
	padding:0 5px;
}

#infoBlock dd a{
	color:#0099FF;
}

#infoBlock dd a:hover{
	color:#FF0000;
}

#infoBlock p{
	margin:10px 0;
	color:#FFFFFF;
	padding:0 10px;
}
/*NOスクロールバージョン
#infoBlock dl{
	height:360px;
	width:250px;
	margin:10px 0 0 10px;
}

#infoBlock dt{
	background:url(../image/info_date_nosc.gif) no-repeat;
	height:26px;
	width:250px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	line-height:26px;
}

#infoBlock dd{
	margin:5px 0 10px 0;
	color:#FFFFFF;
	padding:0 5px;
}

#infoBlock p{
	margin:10px 0;
	color:#FFFFFF;
	padding:0 10px;
}
*/


/*
	panelBlock
--------------------------------------------*/
#panelBlock{
	position:relative;
	background: url(../image/maker_bg.gif) no-repeat left bottom;
	width:482px;
	margin:0 0 0 39px;
	padding:0 0 15px 0;
	clear:both;
	overflow:hidden;
}

#panelBlock h3{
	position:absolute;
	background: url(../image/maker_bgtop.gif) no-repeat;
	margin:0;
	text-indent:-9999px;
	width:482px;
	height:120px;
	left:0px;
	top:0px;
}

#panelBlock dl{
	position:relative;
	background: url(../image/panel_enemytotal.gif) no-repeat left bottom;
	height:108px;
	width:454px;
	margin:0 0 10px 16px;
}

#panelBlock dt{
	display:none;
}

#panelBlock dd{
	position:absolute;
	left:15px;
	top:52px;
	width:390px;
	height:30px;
	text-align:right;
	font-size:36px;
	color:#FFFFFF;
	font-weight:bold;
}

#panelBlock dd span{
	display:none;
}


#panelBlock #panelMsg{
	background: url(../image/panel_msg.gif) no-repeat;
	padding:0;
	margin:0 0 10px 16px;
}

#panelBlock #panelMsg p{
	background: url(../image/panel_msg_bottom.gif) no-repeat left bottom;
	padding:5px 10px;
	margin:0 !important;
	width:434px;
}

#panelBlock #prizeList{
	margin:0 0 0 16px;
	clear:both;
}

#panelBlock #prizeList li{
	width:112px;
	height:118px;
	margin:0 3px 0 0;
	padding:0;
	float:left;
}

#panelBlock #prizeList li.lastChild{
	margin:0;
}

#panelBlock #prizeList li.panelL{
	width:227px;
	height:121px;
}

#panelBlock #prizeList li.panelR{
	width:227px;
	height:121px;
	margin:0;
}

#panelBlock p{
clear:both;
margin:0 10px 0 16px;
}

/*
	milestoneBlock
--------------------------------------------*/
#milestoneBlock{
	width:273px;
	background: url(../image/milestones_bg.gif) no-repeat;
	height:510px;
}

#milestoneBlock h3{
	background: url(../image/milestones_ttl.gif) no-repeat;
	width:273px;
	height:30px;
	text-indent:-9999px;
}

#milestoneBlock table {
	width:260px;
	margin:10px 0 0 8px;
}

#milestoneBlock th {
	font-size:11px;
	padding:5px 3px;
}

#milestoneBlock td {
	font-size:11px;
	text-align:center;
	vertical-align:middle;
}

/*
	attention
--------------------------------------------*/
ul.attention{
clear:both;
margin:0 10px 0 17px;
}

ul.txtList{
clear:both;
margin:0 10px 0 17px;
}

ul.txtList li{
width:440px;
}