main{
	width: 1000px;
	height: 667px;
	background-image: url(../image/bg.jpg);
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: 100%;	
	margin:0 auto;
	margin-top: 40px;
	display: block;
}

p{
	color: #009467;
	font-size: 16px;
	line-height: 26px;
	font-family: メイリオ;
	font-weight: bold;
}

a{
	text-decoration: none;
}

.group img{
	position: relative;
	left: 30px; 
	top: 30px;
	width: 250px;
}
.group :hover img{
	opacity: 0.6;
	transition-duration: 0.3s;
}

.hotel1 img{
	position: relative;
	left: 350px;
	top: -115px;
	width: 500px; 
}
.hotel1 :hover img{
	opacity: 0.6;
	filter: brightness(1.25);
	transition-duration: 0.3s;
}
.hotel1 p{
	position: relative;
	left: 630px;
	top: -195px;
	width: 500px;   
	line-height: 26px; 
}

.hotel2 img{
	position: relative;
	left: 470px;
	top: -130px;
	width: 230px;
}
.hotel2 :hover img{
	opacity: 0.7;
	filter: brightness(1.25);
	transition-duration: 0.3s;
}
.hotel2 p{
	position: relative;
	left: 710px;
	top: -190px;
	width: 500px;   
	line-height: 26px; 
}

.hotel3 img{
	position: relative;
	left: 495px;
	top: -120px;
	width: 240px;  
}
.hotel3 :hover img{
	opacity: 0.7;
	filter: brightness(1.5);
	transition-duration: 0.3s;
}
.hotel3 p{
	position: relative;
	left: 750px;
	top: -175px;
	width: 500px;   
	line-height: 26px;  
}

.hotel4 img{
	position: relative;
	left: 430px;
	top: -120px;
	width: 210px;  
}
.hotel4 :hover img{
	opacity: 0.8;
	filter: brightness(1.25);
	transition-duration: 0.3s;
}
.hotel4 p{
	position: relative;
	left: 660px;
	top: -175px;
	width: 500px;    
	line-height: 26px; 
}

#footer1{
	text-align: center;
}

.copyright{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	letter-spacing: 1px;
	color: #0008A3;
}
.copyright img{
	position: relative;
	top: 10px;
	left: 5px;
}