@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 { /*バックは↓↓↓を使う*/
	/*height: auto;
	vertical-align: top;
	font-size: 120%;
	font-weight: normal;
	color: #ffffff;
	padding: 5px 10px;上,左,下,右*/
	text-align: left;
	background: linear-gradient(#06f, #008);
    background: -moz-linear-gradient(top, #06f, #008); /*mozilla*/
    background: -webkit-gradient(linear, center top, center bottom, from(#06f), to(#008)); /*Webkit*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#09f', endColorstr='#008'); /*IE5.5以上*/
	/*background-color: #cc0000;*/
}


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

/*☆　h2 ○ここから　☆*/
.h2_circle-blue {
	position: relative;
	padding-left: 30px;
	background-color: #069;
	/*border-bottom: 2px solid #ccc;*/
}
.h2_circle-blue: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: #39c;
	<!--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-blue: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: #09c;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
/*☆　h2○ここまで　☆*/

/*☆　h3 ○*2バック無色ここから　☆*/
.h3_circle-blue {
	width: 60%;
	position: relative;
	padding-left: 30px;
	border-bottom: 2px solid #099;
	font-size: 110%;
	color: #039;
}
.h3_circle-blue: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: #066;
	<!--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-blue: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: #09c;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
/*☆　○ここまで　☆*/

.contents h4 {/*文字*/
/*	font-weight: normal;*/
	color: #369;
}