.headding04 {
	margin:0 0 10px 0;
	padding:8px 8px;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);
	background: #8A8A8A;
}

.heading8{
	position:relative;
	padding:9px;
	padding-left:15px;
	font-weight: bold;
	font-size: 18px;
	background-color: #51A2C1;
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
 
.heading8:before{
	content:''; 
	height:25px; 
	width:2px; 
	display:block; 
	position:absolute; 
	top:5px; 
	left:4px; 
	background-color:#fff;
	border-left: 4px solid #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.selector04{   
    background:#eee;   
    border-top:1px solid #ccc;   
    border-right:1px solid #ccc;   
    border-left:7px solid #e3297d;   
    border-bottom:1px solid #ccc;   
    padding:.8em .9em  
}  
.selector11{   
    border:#ccc solid 1px;   
    display:block;   
    padding:.2em .3em  
}   
.selector11b{   
    border-left:#ccc solid 6px;   
    padding:.3em .3em .3em .8em  
}  
.selector12{   
    border-left:7px solid #ccc;   
    padding:.8em .9em;   
}   
.selector12b{   
    display: block;   
    padding-top:.2em;   
    font-size:.8em;   
    color:#ccc;   
}  
/*
<h3 class="selector12">見出しサンプル12   
    <span class="selector12b">見出しの補足説明など</span>  
</h3> 
*/