@charset "shift_jis";

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

/* ---------------------------------------------------------
	TOP style
--------------------------------------------------------- */

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

.chart {	/* 共通：チャート、サブイベント */
	margin: 0 auto 40px;
	width: 850px;
	text-align: center;
}

.chart h3 {
	padding: 2px 0;
	margin-bottom: 5px;
	background-color: #eee;
	border: 1px #888 solid;
	text-align: center;
	font-size: 16px;
}

.chart .left {
	float: left;
	display: inline;	/* IE5〜6 floatバグ回避 */
	width: 550px;
	text-align: left;
}

.chart .right {
	float: left;
	display: inline;	/* IE5〜6 floatバグ回避 */
	width: 300px;
	text-align: left;
}

.chart .left ol {
	margin: 10px 10px 20px 30px;
	padding: 5px;
}

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


.chart .area-r {	/* 赤：モンスター、ボスなど */
	margin: 5px 5px 25px;
	padding: 10px;
	text-align: left;
	border: 1px solid #faa;
	background-color: #fee;
}

.chart .area-r h4 {	/* 赤：モンスター、ボスなど */
	margin: 0 0 5px;
	padding: 0 5px;
	text-align: left;
	border-left: 5px #f00 double;
}


.chart .area-g {	/* 緑：備考、サブイベントなど */
	margin: 5px 5px 25px;
	padding: 10px;
	text-align: left;
	border: 1px solid #9b9;
	background-color: #efe;
}

.chart .area-g h4 {	/* 緑：備考、サブイベントなど */
	margin: 0 0 5px;
	padding: 0 5px;
	text-align: left;
	border-left: 5px #070 double;
}


.chart .area-b {	/* 青：アイテムなど */
	margin: 5px 5px 25px;
	padding: 10px;
	text-align: left;
	border: 1px solid #aaf;
	background-color: #eef;
}

.chart .area-b h4 {	/* 青：アイテムなど */
	margin: 0 0 5px;
	padding: 0 5px;
	text-align: left;
	border-left: 5px #00f double;
}


.chart .area-r p,
.chart .area-g p,
.chart .area-b p {	/* 共通：アイテム、モンスター、備考、ボス */
	margin: 7px;
	padding: 0 8px;
	border-bottom: 1px dashed #bbb;
}





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



/* サブイベント
----------------------------------------------- */

.subevent {	/* サブイベントの中枠 */
	margin: 0 auto;
	width: 650px;
}


a.inside {
	color: #000;
}

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




#boss dl {
	margin: 5px;
	padding: 5px;
}

#boss dl dd {
	margin: 0 0 10px 20px;
	padding: 3px;
}

#boss #cent {
	width: 100%;
	text-align: center;
	margin: auto;
}


/* テーブル
----------------------------------------------- */

table {
	margin: 0 auto 20px;
	text-align: left;
}

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

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

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

.td0 {	/* トップセル（濃青） */
	background-color: #26b;
	color: #fff;
}

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




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

.blue {	/* 入手アイテム */
	color: #00f;
}

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

.green {	/* キャラクター加入 */
	color: #080;
}


td span.f9 {	/* 術技のルビ */
	font-size: 9px;
}