Edit in JSFiddle

<p id="" class="tooltip">
    説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文
</p>

p.tooltip{
	margin: 0;
	padding: 10px;
	width: 250px;
	min-height: 30px;
	background-color: #DFF8FF;
	opacity: 1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	color: #000;
	position: absolute;
	top: 100px;
	left: 20px;
	border: 5px solid #5DC7EB;
}

p.tooltip:before {
    border-top-width: 16px;
    border-right-width: 16px;
    border-bottom-width: 0;
    border-left-width: 16px;
    border-color: #5DC7EB transparent;
    border-style: solid;
    display: block;
    position: absolute;
    bottom: -16px;
    left: 116px;
    width: 0;
    height: 0;
    content: "";
}

p.tooltip:after {
    border-top-width: 16px;
    border-right-width: 16px;
    border-bottom-width: 0;
    border-left-width: 16px;
    border-color: #DFF8FF transparent;
    border-style: solid;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 116px;
    width: 0;
    height: 0;
    content: "";
}