/*=================================
単純角丸の色付き枠。
===============
====================================================*/

/* 雛形の基礎 */
.foundation-frame{
	width:100%;
	border-radius:5px;
	background:#fafafa;
	margin:35px 0 30px 0;
	padding:25px 27px;
	font-size:13px;
	color:#5f5f5f;
	line-height:1.8;
	position:relative;
}
/* 緑色枠 */
.-foundation-frame-green{
	border:1px solid #44bd8e;
}
.-foundation-frame-green::before{
	content:"";
	position:absolute;
	width:29%;
	border-top:1px solid #44bd8e;
	bottom:-3px;
	right:5px;
}
.-foundation-frame-green::after{
	content:"";
	position:absolute;
	width:29%;
	border-top:1px solid #44bd8e;
	top:-3px;
	left:5px;
}
.-foundation-frame-blue{
	border:1px solid #5ea6e0;
}
/* 薄青色枠 */
.-foundation-frame-blue::before{
	content:"";
	position:absolute;
	width:29%;
	border-top:1px solid #5ea6e0;
	bottom:-3px;
	right:5px;
}
.-foundation-frame-blue::after{
	content:"";
	position:absolute;
	width:29%;
	border-top:1px solid #5ea6e0;
	top:-3px;
	left:5px;
}

/* 赤色枠 */
.-foundation-frame-red{
	border:1px solid #d32d51;
}
.-foundation-frame-red::before{
	content:"";
	position:absolute;
	width:29%;
	border-top:1px solid #d32d51;
	bottom:-3px;
	right:5px;
}
.-foundation-frame-red::after{
	content:"";
	position:absolute;
	width:29%;
	border-top:1px solid #d32d51;
	top:-3px;
	left:5px;
}

/* 薄い青色の見出し */
.foundation-frame-headline-blue{
padding:0 10px;
	text-align:center;
	position:absolute;
	top:-12px;
	right:50px;
	background:#fafafa;
	color:#1184e2;
	border:1px solid #1486e4;
	border-radius:5px;
}
/* 緑色の見出し */
.foundation-frame-headline-green{
padding:0 10px;
	text-align:center;
	position:absolute;
	top:-12px;
	right:50px;
	background:#fafafa;
	color:#05b370;
	border:1px solid #44bd8e;
	border-radius:5px;
}
/* 赤色の見出し */
.foundation-frame-headline-red{
padding:0 10px;
	text-align:center;
	position:absolute;
	top:-12px;
	right:50px;
	background:#fafafa;
	color:#d32d51;
	border:1px solid #d32d51;
	border-radius:5px;
}