
midasi{
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #669966;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px;
}

midasi:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:14px; 
	left:7px; 
	background-color:#FF9999;
	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;
}

midasi:after{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:15px; 
	width:15px; 
	display:block; 
	position:absolute; 
	top:7px; 
	left:2px; 
	background-color:#99FF99;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}


.t3 {
	font-size: 18px;
	line-height: 140%;
	color: #FF3300;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", "Osaka";

}

.bgc3 {
	background-color: #CCF5EB;
}

.bgc6 {
	background-color: #FF6699;
}

.bgc7 {
	background-color: #6699FF;
}

.clearLeft { 
	clear: left; 
}

.floatLeft { 
	float: left; 
}

.fadeout{
opacity: 0;
transition: 6s ease-in-out;
-webkit-transition: 6s ease-in-out;
box-sizing:border-box;
}

.fadein{
opacity: 1;
transition: 6s ease-in-out;
-webkit-transition: 6s ease-in-out;
box-sizing:border-box;
}

.idshow3 {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.imagebox { position: relative;width: auto;height: auto;margin: 0px 0px 0px 0px;}

/*a:visited { color: #0033cc; }*/
/*a:focus { color: #0033cc; }*/
/*a:hover { color: #0033cc; }*/
/*a:active { color: #0033cc; }*/
/*a:link {color:#0000ff;} *//*未訪問のリンクの色*/
/*a:visited {color:#00ccff;} *//*訪問済みのリンクの色*/
/*a:hover {color:#ffffff; background:#0000cc;} *//*カーソルが乗っているリンクの色*/
/*a:active {color:#ffff00;} *//*クリック中のリンクの色*/

.box3:hover {text-decoration: underline;overflow: hidden;}
.box3 { float: left;}
.boxContainer { overflow: hidden;}
/* clearfix */
.boxContainer:before,
.boxContainer:after {
 content: "";
 display: table;
}
.boxContainer:after { clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.boxContainer { zoom: 1;}

.boxContainer:hover {background-color: #f5f5f5;}

.title:hover {text-decoration: underline;}

.boxContainer:hover {text-decoration: underline;}

/*.title a { color: #333333; text-decoration: none; }*/

