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


body {
}

#container-surplus {
	margin:auto;
	width:850px;
	padding: 0 10px 100px 10px;
	position:relative;
	border:0px solid #333;
}


/*========================================*/

#chart1 {
	display:block;
}

#chart2, #chart3, #chart4 {
	display:none;
}

/*========================================*/

#yearsbar {
	background:#fff;
	color:#222;
	margin-left:40px;
	padding:4px 0 2px 0;
	font-size:16px;
	width:700px;
}

#chart1a, #chart1b,
#chart2a, #chart2b,
#chart3a, #chart3b {
	border:0px solid #333;
	overflow:hidden;
}
#chart1a {
	height:235px;
}
#chart1b {
	height:270px;
}
#chart2a {
	height:211px;
}
#chart2b {
	height:300px;
}
#chart3a {
	height:149px;
}
#chart3b {
	height:350px;
}
/*========================================*/

.axis path, .axis line {
	fill: none;
	shape-rendering: crispEdges;
}
.axis path {
	stroke:#ccc;
}
.axis line {
	stroke:#ccc;
}

.bar {
	fill: steelblue;
}

.x.axis path {
}

/*========================================*/

#zeros {
	position:absolute;
	background:#fff;
	width:10px;
	height:60px;
	line-height:24px;
	top:341px;
	left:38px;
	border:0px solid #333;
}

/*========================================*/

svg {
	border:0px solid #333;
}

h2 {
}

/*========================================*/
.show2ayoy, .show2byoy, .show3ayoy, .show3byoy, .show4ayoy, .show4byoy, .show5ayoy, .show5byoy, .show6ayoy, .show6byoy, .show7ayoy, .show7byoy, .show8ayoy, .show8byoy, .show9ayoy, .show9byoy, .show10ayoy, .show10byoy {
	font-size:14px;
}

/*========================================*/

#hover05, #hover06, #hover07,
#hover08, #hover09, #hover10,
#hover11, #hover12, #hover13, #hover14 {
	width:58px;
	height:520px;
	border:0px solid #333;
	position:absolute;
}

#hovercontents {
	width:140px;
	height:100px;

	border:none;
	padding:4px 0 0 4px;
	position:absolute;
	top:100px;
	left:720px;
}

.show1, .show2, .show3,
.show4, .show5, .show6,
.show7, .show8, .show9, .show10 {
	display:none;
}

#hover05:hover ~ #hovercontents .show1,
#hover06:hover ~ #hovercontents .show2,
#hover07:hover ~ #hovercontents .show3,
#hover08:hover ~ #hovercontents .show4,
#hover09:hover ~ #hovercontents .show5,
#hover10:hover ~ #hovercontents .show6,
#hover11:hover ~ #hovercontents .show7,
#hover12:hover ~ #hovercontents .show8,
#hover13:hover ~ #hovercontents .show9,
#hover14:hover ~ #hovercontents .show10 {
	display:block;
}

#hover05:hover ~ #hovercontents ,
#hover06:hover ~ #hovercontents ,
#hover07:hover ~ #hovercontents ,
#hover08:hover ~ #hovercontents ,
#hover09:hover ~ #hovercontents ,
#hover10:hover ~ #hovercontents ,
#hover11:hover ~ #hovercontents ,
#hover12:hover ~ #hovercontents ,
#hover13:hover ~ #hovercontents ,
#hover14:hover ~ #hovercontents  {
	border:1px solid #ccc;
}

#hover05:hover,
#hover06:hover,
#hover07:hover,
#hover08:hover,
#hover09:hover,
#hover10:hover,
#hover11:hover,
#hover12:hover,
#hover13:hover,
#hover14:hover {
	background:rgba(255,255,255,0.3);
}
/*========================================*/

#hover05 {
	left:60px;
	top:120px;
}
#hover06 {
	left:125px;
	top:120px;
}
#hover07 {
	left:190px;
	top:120px;
}
#hover08 {
	left:255px;
	top:120px;
}
#hover09 {
	left:320px;
	top:120px;
}
#hover10 {
	left:385px;
	top:120px;
}
#hover11 {
	left:450px;
	top:120px;
}
#hover12 {
	left:515px;
	top:120px;
}
#hover13 {
	left:580px;
	top:200px;
	height:220px;
}

#hover14 {
	left:645px;
	top:200px;
	height:220px;
}