@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTABLE 2 INFINITY
=============================================*/
#contentsArea h2{
	background: url(../image/h2_item.gif) no-repeat;
}


/* IndexPage
------------------------------------------------*/

#contentsArea h3#newItem{
	width:580px;
	height:586px;
	text-indent:-9999px;
	background: url(../image/element/20111020_01.jpg) no-repeat;
	margin:20px 0 10px 0;
	position:relative;
}

#contentsArea h3#newItem2{
	width:580px;
	height:586px;
	text-indent:-9999px;
	background: url(../image/element/20111020_02.jpg) no-repeat;
	margin:20px 0 10px 0;
	position:relative;
}

#contentsArea h3 span{
	display:block;
	width:170px;
	text-align:right;
	position:absolute;
	top:15px;
	left:395px;
	font-size:10px;
	font-weight:normal;
}

/* itemBox
------------------------------------------------*/

#contentsArea .itemBox{
	width:580px;
	height:150px;
	position:relative;
	background: url(../image/item_bg.gif) no-repeat;
	padding-bottom:10px;
}

#contentsArea .itemBox2{
	width:580px;
	height:190px;
	position:relative;
	background: url(../image/item_bg2.gif) no-repeat;
	padding-bottom:10px;
}

#contentsArea .itemBox h4,
#contentsArea .itemBox2 h4{
	display:block;
	position:absolute;
	left:283px;
	top:14px;
	font-size:12px;
	width:295px;
	color:#09306f;
}

#contentsArea .itemBox h4 span,
#contentsArea .itemBox2 h4 span{
	color:#cc0000;
	font-size:10px;
	padding-left:5px;
	font-weight:normal;
}

#contentsArea .itemBox dt,
#contentsArea .itemBox p,
#contentsArea .itemBox2 dt,
#contentsArea .itemBox2 p{
display:none;
}

#contentsArea .itemBox dd.category,
#contentsArea .itemBox2 dd.category{
	display:block;
	position:absolute;
	left:283px;
	top:45px;
	width:290px;
}

#contentsArea .itemBox dd.category span,
#contentsArea .itemBox2 dd.category span{
	color:#cc0000;
	font-size:10px;
	padding-left:5px;
}

#contentsArea .itemBox dd.price,
#contentsArea .itemBox2 dd.price{
	display:block;
	position:absolute;
	left:283px;
	top:75px;
	width:290px;
}

#contentsArea .itemBox dd.txt{
	display:block;
	position:absolute;
	left:220px;
	top:103px;
	width:350px;
	font-size:10px;
}

#contentsArea .itemBox2 dd.txt{
	display:block;
	position:absolute;
	left:220px;
	top:103px;
	width:350px;
	font-size:10px;
	line-height:120%;
}

#contentsArea .itemBox a.ss,
#contentsArea .itemBox2 a.ss{
	display:block;
	position:absolute;
	left:8px;
	top:11px;
	width:201px;
	height:130px;
}

#contentsArea .itemBox dd.txt span{
	color:#cc0000;
	font-size:10px;
	display:block;
}


/* h3
------------------------------------------------*/
#contentsArea h3#h3List{
	width:582px;
	height:26px;
	margin-top:20px;
	text-indent:-9999px;
	background: url(../image/h3_list.gif) no-repeat;
}

#contentsArea h3#h3BackNumber{
	width:582px;
	height:26px;
	margin-top:20px;
	text-indent:-9999px;
	background: url(../image/h3_backnumber.gif) no-repeat;
}

body#dlcontentsItemBNPage #contentsArea h3#h3BackNumber{
	margin-top:10px;
}

#contentsArea h3#h3WeaponList{
	width:582px;
	height:26px;
	margin-top:20px;
	text-indent:-9999px;
	background: url(../image/h3_weapon.gif) no-repeat;
}

#contentsArea h3#h3CostumeList{
	width:582px;
	height:26px;
	margin-top:20px;
	text-indent:-9999px;
	background: url(../image/h3_costume.gif) no-repeat;
}

#contentsArea h3#h3OtherList{
	width:582px;
	height:26px;
	margin-top:20px;
	text-indent:-9999px;
	background: url(../image/h3_other.gif) no-repeat;
}

/* backnumber
------------------------------------------------*/
#contentsArea ul#bnList{
	width:580px;
	clear:both;
	overflow:hidden;
}

#contentsArea ul#bnList{
	background: url(../image/bn_list_bg2.gif) repeat;
}

body#dlcontentsItemBNPage #contentsArea ul#bnList{
	background: url(../image/bn_list_bg.gif) repeat;
}

#contentsArea ul#bnList li{
	width:295px;
	height:90px;
	float:left;
}

#contentsArea ul#bnList li span,
#contentsArea ul#bnList li p{
	display:none;
}

body#dlcontentsItemBNPage #contentsArea ul#bnList li{
	height:95px;
}

#contentsArea ul#bnList li.lastChild{
	width:285px;
}

#contentsArea ul#bnList li.more{
	width:76px;/*580px*/
	padding:0 0 0 504px;
	height:15px;
}

#contentsArea ul#bnList li.more a{
	width:76px;
	height:15px;
	text-indent:-9999px;
	background: url(../image/link_more.gif) no-repeat;
	_font-size:1px;
	_line-height:normal;
	display:block;
}

/* ItemList BTN
------------------------------------------------*/
body#dlcontentsItemIndexPage #contentsArea ul#itemList{
	width:580px;
	height:50px;
	margin:0;
}

#contentsArea ul#itemList{
	width:580px;
	height:50px;
	margin:25px 0 0 0;
}

#contentsArea ul#itemList li{
	width:195px;
	height:50px;
	float:left;
}

#contentsArea ul li#otherList{
	width:190px;
}

#contentsArea ul#itemList li a{
	width:190px;
	height:50px;
	display:block;
	text-indent:-9999px;
}

#contentsArea ul li#weaponList a{
	background: url(../image/btn.gif) no-repeat left 0px;
}

#contentsArea ul li#costumeList a{
	background: url(../image/btn.gif) no-repeat -195px 0px;
}

#contentsArea ul li#otherList a{
	background: url(../image/btn.gif) no-repeat -390px 0px;
}

#contentsArea ul li#weaponList a:hover{
	background: url(../image/btn.gif) no-repeat left bottom;
}

#contentsArea ul li#costumeList a:hover{
	background: url(../image/btn.gif) no-repeat -195px bottom;
}

#contentsArea ul li#otherList a:hover{
	background: url(../image/btn.gif) no-repeat -390px bottom;
}


/* Other detail
------------------------------------------------*/
#contentsArea a#linkReturn{
	width:112px;
	height:14px;
	display:block;
	margin:0 0 0 468px;
	text-indent:-9999px;
	background: url(../image/link_back.gif) no-repeat;
	_font-size:1px;
	_line-height:normal;
}

#contentsArea a#linkBNList{
	width:136px;
	height:14px;
	display:block;
	margin:0 0 0 444px;
	text-indent:-9999px;
	background: url(../image/link_bnlist.gif) no-repeat;
	_font-size:1px;
	_line-height:normal;
}

#contentsArea .contsLong p{
	padding:0 10px;
}

#contentsArea .contsBottom{
	height:35px;
}

#contentsArea p.copy{
	margin:0;
	padding:0;
}