@charset "euc-jp";

/*------------------------------------
  PHANTASY STAR UNIVERSE web-site CSS
                             06/03/31
 -  -  -  -  -  -  -  -  -  -  -  -  -
  --：トップページ 枠組
------------------------------------*/

/*------------------------------------
  --：トップページ 枠組
------------------------------------*/
#MainFrameIndex{
	width: 100%;
	background-image: url(../image/common/bg_main.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	text-align: center;
}
#MainFrameIndexShort{
	width: 810px;
	background-image: url(../image/common/bg_main_short.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	text-align: center;
}
#MainFrameTopIndex{
	width: 100%;
	background-image: url(../image/common/bg_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
#MainFrameTopIndexShort{
	width: 810px;
	background-image: url(../image/common/bg_top_short.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
#MainFrameTopIndexShortToo{
	width: 810px;
	background-image: url(../image/common/bg_top_short_too.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
#FooterSpaceIndex{
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 766px;
	height: 20px;
	text-align: left;
}
#CharIndent{
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
}

#IndexHeader{
	width: 100%;
	height: 239px;
	background-image: url(../image/common/head_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
#IndexHeaderShort{
	width: 810px;
	height: 239px;
	background-image: url(../image/common/head_top_short.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}
#IndexHeaderMain{
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 760px;
	height: 214px;
	text-align: left;
}
#IndexHeaderSpace{
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 766px;
	height: 15px;
	text-align: left;
}
#InfoLeft{
	clear: both;
	float: left;
	margin: 0px;
	width: 430px;
	text-align: left;
}
#InfoRight{
	float: right;
	margin: 0px;
	width: 190px;
	text-align: left;
}

/*------------------------------------
  --：メイン告知
------------------------------------*/
#AdMain{
	width: 416px;
	height: 92px;
	margin: 0px 0px 3px 0px;
	padding: 5px 7px 9px 7px;
	background-image: url(../image/index/admain_back.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/*------------------------------------
  --：インフォメーション枠
-----------------------------------*/
.indexInfo{
	width: 430px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	background-image: url(../image/index/info_back.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
.indexInfo .indexInfoTop{
	width: 420px;
	height: 29px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background-image: url(../image/index/info_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}
.indexInfo .indexInfoShortTop{
	width: 420px;
	height: 13px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background-image: url(../image/index/info_short_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}
.indexInfo .indexInfoShortTopNews{
	width: 420px;
	height: 43px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	background-image: url(../image/index/info_short_h1.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}
.indexInfo .indexInfoTop .title{
	float: left;
	width: 320px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: auto;
	text-align: left;
}
.indexInfo .indexInfoTop .more{
	float: right;
	width: 100px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.indexInfo .indexInfoBottom{
	width: 430px;
	margin: 0px;
	padding: 0px;
}

.indexRSS{
	width: 430px;
	margin: -3px 0px 0px 0px;
	padding: 0px;
	text-align: right;
}
/*------------------------------------
  --：インフォメーション
-----------------------------------*/

/*------------------------------------
  --：インフォメーション
-----------------------------------*/
.indexInfo .newsNormal{
	clear: both;
	width: 398px;
	min-height: 16px;
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
	border-bottom: dashed #C0C0C0 1px;
	background-image: url(../image/index/info_icon.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
}
.indexInfo .newsNew{
	clear: both;
	width: 398px;
	min-height: 16px;
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
	border-bottom: dashed #C0C0C0 1px;
	background-image: url(../image/index/info_icon_new.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
}
.indexInfo .newsNewPickup{
	clear: both;
	width: 398px;
	min-height: 16px;
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
	border-bottom: dashed #C0C0C0 1px;
	background-image: url(../image/index/info_icon_new.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #E8F4FF;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
}
.indexInfo .newsPickup{
	clear: both;
	width: 398px;
	min-height: 16px;
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
	border-bottom: dashed #C0C0C0 1px;
	background-image: url(../image/index/info_icon_pickup.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #E8F4FF;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
}
.dateText{
	float: right;
	margin: 0px;
	padding: 4px 4px 0px 4px;
	font-size: 10px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;
	line-height: 100%;
}
.newsMsg{
	clear: both;
	min-height: 68px;
	margin: 3px 0px 0px -20px;
	padding: 6px 0px 6px 15px;
	border-top: dashed #DDDDDD 1px;
	font-size: 12px;
	color: #333333;
	line-height: 150%;
}
#contentsMain .newsNormal{
	clear: both;
	width: 534px;
	min-height: 16px;
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
	border-bottom: dashed #C0C0C0 1px;
	background-image: url(../image/index/info_icon.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
}
#contentsMain .newsNew{
	clear: both;
	width: 534px;
	min-height: 16px;
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
	border-bottom: dashed #C0C0C0 1px;
	background-image: url(../image/index/info_icon_new.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
}
.indexInfo .newsNewPickup{
	clear: both;
	width: 398px;
	min-height: 16px;
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
	border-bottom: dashed #C0C0C0 1px;
	background-image: url(../image/index/info_icon_new.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #E8F4FF;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
}
.indexInfo .newsPickup{
	clear: both;
	width: 398px;
	min-height: 16px;
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
	border-bottom: dashed #C0C0C0 1px;
	background-image: url(../image/index/info_icon_pickup.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #E8F4FF;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
}
/*.newsMsg img{
	margin: 0px 0px 2px 0px;
}*/
img.infoImgLeft{
	float: left;
	border: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 5px 0px;
}

/*------------------------------------
  --：→メニュー
-----------------------------------*/
.indexMainBanner{
	width: 160px;
	height: 105px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	text-align: left;
	background-image: url(../image/index/banner/mainbanner_back.gif);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}
.indexMainBanner2{
	width: 160px;
	height: 105px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	background-image: url(../image/index/banner/mainbanner_back.gif);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}
.betaDownload{
	position: absolute;
	left: 7px;
	top: -45px;
	z-index: 10;
}
.premiere{
	position: absolute;
	left: 7px;
	top: -35px;
	z-index: 10;
}
.playguide{
	position: absolute;
	left: 7px;
	top: -8px;
	z-index: 10;
}
.report{
	position: absolute;
	left: 7px;
	top: -8px;
	z-index: 10;
}
.indexBanner{
	width: 160px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	text-align: left;
}
/* =============================================*/

.indexInfo .newsNew2{
	clear: both;
	width: 398px;
	min-height: 16px;
	margin: 0px 6px 0px 6px;
	padding: 5px 0px 3px 20px;
	border-top: solid #000000 2px;
	border-bottom: solid #000000 2px;
	background-image: url(../image/index/info_icon_new.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #64C8EC;
	font-size: 12px;
	color: #000000;
	line-height: 120%;
}
.indexInfo .newsNew2 .newsMsg{
	clear: both;
	min-height: 68px;
	margin: 3px 0px 0px -20px;
	padding: 6px 0px 6px 15px;
	border-top: dashed #000000 1px;
	font-size: 12px;
	color: #333333;
	line-height: 150%;
}


.indexInfo .newsNew2 .newsText a,
.indexInfo .newsNew2 .newsText a:link, 
.indexInfo .newsNew2 .newsText a:visited{
	color: #000000;
	text-decoration: none;
}

.indexInfo .newsNew2 .newsText a:hover{
	color: #000000;
	text-decoration: underline;
	font-style: bold;
}