@charset "shift_jis";

@import url("/css/data.css");

/* ---------------------------------------------------------
	GS1 style
--------------------------------------------------------- */

/* チャート
----------------------------------------------- */

.data,
.chart {
	width: 600px;
	margin: 0 auto 40px;
	border: 1px #444 solid;
	text-align: left;
}

.chart h3 {	/* 町タイトル */
	font-size: 14px;
	background-color: #ccc;
	border-bottom: 1px #444 solid;
	padding: 5px 10px;
}

.data h3,
.chart h4 {	/* 内容タイトル */
	margin: 10px 10px 5px;
}


.chart ol {
	margin: 0 10px 20px 40px;
	padding-bottom: 5px;
}

.chart ol li {
	list-style-type: decimal;
	list-style-position: outside;
	line-height: 2.0;
}


.data .area,
.chart .area {	/* 備考 */
	margin: 10px 10px 30px 40px;
}


.chart dt {
	margin: 0 10px 10px 20px;
}

.chart dd {
	margin: 0 10px 30px 40px;
}


#next {
	margin: 40px auto 0;
	padding: 10px 0;
	text-align: center;
	width: 400px;
	border: 1px solid #888;
	background-color: #eee;
	font-size: 16px;
}



a.inside {
	color: #000;
}

a.inside:hover {
	color: #000;
	text-decoration: none;
}



/* テーブル
----------------------------------------------- */
table {
	margin: 0 auto 40px;
	text-align: left;
}

table.center {
	text-align: center;
}

th {
	font-weight: normal;
	background-color: #555;
	color: #fff;
	text-align: center;
}

td, th {
	border: 1px #444 solid;
	padding: 4px 6px;
}

tr {
	background-color: #fff;
	color: #000;
}


.td0	{	/* トップセル（灰色） */
	background-color: #ddd;
	color: #000;
}

.td1	{	/* 色違いセル（薄青） */
	background-color: #eef;
	color: #000;
}



.chart table.uline td {	/* チャート（隠しアイテムなど） */
	border: none;
	border-bottom: 1px #ccc solid;
}

.chart table td.hide {	/* チャート（入手アイテムの備考欄） */
	border: none;
	border-top: 1px #444 solid;
}



/* フォント
----------------------------------------------- */

.blue {	/* 重要事項 */
	color: #00c;
}

.red {	/* ボス */
	color: #f00;
}

.green {	/* ジン */
	color: #080;
}

.violet {	/* エナジー */
	color: #a0f;
}