/*====================== HISTORY : CHRONO ===================*/

#chrono{
	width: 90%;
	margin: 0 auto 1.8em;
	padding: 0;
	border-collapse: collapse;
	
	}
#chrono th{
	font-size: 1.2em;
	line-height: 1.5;
	border: solid 1px #999;
}
#chrono th img{
	border: 0 none;
	margin: 0;
}
#chrono td{
	font-size: 1.2em;
	line-height: 1.5;
	vertical-align:top;
	border: solid 1px #999;
	}
#chrono td img{
	border: 0 none;
	margin: 0;
}

/* ----------- ORGANIZATION ---------- */

#sec1,
#sec2,
#sec3,
#sec4{ 
	width:46px;
	margin:0;
	padding:10px 0;
	text-align:center;
	vertical-align:top;
	}

#sec1, #sec3{ background:#eee; }
#sec2, #sec4{ background:#ccc; }

/* ----------------- ERA --------------- */

.era {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	letter-spacing: .5em;
}

.era1{ background:#CCCC66; }
.era2{ background:#CC9999; }
.era3{ background:#CCCCFF; }
.era4{ background:#CC9966; }

/* --------------- AD YEAR ------------ */

.ac {
	padding:10px 0;
	width:42px;
	text-align:center;
	background:#fff;
	}

/* --------------- ERA YEAR-------------- */

.jc {
	padding:10px 0;
	width:38px;
	text-align:center;
	}

.jc span {display: block;}

/* ---------------- TEXT --------------- */

.txttd {
	padding: 10px;
	background:#fff;
	}

.txttd p { font-size: 1em; margin: 0; }
.txttd p.p_pad {  margin: 1.5em 0 0; }

/* --------------- IMAGE -------------- */

.cn,
.cnLb {
	padding: 0;
	width: 80px;
	text-align: center;
	background: #999;
	}

.cn span,
.cnLb span {
	display: block;
	width: 80px;
	/*min-height: 80px;*/
	height: 80px;
	}

/* -------------- DOT LINE ------------- */
/*
.subLine .txttd {
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-image: url(../../images/dot.gif);
	border-bottom: 0 none;
	}
*/
/* ------------- HIGHLIGHT ------------- */

.HL{ color:#c00; }

/* ------- BORDER : TOP OF TABLE ------- */

.topLine th,
.topLine td { /*border-top:1px solid #999;*/ }