@charset "utf-8";
/*==============================================
	PHANTASY STAR UNIVERSE イルミナスの野望
	URI http://phantasystaruniverse.jp/
------------------------------------------------
	description: gmevent用スタイルシート
	edit: 2009-07-01
	update:	
==============================================*/
#body h2 span{
	background:url(../image/headding_gmevent.gif) no-repeat;
}


#gmeventPage #body #h3Outline{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_outline.gif) no-repeat;
	margin-top:20px;
	clear:both;
}	

#gmeventPage #body #h3Character{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_character.gif) no-repeat;
	margin-top:20px;
}	

#gmeventPage #body #h3Promise{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_promise.gif) no-repeat;
	margin-top:20px;
}

#gmeventPage #body #h3Attention{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_attention.gif) no-repeat;
	margin-top:20px;
}	

table.tablecenter {
	margin:0 auto;
	width:720px;
}

.gmcharArea {
	width: 750px;
	min-height:142px;
	background:url(../image/char_parts2_all.gif) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:20px;
	overflow: hidden;
}

.gmcharArea .left {
	width: 370px;
	padding-right:10px;
	float:left;
}

.gmcharArea .right {
	width: 370px;
	float:left;
}

.gmcharBox .gmBody {
	width:340px;
	padding:0px 15px;
	background:url(../image/char_parts2_single.gif) repeat-y;
	float:left;
}

.gmcharBox .char01 {
	width: 370px;
	height: 45px;
	min-height:45px;
	background:url(../image/char_parts1_01.gif) no-repeat;
	text-indent: -9999px;
	float:left;
}

.gmcharBox .char02 {
	width: 370px;
	height: 45px;
	min-height:45px;
	background:url(../image/char_parts1_02.gif) no-repeat;
	text-indent: -9999px;
	float:left;
}

.gmcharBox .char03 {
	width: 370px;
	height: 45px;
	min-height:45px;
	background:url(../image/char_parts1_03.gif) no-repeat;
	text-indent: -9999px;
	float:left;
}

.gmcharBox .char04 {
	width: 370px;
	height: 45px;
	min-height:45px;
	background:url(../image/char_parts1_04.gif) no-repeat;
	text-indent: -9999px;
	float:left;
}

.gmcharBox .comment {
	width: 340px;
}

.gmcharBox .comment li{
	float:left;
}

.gmcharBox .comment .char {
	width: 80px;
	padding-right:10px;
}

.gmcharBox .comment .txt {
	width: 250px;
}

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

.charColor01 {
	color: #AA0008;
	font-weight:bold;
}

.charColor02 {
	color: #00366D;
	font-weight:bold;
}

.charColor03 {
	color: #A7004B;
	font-weight:bold;	
}

.charColor04 {
	color: #2E2D2D;
	font-weight:bold;
}

/*イベントレポート*/
#gmeventPage #body #h3Report{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_report.gif) no-repeat;
}

#body #gmttl {
	position:relative;
}

#body #gmttl #gmnavi {
	position:absolute;
	top:76px;
	left:465px;
}

#body #gmttl #gmnavi li {
	float:left;
	width:150px;
	height:32px;
	margin:0 5px 0 0;
}

#body #gmttl #gmnavi li a {
	display:block;
	width:150px;
	height:32px;
}

#body #gmttl #gmnavi li.outline a:link,
#body #gmttl #gmnavi li.outline a:visited {
	background:url(../image/btn_outline.gif) no-repeat left top;
}

#body #gmttl #gmnavi li.outline,
#body #gmttl #gmnavi li.outline a:hover,
#body #gmttl #gmnavi li.outline a:active {
	background:url(../image/btn_outline.gif) no-repeat left bottom;
}

#body #gmttl #gmnavi li.report a:link,
#body #gmttl #gmnavi li.report a:visited {
	background:url(../image/btn_report.gif) no-repeat left top;
}

#body #gmttl #gmnavi li.report,
#body #gmttl #gmnavi li.report a:hover,
#body #gmttl #gmnavi li.report a:active {
	background:url(../image/btn_report.gif) no-repeat left bottom;
}

#body #gmttl #gmnavi li span {
	display:none;
}
.gmreportArea {
	width: 750px;
	margin-top:25px;
	overflow: hidden;
	background:url(../image/rep_parts1_bg.gif) repeat-y;
	clear:both;
}

.gmreportArea ul.photo {
	overflow:hidden;
	clear:both;
	margin:0 0 0 0;
	background:url(../image/rep_parts1_top.gif) no-repeat left top;
	padding:0 0 0 15px;
	width:750px;
}

.gmreportArea ul.photo li {
	float:left;
	margin:20px 12px 0 0;
}

.gmreportArea ul.photo li.end {
	margin-right:0;
}

.gmreportArea .comment {
	width:750px;
	overflow:hidden;
	clear:both;
	margin:0;
	padding:12px 0 25px 15px;
	background:url(../image/rep_parts1_bottom.gif) no-repeat left bottom;
}

.gmreportArea .comment dt{
	float:left;
	width:80px;
	margin-right:10px;
}

.gmreportArea .comment dd {
	float:left;
	width:625px;
	background:url(../image/rep_parts1_bg2.gif) ;
}

.gmreportArea .comment p {
	padding:10px;
}