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

.comments{
	color: #ff0000;
}
.new_line{
	margin-top: 10px;
}


/*=================================================
Distributors　インデックス
===================================================*/

.sec_dist{
	margin: 0 auto 20px;
}
.sec_dist p{
	width:750px;
	line-height:1.6;
}
.sec_dist h3{
	margin-top:30px;
	margin-bottom:40px;
}

.sec_dist h3 a {
	position: relative;
	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: -ms-linear-gradient(top, #39B54A 28%, #009245 100%);
	background: linear-gradient(to bottom, #39B54A 28%, #009245 100%);
	color: #fff;
	font-weight:bold;
	border-radius: 5px;
	padding: 10px 20px 10px 30px;
}
.sec_dist h3 a:hover {
	background: #009245;
}
.sec_dist h3 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;    /* 左ボーダーで三角形を作る */
}
.sec_dist h3.grn::after{
	content: url(../img/gr_n.gif);
	margin-top:-18px;
	margin-left:10px;
	position: absolute;
}

.mail_area{
	margin:120px auto 70px;
	text-align:center;
	}
.map{
	margin:20px auto -80px 30px;;
	width:700px;
	}