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

.online p{
	line-height:1.5;
}
.online ul{
	margin: 20px auto 30px;
	overflow:hidden;
	width:750px;
}
.online li {
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
}
/* 
.online a:hover {
	opacity: 0.5 ;
} 
*/

p.btn_link{
	margin:0 auto 10px 5px;
}
p.btn_link a {
	position: relative;
	display:inline-block;
	width:240px; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #009245), color-stop(0.28, #39B54A));
	background: -webkit-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: linear-gradient(to bottom, #39B54A 28%, #009245 100%);
	color: #fff;
	font-size:14px;
	font-weight:bold;
	border-radius: 5px;
	padding: 7px 20px 7px 30px;
}
p.btn_link a:hover {
	background: #009245;
}
p.btn_link a::before{
	display: block; 
	content: "";   /* これがないと表示されません */  
	position: absolute; 
	top: 50%; 
	left: 15px; 
	width: 0; 
	height: 0; 
	margin-top: -8px;  
	border: 8px solid transparent;   /* 左ボーダー以外は非表示 */  
	border-left: 8px solid #fff;    /* 左ボーダーで三角形を作る */
}