@charset "shift_jis";


#boxcss3{
	background-image:url(../image/flower.jpg);
	background-repeat:no-repeat;
	padding:20px;
}
#boxcss3 div{
	font-weight:bold;
	font-size:18px;
	border:solid 12px black;
	background-color:#009900;
	color:#FFFFFF;
	margin-bottom:20px;
}
#boxcss3 .opa04{opacity:0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);}
#boxcss3 .opa06{opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
#boxcss3 .opa08{opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}

#boxcss4{
	background-image:url(../image/flower.jpg);
	background-repeat:no-repeat;
	padding:30px;
}
#boxcss4 .nakami{
	background-color:#FFFFFF;
	width:500px;
	opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	padding:20px;
}



/*2*/
#box-shadow{
	-moz-box-shadow: 2px 2px 3px #969696;
	-webkit-box-shadow: 2px 2px 3px #969696;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
	margin-bottom:10px;
}
#box-shadow .hosoku{
	background-color:#FF9933;
	padding:20px 10px 5px 10px;
}




.fontbold{font-weight:bold; font-size:20px;}
.font700{font-weight:700; font-size:20px;}
.font900{font-weight:900; font-size:20px;}



#style01 p:first-line{
	font-weight:bold;
	color:red;
}
p.style02:first-letter{font-size:32px; line-height:130%;}
#style03 p{text-indent:1em;}
#style04 p{text-indent:-1em; padding-left:1em;}





#box{
	width:1000px;	
	overflow:hidden;
	margin-bottom:20px;
}
#box .contents1{
	width:200px;
	float:left;
	background-color:#666666;
	margin-bottom:-1000px;
	padding:10px 10px 1000px 10px;
	margin-right:10px;
}
#box .contents2{
	width:200px;
	float:left;
	background-color:#999999;
	padding:10px 10px 1000px 10px;
	margin-bottom:-1000px;
	margin-right:10px;
}
#box .contents3{
	width:200px;
	float:left;
	background-color:#FFFF00;
	padding:10px 10px 1000px 10px;
	margin-bottom:-1000px;
	margin-right:10px;
}
#box .contents4{
	width:200px;
	float:left;
	background-color:#FF6666;
	padding:10px 10px 1000px 10px;
	margin-bottom:-1000px;
}


#styleHR hr{
  background-image:url(../image/sample/hr-border.gif);
  height:20px;
  border:0;
}


#float_imageL{
	width:400px;
	padding:0px 0px 0px 210px;
	position: relative;
}
#float_imageL img{
	position:absolute;
	left:0px;
	top: 0px;
}
#float_imageR{
	width:400px;
	padding:0px 0px 0px 0px;
	position: relative;
}
#float_imageR img{
	position:absolute;
	left:410px;
	top: 0px;
}




/*===========================================================================================*/
/*CSS PIE*/

/*ボックスに影*/
#boxshadow{
	width:500px;
	box-shadow:5px 5px 5px #888888;
	background-color:#FFCC00;
	-pie-box-shadow:5px 5px 5px #888888;
	behavior:url(PIE.htc);
	position:relative;
}



div.kadomaru{
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border:3px green solid;
	background-color:#ccffcc;
	padding:20px 20px 0px 20px;
	behavior:url(PIE.htc);
	position:relative;
}


#linkbox{
	color:#555555;
	padding:10px;
/*角丸*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
/*ボックスの影*/	
	box-shadow: 0px 2px 3px #777;
	-moz-box-shadow: 0px 2px 3px #777;
	-webkit-box-shadow: 0px 2px 3px #777;
/*グラデ*/
	background:linear-gradient(#eeeeee,#9fb7d4);
	background:-moz-linear-gradient(top,#eeeeee,#9fb7d4);
	background:-webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#9fb7d4));
	-pie-background:linear-gradient(#eeeeee,#9fb7d4);
	behavior: url(PIE.htc);
	position:relative;	
}


.gurade1{
	background: -moz-linear-gradient(top, #990, #066);　/* Firefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#990), to(#066));　/* Safari,Google Chrome用 */
	-pie-background:linear-gradient(#990, #066);
	padding:100px;
}
.gurade2{
	background:radial-gradient(center, ellipse cover, #FFCC99 0%, #FFCC00 100%);
	background:-moz-radial-gradient(center, ellipse cover, #FFCC99 0%, #FFCC00 100%);
	background:-webkit-radial-gradient(center, ellipse cover, #FFCC99 0%, #FFCC00 100%);
	-pie-background:radial-gradient(center, circle farthest-corner, #FFCC99 0%, #FFCC00 100%);
	padding:20px;
	behavior: url(PIE.htc);
	position:relative;
	border:solid 1px #FF9900;
	margin-bottom:5px;
}


#alfa_back{
	background-image:url(../image/flower.jpg);
	padding:20px;	
}
.alfa{
	background:rgba(255, 255, 255, 0.5);
	background:-moz-rgba(255, 255, 255, 0.5);
	background:-webkit-rgba(255, 255, 255, 0.5);
	-pie-background:rgba(255, 255, 255, 0.5);
	behavior: url(PIE.htc);
	position:relative;
	padding:20px;
}


#alfa_back{
	background-image:url(../image/flower.jpg);
	padding:20px;
	margin-top:30px;
}
.alfa1{
/*半透明*/
	background:rgba(255, 255, 255, 0.5);
	background:-moz-rgba(255, 255, 255, 0.5);
	background:-webkit-rgba(255, 255, 255, 0.5);
	-pie-background:rgba(255, 255, 255, 0.5);
/*角丸*/
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;

	border:solid 1px #FFFFFF;
	behavior: url(PIE.htc);
	position:relative;
	padding:20px;
}