@charset "UTF-8";

/* http://www.cssarrowplease.com/ */

.right_arrow_box {
	position: relative;
	background: #ffffff;
	border: 2px solid #0000ff;
}
.right_arrow_box:after, .right_arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.right_arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 4px;
	margin-top: -4px;
}
.right_arrow_box:before {
	border-color: rgba(0, 0, 255, 0);
	border-right-color: #0000ff;
	border-width: 7px;
	margin-top: -7px;
}



.left_arrow_box {
	position: relative;
	background: #ffffff;
	border: 2px solid #ff0000;
}
.left_arrow_box:after, .left_arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.left_arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 4px;
	margin-top: -4px;
}
.left_arrow_box:before {
	border-color: rgba(255, 0, 0, 0);
	border-left-color: #ff0000;
	border-width: 7px;
	margin-top: -7px;
}

.balloonharf {
	width:50%;
}