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

/*
	headding
--------------------------------------------*/


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


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


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

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

#contents #secondaryArea h2{
	background: url(../image/headding/locla_h2.gif) no-repeat;
}

#productGoodsPage #contents #primaryArea h3#h3Acc{
	width: 546px;
	height: 59px;
	margin: 0;
	background: url(../goods/image/h3_acc.gif) no-repeat;
}

#productGoodsPage #contents #primaryArea h3#h3Sound{
	position:relative;
	width: 546px;
	height: 59px;
	margin: 0;
	background: url(../goods/image/h3_sound.gif) no-repeat;
}


#productGoodsPage #contents #primaryArea h3#h3Sound span{
	display: block;
	position: absolute;
	top: -2px;
	left: -8px;
	width: 24px;
	height: 15px;
	text-indent: -9999px;
	background: url(../../common/image/element/icon_new.gif) no-repeat;
}

/*
	nav
------------------------------------------*/

#contents #secondaryArea #local{
	width: 240px;
}

#contents #secondaryArea #pk a{
	background: url(../image/navigation/locla_nav_product.gif) no-repeat;
}

#contents #secondaryArea #pk a:hover{
	background-position: 0 -39px;
}

#productPage #contents #secondaryArea #pk a{
	background-position: 0 -39px;
}

#contents #secondaryArea #pk{
	margin-bottom:5px;
}

#contents #secondaryArea #goods{
	position: relative;
	margin-bottom:5px;
}

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

#contents #secondaryArea #goods a{
	background: url(../image/navigation/locla_nav_goods.gif) no-repeat;
}

#contents #secondaryArea #goods a:hover{
	background-position: 0 -39px;
}

#productGoodsPage #contents #secondaryArea #goods a{
	background-position: 0 -39px;
}

#contents #secondaryArea #faq a{
	background: url(../image/navigation/locla_nav_faq.gif) no-repeat;
}

#contents #secondaryArea #faq a:hover{
	background-position: 0 -39px;
}

#productFaqPage #contents #secondaryArea #faq a{
	background-position: 0 -39px;
}

#contents #secondaryArea #faq{
	position: relative;
	margin-bottom:5px;
}

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

#contents #secondaryArea #book a{
	background: url(../image/navigation/locla_nav_book.gif) no-repeat;
}

#contents #secondaryArea #book a:hover{
	background-position: 0 -39px;
}

#productBookPage #contents #secondaryArea #book a{
	background-position: 0 -39px;
}

#contents #secondaryArea #book{
	position: relative;
	margin-bottom:5px;
}

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

/*
	table
------------------------------------------*/

#productPage table{
	width: 546px;
	margin: 0 auto 10px;
	border:#3a5c88 1px solid;
}

#productPage table th{
	background: url(../../common/image/element/table_th_bg.gif) repeat;
	width: 200px;
	padding: 4px 0;
	color:#3399FF;
	vertical-align: middle;
	border-bottom:#3a5c88 1px solid;
	border-right:#3a5c88 1px solid;
	
}

#productPage table td{
	width: 346px;
	padding: 4px 5px 4px 10px;
	background-color:#08232e;
	line-height: 18px;
	border-bottom:#3a5c88 1px solid;
}

#productGoodsPage table{
	width: 500px;
	margin: 30px auto 0;
	border:#3a5c88 1px solid;
}

#productGoodsPage table th{
	background: url(../../common/image/element/table_th_bg.gif) repeat;
	width: 200px;
	padding: 4px 0;
	color:#3399FF;
	vertical-align: middle;
	border-bottom:#3a5c88 1px solid;
	border-right:#3a5c88 1px solid;
	
}

#productGoodsPage table td{
	width: 300px;
	padding: 4px 5px 4px 10px;
	background-color:#08232e;
	line-height: 18px;
	border-bottom:#3a5c88 1px solid;
}



/*
	acc
------------------------------------------*/
.wrapConts p strong{
	position: relative;
	display: block;
	width: 309px;
	height: 21px;
	text-indent: -9999px;
	margin-left: -3px;
	background: url(../goods/image/catch_txt.gif) no-repeat;
}

#acc01{
	width: 280px; /* 546 */
	height: 45px; /* 90 */
	margin: 0 auto;
	padding: 55px 20px 0 246px;
	background: url(../goods/image/acc_cover.jpg) no-repeat;
}

#acc01 p{
	margin: 0;
}


#acc02{
	width: 486px; /* 546 */
	height: 45px; /* 85 */
	margin: 0 auto;
	padding: 40px 0px 0 60px;
	background: url(../goods/image/acc_filter.jpg) no-repeat;
}

#acc02 p{
	margin: 0;
}

#acc03{
	width: 330px; /* 546 */
	height: 40px; /* 100 */
	margin: 0 auto 15px;
	padding: 60px 20px 20px 196px;
	_padding-bottom: 0;
	background: url(../goods/image/acc_case.jpg) no-repeat;
}


#acc03 p{
	margin: 0 0 3px;
}

#accPk{
	width: 506px; /* 546 */
	height: 235px;
	padding: 0 20px 15px 20px;
	background: url(../goods/image/acc_pk.jpg) no-repeat;
}

#accPk .txt01{
	margin-right: 165px;
	margin-bottom: 15px;
}

#accPk .txt02{
	margin-right: 270px;
}


.wrapConts{
	width: 546px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../goods/image/good_main.gif) repeat-y;
}

.wrapConts .txt{
	margin: 0 26px;
}


.wrapBottom{
	width: 546px;
	height: 17px;
	margin: 0 auto;
	background: url(../goods/image/goods_bottom.gif) no-repeat;
}

td span{
	color: #CC3300;
}


/*
	goodsLayout
------------------------------------------*/

.goodsLayout{
	width: 514px; /* 546 */
	padding: 0 16px;
}

.goodsLayout img{
	float: left;
	width: 245px;
}


.goodsLayout .area{
	float: right;
	width: 260px;
}

.goodsLayout .area p{
	margin-bottom: 15px;
}

.goodsLayout table{
clear:both;
margin-top:0 !important;
}