@charset "utf-8";


html {
　　		min-height: 100%; /* html要素をウィンドウサイズにフィット*/

		background-color:#000000;

 }



body{
	margin:0;
	padding:0;
/*	background-color:#000000;*/
}

#header{
	
	position: fixed;
	_position: absolute; 
	
	top: 0;

	background-color:#494949;
	width:980px;
	height:125px;

	margin-left:auto;
	margin-right:auto;
	
	z-index: 11;
}







#slideshow {
	position: relative;
	width:  900px;
	height: 560px;
	text-align:center;
	border:#C1C1C1 0px solid;
	left:40px;

}

#slideshow p {
	position: absolute;
	top:  0;
	left: 0;
	z-index: 3;
	opacity: 0.0;
	background-color:#000000;
	margin: 0;
	height: 560px;
}

#slideshow p.active {
	z-index: 5;
	opacity: 1.0;
}

#slideshow p.last-active {
	z-index: 4;
}

#slideshow p img {
	width: 900px;
	height: 500px;
	display: block;
	border: 0;
	margin-bottom: 10px;
}



.header-l{	
	position:relative;
	float:left;
	top:5px;
	left:0px;
	width:225px;
	height:125px;
	border:#C1C1C1 0px solid;

}



.title{
	position:relative;
	float:left;
	left:0px;
	top:19px;	
	width:510px;
	height:125px;
	margin: auto; 
	text-align:center;
	border:#C1C1C1 0px solid;
}



.header-r{
	width:225px;
	height:125px;
	padding:0px;
	margin:auto; 
	position:relative;
	float:right;
	bottom:15px;
	overflow:hidden;
	border:#C1C1C1 0px solid;
}



#main{
	width:100%;
	height:auto;
	border:#C1C1C1 0px solid;
	margin: auto;
	background-color:#000000;
	background:url("../images/bg-lafleur.jpg") repeat;
	margin:0;
	padding:0;
}

.category{
	width:800px;
	height:50px;
	margin: auto;
	color: #ffffff;
	top:10px;
 	text-align:center;
}

.information{
	width:980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;	

	border:#C1C1C1 0px solid;
}


.info1{
	color:#ffffff;
	width:560px;
	height:200px;
	position:relative;
	font-size:20px;	

	top:0px;
	left:0px;
}






.info2{
	color:#ffffff;
	width:480px;
	height:120px;
	position:relative;
	font-size:18px;	

	top:20px;
	float:right;


}



.top-image{
	background-color:#000000;
	width:940px;
	height:280px;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
	border:#C1C1C1 0px solid;
}

.top-image-a{
	background-color:#000000;
	width:280px;
	height:280px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	border:#C1C1C1 0px solid;
}

.top-image-b{
	background-color:#000000;
	width:280px;
	height:280px;
	margin-left:40px;
	margin-right:auto;	
	float:left;
	left:60px;
	border:#C1C1C1 0px solid;
}


.top-image-c{
	background-color:#000000;
	width:280px;
	height:280px;
	margin-left:auto;
	margin-right:22px;	
	float:right;
	border:#C1C1C1 0px solid;
}








.ftable{
	width:980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
	border:#C1C1C1 0px solid;
}







.left{
	background-image: url(../../../../img/br66.png);
	color:#ffffff;
/*	background-color:#000000; */
	border:#C1C1C1 1px solid;
	width:560px;
	height:320px;	
	float:left;
	padding:30px;
	margin:20px;
	position:relative;
	top:20px;
	left:20px;
}



.right{
	color:#000000;
	width:253px;
	height:380px;	
	float:right;
	padding:0px;
	margin:0px; 
	position:relative;
	top:40px;
	right:40px;
	border:#C1C1C1 1px solid;

}

.end{
	padding:20px;
	clear:both;
}

	
.space{
	width:100%;
	height:30px;

}

.space1{
	width:100%;
	height:100px;

}
.space2{
	width:100%;
	height:120px;

}

.space3{
	width:100%;
	height:130px;
}


.space4{
	width:100%;
	height:140px;
}


.space9{
	width:100%;
	height:180px;
}



h1{
	color:#ffffff;
	font-size:40px;
/*	text-align:center;*/
	position:relative;
	left:100px;	
	top:0;
}


a{
 	 color:inherit;
 	 text-decoration: none;
}




a1{
	color:#ffffff;
	font-size:18px;	
	position:relative;
	top:0;
}




p1{
	color:#ffffff;
	font-size:18px;
	position:relative;
	left:0px;	
}




.copyright{
	
	bottom: 0;

	width:980px;
	height:auto;
	font-size:18px;
	text-align:center;

	
}





#foot{

	position: fixed;

	_position: absolute; 
	
	bottom: 0;

	width:980px;
	height:auto;
	
	background:#222222;

	margin-left:auto;
	margin-right:auto;
	
	text-align:center;

	
}





#all{
	width:980px;
	height:auto;
	background-color:#000000;
	border:#C1C1C1 1px solid;
	margin-left:auto;
	margin-right:auto;
	
}

/*ぼかし*/

.imageframe{
	
	display: inline-block;
	position: relative;
	
}


.imageframe:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	-webkit-box-shadow: inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff;
	-moz-box-shadow: inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff;
	 box-shadow: inset 0 0 50px #fff, inset 0 0 50px #fff, inset 0 0 50px #fff, inset 0 0 50px #fff;
}