@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTABLE 2 INFINITY
=============================================*/

/*
	infoIndex
--------------------------------------------*/
#infoIndex{
	background: url(../image/infoindex.gif) no-repeat 15px 16px;
}

#infoIndexPage #contentsInner .conts{
	padding:100px 25px 15px;
	height:325px;/*440px*/
	width:740px;/*790px*/
}

#infoIndex .infoList{
	width:325px;/*335px*/
	float:left;
	margin-right:15px;
	height:115px;/*140px*/
	padding:10px 5px 15px 5px;
	background: url(../image/bg_infolist.gif) no-repeat left 5px;
}

#infoIndex .infoListBlank{
	width:335px;
	float:left;
	height:140px;
	display:block;
	background: url(../image/bg_infolist_blank.gif) no-repeat left 5px;
}

#infoIndex .infoList h3{
	display:block;
	padding:0 0 3px 0;
	font-size:12px;
	font-weight:normal;
	margin:0 0 7px 0;
}

#infoIndex .infoList p{
	margin:0;
}

#infoIndex .infoList h3 span{
	display:block;
	font-size:10px;
	padding:0 0 2px 0;
	color:#e8eb13;
}

#infoIndex .infoList a{
	color:#e8eb13;
}

#infoIndex .infoList .img{
	float:left;
	width:115px;
	height:76px;
	display:block;
	margin:0 10px 0 0;
}

#infoIndex .lastChild{
	margin-right:0px;
}

/*
	scroll
--------------------------------------------*/
#mycustomscroll {
width: 710px;/*740px*/
height: 280px;
overflow: auto;
padding: 0 0 0 30px;
outline: none;
}

#scrollArea{
clear:both;
overflow:hidden;
width: 690px;
}

/*
	infoConts
--------------------------------------------*/
#infoConts{
	background: url(../image/bg.gif) no-repeat 15px 16px;
}

body.middle #infoConts{
	background: url(../image/bg_middle.gif) no-repeat 15px 16px;
}

body.notice #infoConts{
	background: url(../image/bg_notice.gif) no-repeat 15px 16px;
}


#contentsInner .conts{
	padding:25px 25px 0 25px;
	height:415px;/*440px*/
	width:740px;/*790px*/
}

body.middle #contentsInner .conts{
	padding:25px 25px 0 25px;
	height:545px;/*570px*/
	width:740px;/*790px*/
}

body.notice #contentsInner .conts{
	padding:25px 25px 0 25px;
	height:340px;/*570px*/
	width:740px;/*790px*/
}


#infoConts span{
	display:block;
	font-size:10px;
	padding:0 0 5px 0;
}

#infoConts a#infoToTop{
	background:url(../image/totop.gif) no-repeat;
	height:15px;
	width:191px;
	display:block;
	position:absolute;
	left:584px;
	top:15px;
	text-indent:-9999px;
}

#infoConts a:hover#infoToTop{
	background:url(../image/totop.gif) no-repeat left bottom;
}

/*
	table
--------------------------------------------*/
#infoConts table {
	border:#586681 1px solid;
	color:#c7d9f3;
	margin:0 0 10px 0;
}

#infoConts table th {
	background:url(../image/table_th.gif);
	padding:5px;
	border:#586681 1px solid;
	border-right:none;
	line-height:150%;
}

#infoConts table td {
	padding:5px;
	width:auto;
	border:#586681 1px solid;
	border-left:none;
	line-height:150%;
}