@charset "utf-8";

/*===========================================
					PHANTASY STAR UNIVERSE
						サンクスフェスタ
=============================================
						indexファイル		

			01. 見出し
			02. トピックエリア
			03. ハル
			04. テーブル
			05. リスト
			06. ボタン
			07. スクリーンショット
			08. 結果発表
===========================================*/
h2{
	width: 734px;
	height: 52px;
	text-indent: -9999px;	
	background: url(../image/common/h2_poster_2nd.gif) no-repeat;
}

h2.h2-report{
	width: 734px;
	height: 52px;
	text-indent: -9999px;
	background: url(../image/common/h2_poster_3rd.gif) no-repeat;
}

h3.h3-length{
	width: 660px;
	height: 23px;
	text-indent: -9999px;
	margin: 0 auto 15px auto;
	background: url(../image/contest/h3_length.gif) no-repeat;
}

h3.h3-about{
	width: 660px;
	height: 23px;
	text-indent: -9999px;
	margin: 0 auto 15px auto;
	background: url(../image/contest/h3_about.gif) no-repeat;
}

h3.h3-attention{
	width: 660px;
	height: 23px;
	text-indent: -9999px;
	margin: 0 auto 15px auto;
	background: url(../image/contest/h3_attention.gif) no-repeat;
}

h3.h3-rule{
	width: 660px;
	height: 23px;
	text-indent: -9999px;
	margin: 15px auto 15px auto;
	background: url(../image/contest/h3_rule.gif) no-repeat;
}

h3.h3-award{
	width: 660px;
	height: 23px;
	text-indent: -9999px;
	margin: 0 auto 15px auto;
	background: url(../image/contest/h3_award.gif) no-repeat;
}

h3.h3-gc{
	width: 660px;
	height: 30px;
	text-indent: -9999px;
	margin: 0 auto 15px auto;
	background: url(../image/contest_report/h3_gc.gif) no-repeat;
}

h3.h3-nd{
	width: 660px;
	height: 31px;
	text-indent: -9999px;
	margin: 15px auto 15px auto;
	background: url(../image/contest_report/h3_nd.gif) no-repeat;
}

h3.h3-pm{
	width: 660px;
	height: 31px;
	text-indent: -9999px;
	margin: 15px auto 15px auto;
	background: url(../image/contest_report/h3_pm.gif) no-repeat;
}

h3.h3-mt{
	width: 660px;
	height: 30px;
	text-indent: -9999px;
	margin: 15px auto 15px auto;
	background: url(../image/contest_report/h3_mt.gif) no-repeat;
}

h3.h3-fine{
	width: 660px;
	height: 32px;
	text-indent: -9999px;
	margin: 15px auto 15px auto;
	background: url(../image/contest_report/h3_fine.gif) no-repeat;
}

h3.h3-special{
	width: 660px;
	height: 30px;
	text-indent: -9999px;
	margin: 15px auto 15px auto;
	background: url(../image/contest_report/h3_special.gif) no-repeat;
}

h3.h3-others{
	width: 660px;
	height: 32px;
	text-indent: -9999px;
	margin: 15px auto 15px auto;
	background: url(../image/contest_report/h3_other.gif) no-repeat;
}

h3.h3-winnerList{
	width: 660px;
	height: 23px;
	text-indent: -9999px;
	margin: 15px auto 15px auto;
	background: url(../image/contest_presentation/h3_winnerkist.gif) no-repeat;
}


h4{
	margin: 0 0 5px 10px;
	font-size: 18px;
	color: #990000;
	font-weight: bold;
}

.textin{
	margin: 0 27px 0 27px;
}

/*---------- topic ---------------------*/

p#length{
	width: 184px;
	height: 18px;
	text-indent: -9999px;
	margin: 8px 8px 8px 8px;
	background: url(../image/common/length.gif) no-repeat;
}

div#topic-textin{
	margin: 0 8px 0 8px;
}
div#topic-textin p{
	margin: 0px 0px 12px 0px;
}


/*---------- hal-comment ----------------------*/

div.chat-hal{
	position: relative;
	width: 637px;
	height: 172px;
	margin: 15px auto 20px auto;
	background: url(../image/contest/chat_hal.jpg) no-repeat;
}

body#contest-presentation-page div.chat-hal{
	position: relative;
	width: 631px;
	height: 190px;
	margin: 15px auto 20px auto;
	background: url(../image/contest_presentation/bg_top_hal.jpg) no-repeat;
}

body#contest-presentation-page div.chat-hal p{
	line-height: 130%;
}

body#contest-presentation-page div.hal-text{
	position: absolute;
	top: 8px;
	left: 130px;
}


div.chat-hal p{
	padding-right: 10px;
	margin-top: 0;
	margin-bottom: 4px;
	color: #8200CC;
	line-height: 140%;
}

div.hal-text{
	position: absolute;
	top: 10px;
	left: 130px;
}


div.chat-hal p.hal-01{
	position: absolute;
	top: 10px;
	left: 130px;
}

div.chat-hal p.hal-02{
	position: absolute;
	top: 40px;
	left: 130px;
}

div.chat-hal p.hal-03{
	position: absolute;
	top: 125px;
	left: 130px;
}

/*----------- length ---------------*/

div.eventDate dl{
	margin-bottom: 10px;
}

div.eventDate dl dt{
	font-weight: bold;
	margin-bottom: 5px;
}

div.eventDate dl dd{
	margin-bottom: 10px;
}

table{
	margin-bottom: 15px;
}

table td{
	padding: 0 5px 5px 5px;
}


/*----------- btn ---------------*/

div#btnArea{
	width: 630px;
	margin: 10px auto 15px auto;
	overflow: hidden;
}

div#btnArea:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

/*\*/
* html div#btnArea{
	height: 1em;
	overflow: visible;
}
/**/

a.btn{
	display: block;
	width: 297px;
	height: 57px;
	margin: 15px auto 0 auto;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../image/index/btn_off.gif) no-repeat;
}

div.btn{
	width: 297px;
	height: 57px;
	margin: 15px auto 0 auto;
	text-indent: -9999px;
	background: url(../image/contest/btn_gray.gif) no-repeat;
}

p.btnAttention{
	display: block;
	width: 350px;
	font-size: 12px;
	line-height: 150%;
	color: #CC0000;
	margin: 0 auto 0 auto;
	padding: 0px 0px 0px 14px;
	background: url(../image/common/icon_attention.gif) no-repeat left 4px;
}

a.prize{
	display: inline;
	float: left;
	width: 298px;
	height: 63px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0 10px 0 5px;
	background: url(../image/contest_report/btn_prize.gif) no-repeat;
}

a.other{
	display: inline;
	float: right;
	width: 298px;
	height: 63px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0 5px 0 10px;
	background: url(../image/contest_report/btn_other.gif) no-repeat;
}

/*----------- ss ---------------*/

div.prize-ss-area{
	width: 650px;
	margin: 0 auto 15px auto;
}

div.trof-ss-area{
	width: 380px;
	margin: 0 auto 15px auto;
}

/*----------- report -------------*/

div.commentTop{
	width: 631px;
	height: 5px;
	margin: 0 auto 0 auto;
	background: url(../image/contest_report/comment_top.gif) no-repeat;
}

div.commentMain{
	width: 631px;
	margin: 0 auto 0 auto;
	padding: 5px 0 3px 0;
	background: url(../image/contest_report/comment_main_.gif) repeat-y;
}

div.commentMain p{
	margin: 0 10px 6px 12px;
}

div.commentMain p.last{
	margin: 0 10px 0 12px;
}


span.name{
	display: block;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
}

div.commnetBottom{
	width: 631px;
	height: 9px;
	margin: 0 auto 15px auto;
	background: url(../image/contest_report/comment_bottom.gif) no-repeat;
}

div.halComment-top{
	width: 631px;
	height: 6px;
	margin: 0 auto 0 auto;
	background: url(../image/contest_report/hal_comment_top.gif) no-repeat;
}

div.halComment-main{
	width: 631px;
	margin: 0 auto 0 auto;
	padding: 5px 0 3px 0;
	background: url(../image/contest_report/hal_comment_main.gif) repeat-y;
}

div.halComment-main p{
	margin: 0 10px 12px 12px;
	color: #8200CC;
}

div.halComment-main p.end{
	margin-bottom: 0;
}

div.halComment-bottom{
	width: 631px;
	height: 8px;
	margin: 0 auto 0 auto;
	background: url(../image/contest_report/hal_comment_bottom.gif) no-repeat;
}

/*---------- prizeList ----------*/

div.prizeListarea{
	margin: 15px 0 15px 0;
}

ul.prizeList{
	overflow: hidden;
}

ul.prizeList:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

/*\*/

* html ul.prizeList{
	height: 1em;
	overflow: visible;
}

/**/

ul.prizeList li{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

ul.prizeList li.best{
	width: 260px;
}

ul.prizeList li.pm{
	width: 160px;
}

ul.prizeList li.nd{
	width: 190px;
}

ul.prizeList li.mt{
	width: 160px;
}

ul.prizeList li.fine{
	width: 45px;
}

ul.prizeList li.special{
	width: 100px;
}

ul.prizeList li a{
	display: block;
	height: 16px;
	padding-left: 20px;

	background: url(../image/common/target_white.gif) no-repeat left -1px;
}


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

table{
	width: 600px;
	margin: 0 auto 15px auto;
	border: #79F8C7 solid 1px;
}

table th{
	border: #79F8C7 solid 1px;
	background: url(../image/contest_report/th_bg.gif);
	color: #fff;
}


table td{
	width: 400px;
	padding: 4px 5px 4px 8px;
	line-height: 140%;
	border: #79F8C7 solid 1px;
}

table.prize{
	width: 600px;
	margin: 0 auto 15px auto;
	border: #79F8C7 solid 1px;
}

table.prize th{
	border: #79F8C7 solid 1px;
	background: url(../image/contest_report/th_bg.gif);
	color: #fff;
}


table.prize td{
	width: 400px;
	padding: 4px 5px 4px 8px;
	line-height: 140%;
	border: #79F8C7 solid 1px;
}


/*-------- fineArea ---------------*/

div.fineArea{
	overflow: hidden;
	width: 660px;
	margin: 0 auto 0 auto;
}

div.fineArea:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

/*\*/

* html div.fineArea{
	height: 1em;
	overflow: visible;
}

/**/

div.imgArea{
	float: left;
	width: 240px;
}

div.tableArea{
	float: right;
	width: 380px;
	margin-top: 5px;
}

div.tableArea table{
	width: 380px;
}

div.tableArea table th{
	width: 130px;
}

div.tableArea table td p{
	margin-top: 6px;
	margin-bottom: 0;
}

div.textArea{
	width: 660px;
	margin: 15px auto 15px auto;
}


div.otherArea{
	overflow: hidden;
	width: 630px;
	margin: 0 auto 0 auto;
}

div.otherArea:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

/*\*/

* html div.otherArea{
	height: 1em;
	overflow: visible;
}

/**/


div.area01,
div.area02,
div.area03{
	display: inline;
	float: left;
	width: 200px;
}

div.area01{
	margin: 0 10px 0 5px;
}

div.area02{
}

div.area03{
	margin: 0 5px 0 10px;
}

div.area01 img,
div.area02 img,
div.area03 img{
	width: 200px;
	margin-bottom: 10px;
	
}


div.area01 table,
div.area02 table,
div.area03 table{
	width: 200px;
	margin-bottom: 0;
}

div.area01 table th,
div.area02 table th,
div.area03 table th{
	padding: 5px 0 5px 0;
}


td.title{
	height: 3.4em;
	vertical-align: top;
}

td.res-01,
td.res-02,
td.res-03,
td.res-04,
td.res-05{
	vertical-align: top;
}

td.res-01{
	height: 12em;
}

td.res-02{
	height: 15em;
}

td.res-03{
	height: 23em;
}

td.res-04{
	height: 21em;
}

td.res-05{
	height: 28em;
}

div.area01 table td p,
div.area02 table td p,
div.area03 table td p{
	margin-top: 6px;
	margin-bottom: 0;
}


/*------------ img --------------*/

div.imgContents{
	width: auto;
	height: auto;
	margin: 0 auto 15px auto;
	text-align: center;
}

div.imgContents img{
	margin: 0 auto 0 auto;
}

/*---------- backbtn ------------*/

div#backbtn{
	width: 660px;
	text-align: right;
	margin: 15px 0 0 0;
}

/*---------- photoList ------------*/

div#photoList{
	width: 660px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

div#photoList:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

/*\*/

* html div#photoList{
	height: 1em;
	overflow: visible;
}
/**/

div#photoList ul{
	width: 620px;
	margin: 0 20px 10px;
	list-style-image: none;
}

div#photoList ul li{
	display: inline;
	float: left;
	width: 65px;
	margin: 10px 5px;
	border: #FFA11A solid 1px;
}

div.pageList{
	width: 210px;
	overflow: hidden;
	margin: 30px auto 30px auto;
}

div.pageList:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html div.pageList{
	height: 1em;
	overflow: visible;
}
/**/


div.pageList ul li{
	width: 89px;
	height: 19px;
}

div.pageList ul li.prevbtn{
	float: left;
	margin: 0 15px 0 0;
}

div.pageList ul li.nextbtn{
	float: right;
	margin: 0 0 0 14px;
}

div.pageList ul li.prevbtn a{
	display: block;
	width: 89px;
	height: 19px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../image/contest_report/prev_btn.gif) no-repeat;
}

div.pageList ul li.nextbtn a{
	display: block;
	width: 84px;
	height: 19px;
	text-indent: -9999px;
	background: url(../image/contest_report/next_btn.gif) no-repeat;
	text-decoration: none;
}

/*------- pageLink --------------*/

div.pageLink{
	position: relative;
}

div.pagelink{
	position: absolute;
	display: block;
	top: 18px;
	left: 450px;

	width: 350px;
	
	overflow: hidden;
}

div.pagelink:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

/*\*/
* html div.pagelink{
	height: 1em;
	overflow: visible;
}
/**/

div.pagelink a{
	display: block;
	float: left;
	height: 16px;
	margin-right: 20px;
	padding-left: 20px;
	outline: none;
	background: url(../image/common/target_white.gif) no-repeat left -1px;
}

/*--- presentation ---*/

ul.winnerList{
	width: 660px;
	margin: 0 35px;
	zoom: 1;
}

ul.winnerList:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

ul.winnerList li{
	position: relative;
	float: left;
	width: 220px;
	height: 190px;
}

li.list01{
	width: 220px;
	height: 190px;
	background: url(../image/contest_presentation/winner_list01.jpg) no-repeat;
}

li.list02{
	width: 220px;
	height: 190px;
	background: url(../image/contest_presentation/winner_list02.jpg) no-repeat;
}

li.list03{
	width: 220px;
	height: 190px;
	background: url(../image/contest_presentation/winner_list03.jpg) no-repeat;
}

li.list04{
	width: 220px;
	height: 190px;
	background: url(../image/contest_presentation/winner_list04.jpg) no-repeat;
}

li.list05{
	width: 220px;
	height: 190px;
	background: url(../image/contest_presentation/winner_list05.jpg) no-repeat;
}

li.list06{
	width: 220px;
	height: 190px;
	background: url(../image/contest_presentation/winner_list06.jpg) no-repeat;
}

li.list07{
	width: 220px;
	height: 190px;
	background: url(../image/contest_presentation/winner_list07.jpg) no-repeat;
}

li.list08{
	width: 220px;
	height: 190px;
	background: url(../image/contest_presentation/winner_list08.jpg) no-repeat;
}

ul.winnerList li a{
	position: absolute;
	display:block;
	top: 7px;
	left: 8px;
	width: 200px;
	height: 150px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

ul.winnerList li a.charaName{
	position: absolute;
	display: block;
	top: 165px;
	left: 10px;
	width: 198px;
	height: 22px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

ul.winnerList li.list01 a.charaName:hover{
	width: 198px;
	height: 22px;
	background: url(../image/contest_presentation/winner_list01_on.jpg) no-repeat;
	background-position: -10px -165px;
}

ul.winnerList li.list02 a.charaName:hover{
	width: 198px;
	height: 22px;
	background: url(../image/contest_presentation/winner_list02_on.jpg) no-repeat;
	background-position: -10px -165px;
}

ul.winnerList li.list03 a.charaName:hover{
	width: 198px;
	height: 22px;
	background: url(../image/contest_presentation/winner_list03_on.jpg) no-repeat;
	background-position: -10px -165px;
}

ul.winnerList li.list04 a.charaName:hover{
	width: 198px;
	height: 22px;
	background: url(../image/contest_presentation/winner_list04_on.jpg) no-repeat;
	background-position: -10px -165px;
}

ul.winnerList li.list05 a.charaName:hover{
	width: 198px;
	height: 22px;
	background: url(../image/contest_presentation/winner_list05_on.jpg) no-repeat;
	background-position: -10px -165px;
}

ul.winnerList li.list06 a.charaName:hover{
	width: 198px;
	height: 22px;
	background: url(../image/contest_presentation/winner_list06_on.jpg) no-repeat;
	background-position: -10px -165px;
}

ul.winnerList li.list07 a.charaName:hover{
	width: 198px;
	height: 22px;
	background: url(../image/contest_presentation/winner_list07_on.jpg) no-repeat;
	background-position: -10px -165px;
}

ul.winnerList li.list08 a.charaName:hover{
	width: 198px;
	height: 22px;
	background: url(../image/contest_presentation/winner_list08_on.jpg) no-repeat;
	background-position: -10px -165px;
}



body#contest-presentation-page div.clearfix{
	width: 587px;
	margin: 0 auto 15px;
}

p.endComment{
	display: block;
	width: 508px;
	height: 26px;
	margin: 15px auto 0;
	text-indent: -9999px;
	background: url(../image/contest_presentation/comment.gif) no-repeat;
}

body#contest-presentation-page table{
	width: 587px;
	margin: 0 auto 15px;
	background-image: none;
	border: #FFA70D solid 1px;
}

body#contest-presentation-page table th{
	background-image: none;
	color: #000;
	font-weight: normal;
	text-align: center;
	border-top: none;
	border-left: none; 
	border-right: #FFA70D solid 1px;
	border-bottom: #FFA70D solid 1px;

}

body#contest-presentation-page table td{
	padding-left:15px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: #FFA70D solid 1px;
}

div.rightContents{
	float: right;
	width: 285px;
}


body#contest-presentation-page div.rightContents table{
	width: 285px;
	margin-top: 10px;
	border-top: #FFA70D solid 1px;
	
}

body#contest-presentation-page div.rightContents tabel th{
	width: 170px;
}


div.sierraArea{
	position: relative;
	width: 585px;
	height: 172px;
	margin: 0 auto 15px;
	background: url(../image/contest_presentation/bg_sierra.jpg) no-repeat;
}

div.sierraArea p{
	position: absolute;
	top: 27px;
	left: 160px;
	width: 395px;
	line-height: 140%;
	color: #3399CC;
}

div.halArea{
	position: relative;
	width: 585px;
	height: 172px;
	margin: 0 auto;
	background: url(../image/contest_presentation/bg_hal.jpg) no-repeat;
}

div.halArea p{
	position: absolute;
	top: 27px;
	left: 160px;
	width: 395px;
	line-height: 140%;
	color: #CC00BB;
}