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

/* side ballon */
.arrow_box {
	margin:0 0 0 15px;
	position: relative;
	background: #333333;
	border: 1px solid #333333;
	float: left;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #333333;
	border-width: 6px;
	margin-top: -6px;
}
.arrow_box:before {
	border-color: rgba(102, 102, 102, 0);
	border-right-color: #333333;
	border-width: 7px;
	margin-top: -7px;
}

/* top ballon */
.arrow_boxb {
	margin:15px 0 0 0;
	position: relative;
	background: #333333;
	border: 1px solid #333333;
	text-align: center;
}
.arrow_boxb:after, .arrow_boxb:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_boxb:after {
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #333333;
	border-width: 6px;
	margin-left: -6px;
}
.arrow_boxb:before {
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #333333;
	border-width: 7px;
	margin-left: -7px;
}






.arrow_box p a , .arrow_boxb p a {
	padding: 3px 6px 2px 6px;
	font-size: 80%;
	color:#fff;
	text-decoration:none!important;
}

.arrow_box p a:hover , .arrow_boxb p a:hover {
	text-decoration:underline!important;
}