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

/*h2, h3, h4, h5, h6, p {
	margin-top: 0;	  上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
/*	padding-right: 15px;
	padding-left: 15px;  div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 
}*/

/*h1はheaderの中に*/

/*-------------------------★　h2見出しの設定　★-------------------------*/

h2 { /*バック（オレンジ）は↓↓↓を使う*/
	background: linear-gradient(#EFBB43, #EC4D00);
    background: -moz-linear-gradient(top, #EFBB43, #EC4D00); /*mozilla*/
    background: -webkit-gradient(linear, center top, center bottom, from( #EFBB43), to( #EC4D00)); /*Webkit 上／下*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EFBB43', endColorstr='#EC4D00'); /*IE5.5以上*/
	text-align: left;
}


/*-----☆　文頭に○*2の装飾　☆-----*/

/*☆　h2オレンジ ○ここから　☆*/
.h2_circle {
	position: relative;
	padding-left: 30px;
/*	background-color: #333333;*/
}
.h2_circle:before {
	content: ''; 
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px; 
	height: 12px; 
	width: 12px; 
	display: block; 
	position: absolute; 
	top: 14px; 
	left: 12px; 
	background-color: #EFBB43; /*小さい○薄い色*/
	<!--box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;-->
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	z-index: 1;
}
.h2_circle:after {
	content: ''; 
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px; 
	height: 16px; 
	width: 16px; 
	display: block; 
	position: absolute; 
	top: 6px; 
	left: 4px; 
	background-color: #EC4D00; /*大きい○濃い色*/
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
/*☆　h2○ここまで　☆*/

/*☆　h3オレンジ ○*2バック無色ここから　☆*/
.h3_circle { /*下線*/
	width: 60%;
	position: relative;
	padding-left: 30px;
	border-bottom: 2px solid #F93;
	font-size: 110%;
	color: #930; /*文字色*/
}
.h3_circle:before {
	content: ''; 
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px; 
	height: 11px; 
	width: 11px; 
	display: block; 
	position: absolute; 
	top: 10px; 
	left: 10px; 
	background-color: #FC0; /*小さい○薄い色*/
	<!--box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;-->
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	z-index: 1;
}
.h3_circle:after {
	content: ''; 
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px; 
	height: 15px; 
	width: 15px; 
	display: block; 
	position: absolute; 
	top: 2px; 
	left: 2px; 
	background-color: #FF9900; /*大きい○濃い色*/
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
/*☆　○ここまで　☆*/