@charset "utf-8";
/* --------------------------------------------------
	厄払い
-------------------------------------------------- */
/* ----- コンテンツ基準幅 ----- */
#yasai-main {
	margin-right: auto;
	margin-left: auto;
	width: 560px;
	font-size: 14px;
}

/* ----- 見出し ----- */
.yasai-head {
}
.yasai-text {
	margin-right: auto;
	margin-left: auto;
	width: 530px;
}

/* ----- イワノフ博士 ----- */
.fukidashi-iwanofu {
	width: 498px;
	height: 237px;
	background-image: url(../../../img/event/yasai/2016/fukidashi/iwanofu.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin:0 auto;
}
	.fukidashi-iwanofu table {
		margin-right: auto;
		margin-left: auto;
		width: 500px;
	}
	.fukidashi-iwanofu td {
		padding-left: 23px;
		padding-right: 23px;
		height: 105px;
		font-size: 14px;
		font-weight: bold;
	}

/* ----- やさい三銃士 ----- */
#yasai-monster {
	margin-right: auto;
	margin-left: auto;
	width: 550px;
	height: 662px;
}
	/* ふきだしエリア */
	#yasai-monster-fukidashi {
		position: relative;
		top: 500px;
		margin-right: auto;
		margin-left: auto;
		width: 494px;
		height: 168px;
		color: #fff;
		font-weight: bold;
	}
	/* ふきだしテキストエリア */
	#yasai-monster-text {
		text-align: center;
		line-height: 1.0;
	}
		#yasai-monster-text li:first-child {
			margin-bottom: 8px;
		}
		/* 討伐カウントエリア */
		#yasai-monster-text li:first-child + li {
			margin-bottom: 18px;
		}
		/* ステータスエリア */
		#yasai-monster-status {
			margin-bottom: 18px;
			font-size: 16px;
		}
			#yasai-monster-status .progress {/* 経過 */
				color: #ffe000;
			}
			#yasai-monster-status .failure {/* 失敗 */
				color: #ff0000;
			}
			#yasai-monster-status .success {/* 成功 */
				color: #5cfffd;
			}
			
		/* 討伐数 */
		#yasai-monster-count {
			color: #ff0000;
			font-size: 30px;
		}
	/* 体力ゲージ */
	#yasai-monster-hp {
		margin-right: auto;
		margin-left: auto;
		width: 395px;
	}
		#yasai-monster-hp dt {
		}
		#yasai-monster-hp img {
			vertical-align: top !important;
		}
		/* ゲージはここから */
		#yasai-monster-hp dd {
			padding-top: 1px;
		}
		#yasai-monster-hp-gauge {
			width: 277px;
			height: 11px;
		}
			#yasai-monster-hp-gauge ul {
				width: 275px;
				height: 9px;
				border: 1px solid #515151;
				background-color: #282828;
			}
			/* 緑ゲージ */
			#yasai-monster-hp-gauge li {
				width: 100%;
				height: 9px;
				background-color: #1af419;
			}
			/* HP半分 */
			#yasai-monster-hp-gauge li.damaged {
				background-color: #ffd618;
			}
			#yasai-monster-hp-gauge li.dying {
				background-color: #ff0000;
			}

/* ----- 報酬 ----- */
#yasai-reward {
}
	/* 報酬リスト */
	#yasai-reward-list {
	}
		#yasai-reward-list .common-table {
			width: 520px;
			font-weight: bold;
			border: 2px solid #551100;
		}
		#yasai-reward-list .common-td {
			border-left: none;
			border-right: none;
		}
		/* クリア済み報酬 */
		.yasai-reward-list-cleared {
		}
			.yasai-reward-list-cleared .common-th-em {
				color: #ffd592;
				background-color: #7f3320;
			}
			.yasai-reward-list-cleared .common-td {
				color: #7f3320;
				background-color: #ffd592;
			}
		.yasai-reward-list-count {/* 達成数 */
			width: 30%;
			text-align: center !important;
		}
		.yasai-reward-list-icon {/* アイコン */
			width: 11.5%;
			text-align: center;
		}
			.yasai-reward-list-icon img {
				width: 36px;
				height: 36px;
			}
		.yasai-reward-list-name {/* 商品名 */
			padding: 0 !important;
			line-height: 1.0;
		}
		.yasai-reward-list-status {/* 達成状況 */
			width: 20%;
		}
			/* クリアアイコンは通常非表示 */
			.yasai-reward-list-status img {
				display: none;
			}
			/* クリアしたらアイコン表示 */
			.yasai-reward-list-cleared .yasai-reward-list-status img {
				display: block;
			}
	/* 報酬アイテムを受け取るボタン */
	#yasai-get-reward-button {
		width: 301px;
		height: 43px;
	}

/* ----- 報酬アイテム確認画面用 ----- */
/* 報酬リスト */
#yasai-reward-list-confirm {
}
	#yasai-reward-list-confirm .common-table {
		width: 520px;
		font-weight: bold;
		border: 1px solid #777;
	}
	#yasai-reward-list-confirm .common-td {
		border-left: none;
		border-right: none;
	}
	#yasai-reward-list-confirm .common-th {
		border-bottom: 1px dotted #fff;
	}

/* ----- トピックスへ戻るボタン ----- */
#yasai-back-button {
	overflow: hidden;
	display: block;
	width: 220px;
	height: 30px;
	text-indent: -9999em;
	background-image: url(../../../img/event/yasai/2016/button/back.png);
}

/* ----- アイテム受け取り ----- */
.yasai-reward-chara {
	margin: 0 0 24px 0;
}
	.yasai-reward-chara table {
		margin: auto;
		width: 520px;
		border: 1px solid #777;
		background-color: #fff;
	}
	.yasai-reward-chara th {
		width: 45%;
	}
	.yasai-reward-chara td {
		padding: 4px 10px;
	}
	.yasai-reward-chara img {
		display: block;
	}