/* ==========================================================================
	j_chart
========================================================================== */
.img_responsive img {
width:100%;
}

p.notes {
padding:0;
margin:0;
text-align:right;
}


/*--------------
	img_responsive
--------------*/
.chart_bg img {
background:#e0f3fc;
padding:30px 20%;
}

.img_responsive {
	text-align: center;
}

.img_responsive .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 30px;
	margin: 0 14px -10px;
}

.img_responsive .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 20px;
	margin: 0;
}
.img_responsive .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #f0f0f0;
	border-radius: 0;
}

.img_responsive .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 20px;
	margin: 0;
}
.img_responsive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #01a0e9;
	border-radius: 0;
}

.img_responsive .mCSB_draggerContainer {
	position: relative;
}
.img_responsive .mCSB_draggerContainer:before,
.img_responsive .mCSB_draggerContainer:after {
	content: "";
	display: block;
	width: 15px;
	height: 20px;
	position: absolute;
	top: 0;
	background-size: 15px 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.img_responsive .mCSB_draggerContainer:before {
	left: -15px;
	background-image: url(/company/j_chart/images/scrollbar_left.png);
}
.img_responsive .mCSB_draggerContainer:after {
	right: -15px;
	background-image: url(/company/j_chart/images/scrollbar_right.png);
}

@media screen and (max-width: 600px) {
	.chart_bg img {
	padding:10px 5%;
	}
	.img_responsive {
		text-align: left;
		overflow: auto;
		height:auto;
	}
	.img_responsive img {
		width: auto !important;
		max-width: none;
		height: 386px;
		vertical-align: bottom;
	}
	.img_responsive img:after {
		content: "";
		display: block;
		height: 20px;
	}
}