@charset "UTF-8";

/* ==============================
  css-content
=================================
topProfile
---------------------------------
navAge
---------------------------------
chronological
============================== */

/* ------------------------------
  topProfile
------------------------------ */
#topProfile {
	width: 599px;
}
/* clearfix */
#topProfile:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#topProfile { display: inline-block; min-height: 1%; /* for IE7 */ }
/* Hides from IE-mac \*/
* html #topProfile { height: 1%; }
#topProfile { display: block; }
/* End hide from IE-mac */

#topProfile .txt {
	float: right;
	width: 510px;
}
#topProfile .txt h2 {
	width: 510px;
	height: 26px;
	margin-bottom: 20px;
	background: url(../img/profile_name.gif) no-repeat;
	font-size: 10px;
	text-indent: -9999px;
}

#topProfile .img {
	float: left;
	width: 60px;
}

/* ------------------------------
  navAge
------------------------------ */
ul#navAge {
	width: 590px;
	margin-bottom: 35px;
	padding-left: 5px;
}
/* clearfix */
ul#navAge:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul#navAge { display: inline-block; min-height: 1%; /* for IE7 */ }
/* Hides from IE-mac \*/
* html ul#navAge { height: 1%; }
ul#navAge { display: block; }
/* End hide from IE-mac */

ul#navAge li {
	float: left;
	font-size: 10px;
	text-indent: -9999px;
}
ul#navAge li#navAge1 {
	width: 96px;
	padding-right: 22px;
}
ul#navAge li#navAge2 {
	width: 163px;
	padding-right: 20px;
}
ul#navAge li#navAge3 {
	width: 164px;
	padding-right: 24px;
}
ul#navAge li#navAge4 {
	width: 101px;
}

ul#navAge li a {
	height: 18px;
	display: block;
	background-repeat: no-repeat;
	overflow: hidden;
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#navAge li#navAge1 a {
	width: 96px;
	background-image: url(../img/nav_age01.gif);
}
ul#navAge li#navAge2 a {
	width: 163px;
	background-image: url(../img/nav_age02.gif);
}
ul#navAge li#navAge3 a {
	width: 164px;
	background-image: url(../img/nav_age03.gif);
}
ul#navAge li#navAge4 a {
	background-image: url(../img/nav_age04.gif);
}

ul#navAge li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* ------------------------------
  chronological
------------------------------ */
.chronological {
	width: 594px;
	padding-left: 5px;
}

.chronological dl {
	width: 599px;
	margin-bottom: 30px;
}
/* clearfix */
.chronological dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.chronological dl { display: inline-block; min-height: 1%; /* for IE7 */ }
/* Hides from IE-mac \*/
* html .chronological dl { height: 1%; }
.chronological dl { display: block; }
/* End hide from IE-mac */

.chronological dt {
	float: left;
	width: 105px;
	height: 56px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.chronological #s6 dt { background-image: url(../img/age/s06.gif); }
.chronological #s18 dt { background-image: url(../img/age/s18.gif); }
.chronological #s19 dt { background-image: url(../img/age/s19.gif); }
.chronological #s20 dt { background-image: url(../img/age/s20.gif); }
.chronological #s22 dt { background-image: url(../img/age/s22.gif); }
.chronological #s23 dt { background-image: url(../img/age/s23.gif); }
.chronological #s24 dt { background-image: url(../img/age/s24.gif); }
.chronological #s25 dt { background-image: url(../img/age/s25.gif); }
.chronological #s26 dt { background-image: url(../img/age/s26.gif); }
.chronological #s27 dt { background-image: url(../img/age/s27.gif); }
.chronological #s29 dt { background-image: url(../img/age/s29.gif); }
.chronological #s30 dt { background-image: url(../img/age/s30.gif); }
.chronological #s31 dt { background-image: url(../img/age/s31.gif); }

.chronological #s32 dt { background-image: url(../img/age/s32.gif); }
.chronological #s33 dt { background-image: url(../img/age/s33.gif); }
.chronological #s34 dt { background-image: url(../img/age/s34.gif); }
.chronological #s35 dt { background-image: url(../img/age/s35.gif); }
.chronological #s36 dt { background-image: url(../img/age/s36.gif); }
.chronological #s37 dt { background-image: url(../img/age/s37.gif); }
.chronological #s38 dt { background-image: url(../img/age/s38.gif); }
.chronological #s39 dt { background-image: url(../img/age/s39.gif); }
.chronological #s40 dt { background-image: url(../img/age/s40.gif); }
.chronological #s41 dt { background-image: url(../img/age/s41.gif); }
.chronological #s42 dt { background-image: url(../img/age/s42.gif); }
.chronological #s44 dt { background-image: url(../img/age/s44.gif); }
.chronological #s45 dt { background-image: url(../img/age/s45.gif); }
.chronological #s46 dt { background-image: url(../img/age/s46.gif); }
.chronological #s47 dt { background-image: url(../img/age/s47.gif); }
.chronological #s48 dt { background-image: url(../img/age/s48.gif); }
.chronological #s49 dt { background-image: url(../img/age/s49.gif); }
.chronological #s51 dt { background-image: url(../img/age/s51.gif); }

.chronological #s52 dt { background-image: url(../img/age/s52.gif); }
.chronological #s54 dt { background-image: url(../img/age/s54.gif); }
.chronological #s55 dt { background-image: url(../img/age/s55.gif); }
.chronological #s57 dt { background-image: url(../img/age/s57.gif); }
.chronological #s58 dt { background-image: url(../img/age/s58.gif); }
.chronological #s59 dt { background-image: url(../img/age/s59.gif); }
.chronological #s60 dt { background-image: url(../img/age/s60.gif); }
.chronological #s61 dt { background-image: url(../img/age/s61.gif); }
.chronological #s62 dt { background-image: url(../img/age/s62.gif); }
.chronological #h1 dt { background-image: url(../img/age/h01.gif); }
.chronological #h2 dt { background-image: url(../img/age/h02.gif); }
.chronological #h3 dt { background-image: url(../img/age/h03.gif); }
.chronological #h4 dt { background-image: url(../img/age/h04.gif); }
.chronological #h5 dt { background-image: url(../img/age/h05.gif); }
.chronological #h6 dt { background-image: url(../img/age/h06.gif); }
.chronological #h7 dt { background-image: url(../img/age/h07.gif); }
.chronological #h8 dt { background-image: url(../img/age/h08.gif); }

.chronological #h9 dt { background-image: url(../img/age/h09.gif); }
.chronological #h10 dt { background-image: url(../img/age/h10.gif); }
.chronological #h11 dt { background-image: url(../img/age/h11.gif); }
.chronological #h12 dt { background-image: url(../img/age/h12.gif); }
.chronological #h13 dt { background-image: url(../img/age/h13.gif); }
.chronological #h14 dt { background-image: url(../img/age/h14.gif); }
.chronological #h15 dt { background-image: url(../img/age/h15.gif); }
.chronological #h16 dt { background-image: url(../img/age/h16.gif); }
.chronological #h17 dt { background-image: url(../img/age/h17.gif); }
.chronological #h18 dt { background-image: url(../img/age/h18.gif); }
.chronological #h19 dt { background-image: url(../img/age/h19.gif); }
.chronological #h20 dt { background-image: url(../img/age/h20.gif); }
.chronological #h21 dt { background-image: url(../img/age/h21.gif); }
.chronological #h22 dt { background-image: url(../img/age/h22.gif); }
.chronological #h23 dt { background-image: url(../img/age/h23.gif); }
.chronological #h24 dt { background-image: url(../img/age/h24.gif); }

.chronological dd {
	float: right;
	width: 475px;
	padding-top: 8px;
}

/* ------------------------------
  chronoTop
------------------------------ */
.chronoTop {
	width: 599px;
	height: 23px;
	margin-bottom: 25px;
	background: url(../img/line_chrono_top.gif) no-repeat 0 12px;
	overflow: hidden;
}
/* clearfix */
.chronoTop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.chronoTop { display: inline-block; min-height: 1%; /* for IE7 */ }
/* Hides from IE-mac \*/
* html .chronoTop { height: 1%; }
.chronoTop { display: block; }
/* End hide from IE-mac */

.chronoTop p {
	float: right;
	width: 23px;
	font-size: 10px;
	text-indent: -9999px;
}
.chronoTop p a {
	width: 23px;
	height: 23px;
	background: url(../img/btn_chrono_top.gif) no-repeat;
	display: block;
	overflow: hidden;
	text-decoration: none;
}
.chronoTop p a:hover {
	background-position: bottom;
}