@charset "utf-8";

/**************************************
	URL       : http://www.getamped2.com/
	Copyright : CyberStep
	Name      : info.css
	Ver       : 1.0
	file      : info
**************************************/

/* ==========================================
	List Body
========================================== */
#contents #info_body .announce {
	width: 630px;
}
#contents #info_body .announce .content_announce .items_announce { margin: 30px 0px; }
#contents #info_body .announce .content_announce .items_announce .info_category { width: 65px; }
#contents #info_body .announce .content_announce .items_announce .info_date { width: 10em; }
#contents #info_body .announce .content_announce .items_announce .info_views { width: 5em; }
#contents #info_body .announce .content_announce .items_announce .info_subject { width: 30em; text-align: left; }

#contents #info_body .announce .content_announce .head_announce .info_category { width: 65px; }
#contents #info_body .announce .content_announce .head_announce .info_date { width: 10em; }
#contents #info_body .announce .content_announce .head_announce .info_views { width: 5em; }
#contents #info_body .announce .content_announce .head_announce .info_subject { width: 30em; text-align: left; }

#contents #info_body .announce .content_announce .body_announce {
	display: block;
}

/* ==========================================
	Topic Body
========================================== */
#contents #info_body .info_topic .announce .content_announce .head_announce:hover { background: none; }

#contents #info_body .announce .content_announce .head_d_announce .info_direction { width: 10%; }
#contents #info_body .announce .content_announce .head_d_announce .info_category,
#contents #info_body .announce .content_announce .head_d_announce .info_date,
#contents #info_body .announce .content_announce .head_d_announce .info_views { width: 15%; }
#contents #info_body .announce .content_announce .head_d_announce .info_subject { width: 45%; text-align: left; }


/* ==========================================
	Content_announce Customize
========================================== */
/* schedule */
#contents #info_body .announce .content_announce .list_schedule * {
	text-align: center;
}
	#contents #info_body .announce .content_announce .list_schedule table {
		width: 100%;
	}
		#contents #info_body .announce .content_announce .list_schedule table .campaign {
		}
		#contents #info_body .announce .content_announce .list_schedule table .ingame {
		}
		#contents #info_body .announce .content_announce .list_schedule table .sns {
		}
		#contents #info_body .announce .content_announce .list_schedule table .other {
		}
			#contents #info_body .announce .content_announce .list_schedule table td a {
				font-weight: bold;
				text-decoration: none;
			}
			#contents #info_body .announce .content_announce .list_schedule table td a:hover {
				font-weight: bold;
				text-decoration: underline;
			}

/* ==========================================
	Update
========================================== */
.update_01 {}
.update_01 h5 {
	display: block;
	width: 500px;
	height: 84px;
	background: url(../images/info/info_sprite.png) 0px 0px no-repeat;
	font-size: 133%; /* 16px */
	text-align: center;
	line-height: 80px;
}
.update_01 h6 {
	width: 480px;
	padding: 30px 0px 0px 20px;
	background: url(../images/info/info_sprite.png) 0px 0px no-repeat;
	font-size: 116%; /* 14px */
}
.update_01 h6.shop {
	height: 25px;
	background-position: 0px -84px;
}
.update_01 h6.luckydraw {
	height: 26px;
	background-position: 0px -139px;
}
.update_01 h6.system {
	height: 24px;
	background-position: 0px -195px;
}
.update_01 h6.other {
	height: 26px;
	background-position: 0px -249px;
}

/* ==========================================
	Result 01
========================================== */
.result_01{
	width: 730px;
	margin-top: -10px;
	margin-left: -10px;
}
	.result_01 .header {
		float: right;
		display: inline;
		height: 350px;
	}
		.result_01 .header .title {
			text-indent: -9999px;
		}
		.result_01 .header .description {
			width: 375px;
			height: 135px;
			padding: 10px;
			margin-top: 165px;
			margin-right: 20px;
			font-weight: bold;
		}
	
	.result_01 .contents {
		width: 720px;
		margin: 0px auto;
	}
	.result_01 .title_rank {
	}
	
	.result_01 .summary_player {
		width: 100%;
		height: 205px;
		margin: 0px auto;
	}

		.result_01 .summary_player dt,
		.result_01 .summary_player dd {
			float: left;
			display: inline;
		}
		.result_01 .summary_player dt {
			width: 280px;
			margin-right: 10px;
		}

		.result_01 .summary_player .img_chara {
			display: block;
			width: 158px;
			height: 163px;
			margin-top: 20px;
			margin-left: 20px;
		}
		.result_01 .summary_player .rank01 { background-position: -731px -0px; }
		.result_01 .summary_player .rank02 { background-position: -731px -163px; }
		.result_01 .summary_player .rank03 { background-position: -731px -326px; }
		.result_01 .summary_player .rank04 { background-position: -731px -489px; }

		.result_01 .summary_player dd {
			width: 363px;
		}

			.result_01 .summary_player .img_rank {
				display: block;
				margin: 0px auto;
			}
			.result_01 .summary_payer {
			}
			
			.result_01 .summary_player .detail_player {
				margin-top: -10px;
			}
			.result_01 .summary_player .detail_player dt,
			.result_01 .summary_player .detail_player dd {
				float: none;
				display: block;
				width: 100%;
				padding: 5px;
			}
			.result_01 .summary_player .detail_player dt {
				font-size: 133%; /* 16px */
				font-weight: bold;
			}
			.result_01 .summary_player .detail_player dd {
			}