@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTABLE 2
	http://phantasystar.sega.jp/psp2/
-----------------------------------------------
=============================================*/


/*
	headding
--------------------------------------------*/
#contents #primaryArea h2{
	background:url(../../image/headding/h2_dlitem.gif) no-repeat;
}

#contents #primaryArea h3{
	background: url(../image/layout/h3_list.gif) no-repeat;
}


/*
	conts
--------------------------------------------*/
.red{
	color: #FF0000;
}

#contents #primaryArea #conts #dlItemPicks{
	position: relative;
	width: 546px;
	height: 647px;
	margin-bottom: 30px;
	background: url(../image/element/dlitem_20100820.jpg) no-repeat;
}

#contents #primaryArea #conts #dlItemPicks dt{
	display: none;
}

#contents #primaryArea #conts #dlItemPicks dd{
	position: absolute;
	top: 400px;
	left: 305px;
	width: 230px;
}

.dateArea{
	width: 536px;
	height: 117px;
	margin: 10px auto 10px;
	zoom: 1;
	background: url(../image/layout/line.gif) repeat-x center bottom;
}

.noLine{
	background: none;
}

.dateArea:after{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
}


.dateArea img{
	float: left;
	width: 176px;
}


.dateArea dl{
	position: relative;
	float: right;
	width: 354px;
	height: 103px;/*117*/
	background: url(../image/layout/bg_date.gif) no-repeat;
	padding:7px 0;
}

.dateArea dl dt{
	display: none;
}

.dateArea dl dd{
	margin: 0 0 3px 85px;
	display:block;
}

.dateArea dd span{
	position: absolute;
	top: -8px;
	left: -205px;
	display: block;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../../common/image/element/icon_new.gif) no-repeat;
}

.dateArea dl dd.attention {
	color: #fff;
	position:relative;
	width: 334px;
	margin-left:10px;
	margin-top:7px;
}

.dateArea dl dd.lastChild {
	color: #fff;
	position:relative;
	width: 334px;
	margin-left:10px;
	margin-top:7px;
}



/*
	tab
--------------------------------------------*/
#tabArea {
	width:546px;
	height:65px;
	background:url(../image/layout/tab_bg.gif) no-repeat;
}

#tabArea li{
float:left;
width:183px;
height:41px;
}

#tabArea li a{
width:180px;
height:41px;
text-indent:-9999px;
display:block;
outline:none;
}

#tabArea li#newItem{
	background:url(../image/layout/tab.gif) no-repeat left top;
}
#tabArea li#weapon{
	background:url(../image/layout/tab.gif) no-repeat -183px top;
}
#tabArea li#clothes{
	width:180px;
	background:url(../image/layout/tab.gif) no-repeat -366px top;
}

#tabArea li#newItem a:hover{
	background:url(../image/layout/tab.gif) no-repeat left -41px;
}
#tabArea li#weapon a:hover{
	background:url(../image/layout/tab.gif) no-repeat -183px -41px;
}
#tabArea li#clothes a:hover{
	background:url(../image/layout/tab.gif) no-repeat -366px -41px;
}

#tabArea li#newItem a.active,
#tabArea li#newItem a.active:hover{
	background:url(../image/layout/tab.gif) no-repeat left bottom;
}
#tabArea li#weapon a.active,
#tabArea li#weapon a.active:hover{
	background:url(../image/layout/tab.gif) no-repeat -183px bottom;
}
#tabArea li#clothes a.active,
#tabArea li#clothes a.active:hover{
	background:url(../image/layout/tab.gif) no-repeat -366px bottom;
}

#tabsContent1 h4,
#tabsContent2 h4,
#tabsContent3 h4 {
	display:none;
}