@charset "UTF-8";
/* CSS Document */

div#container {
	background: url('/gfx/back/sub-blue.jpg');
	background-position: right ;
	background-repeat: no-repeat;
	background-color: #fff;
	position:relative;
}

div#sub-left-menu {
	position: absolute;
	top: 28px;
	height: 702px;
	width: 140px;
	background-color: #7183b2;
	left: 0px;
	z-index:4;
}
div#sub-left-menu ul {
	margin: 280px 10px 0 0px;
}

div#sub-left-menu ul li {
	list-style-type: none;
	border-bottom: 1px solid #c9c9c9;
	padding: 10px 0 10px 5px;
}

div#sub-left-menu ul li a {
	color: #c9c9c9;
	text-decoration: none;
}
div#sub-left-menu ul li.active a {
	color: #fff;
}	

div#sub-left-overlay {
	position: absolute;
	top: 28px;
	height: 702px;
	width: 150px;
	background-color: #002c62;
	opacity: 0.50;
	filter: alpha(opacity = 50);
	left: 0px;
	z-index: 3;
}

div#sub-left-content {
	position: absolute;
	top: 175px;
	width: 400px;
	left: 160px;
	z-index: 5;
	color: #fff;
	display: none;
}
div.history {
	position: absolute;
	top: 280px;
	left: 170px;
	width: 784px;
	height: 287px;
	background: url(/gfx/blue/history.png) no-repeat;
	z-index: 9;
	padding: 15px 10px 10px 55px;
	overflow: hidden;
}
div#history-1 {
	display: none;
}
div.history div.box {
	position:absolute;
	width: 660px;
	height: 240px;
	overflow: hidden;
}
div.history div.box div.items {
	postion: absolute;
	width: 8000px;
}

div.history div.box div.items div.history-item {
	float: left;
	width: 330px;
}
div.history div.box div.items div.history-item div.history-image {
	float: right;
	margin: 0 5px 0 0;
}
div.history div.box div.items div.history-item h5 {
	color: #fff;
	padding: 0 0 10px 0;
}
div.history div.box div.items div.history-item p {
	color: #fff;
}
div.history div.history-left {
	position: absolute;
	top: 125px;
	left: 690px;
	left: 20px;
	cursor: pointer;
}
div.history div.history-right {
	position: absolute;
	top: 125px;
	left: 720px;
	cursor: pointer;
	opacity: 0.10;
	filter: alpha(opacity = 10);
}
div.history div.close-history {
	position: absolute;
	left: 10px;
	top: 220px;
}
div.history div.close-history a {
	color : #fff;
}
div.person {
	position: absolute;
	top: 250px;
	left: 170px;
	width: 371px;
	height: 287px;
	background: url(/gfx/blue/person.png) no-repeat;
	z-index: 9;
	padding: 15px 10px 10px 15px;
	display:none;
}
div.person h5 {
	color: #fff;
	padding: 0 0 10px 0;
}
div.person p {
	color: #fff;
	width: 180px;
}
div.person div.close {
	position: absolute;
	top: 250px;
	left: 150px;
	width: 100px;
	color: #fff;
}
div.person div.close a {
	color:#fff;
}
div.person div.person-image {
	float: right;
	padding: 0px 15px 0 0;
}