@charset "utf-8";
/* CSS Document */

.top_img{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background: url( ../img/reservation/top_img.jpg)repeat;
	height:400px;
}
.top_img img{
	height:400px;
}
#reserve_box{
	margin-bottom: 70px;
}
.y_greeting{
	background: url(../img/reservation/bg01.jpg)no-repeat;
	background-position: center center;
	height:270px;
	margin-top: 10px;
	margin-bottom: 50px;
	width:100%;
}
.box01{
	width:1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding:0 10px;
	display: inline-block;
	position: relative;
}
.r_title01{
	margin-top: 30px;
}
.y_text01{
	padding-top: 45px;
	line-height: 1.5em;
}
/*.y_img01{
	position: absolute;
	top:20px;
}
.y_img02{
	position: absolute;
	right:20px;
	top:20px;
}
.y_img03{
	position: absolute;
	right:220px;
	top:135px;
}*/
.y_img:nth-child(1) {
	position: absolute;
	top:20px;
	opacity: 0; 
	-webkit-animation: example 0.5s ease 0.5s 1 forwards;
  	animation: example 0.5s ease 0.5s 1 forwards;
}
.y_img:nth-child(2) {
	position: absolute;
	right:20px;
	top:20px;
	opacity: 0; 
	-webkit-animation: example 0.5s ease 1s 1 forwards;
  	animation: example 0.5s ease 1s 1 forwards;
}
.y_img:nth-child(3) {
	position: absolute;
	right:220px;
	top:135px;
	opacity: 0; 
	-webkit-animation: example 0.5s ease 1s 1 forwards;
  	animation: example 0.5s ease 1.5s 1 forwards;
}
@-webkit-keyframes example {
  100% {
    opacity: 1;
	}
}
@keyframes example {
  100% {
    opacity: 1;
  }
}

.banner{
	margin-top: 50px;
}

.l_tel{
	display:table;
	float:left;
}
.r_fax{
	display:table;
	float:right;
}