@charset "UTF-8";
/* CSS Document */
#bg_area{
	width:100%;
	height:93px;
	margin:auto;
	margin-top:65px;
	overflow:hidden;
	position:relative;
}
#bg_area #border_area{
	width:1280px;
	height:93px;
	margin:auto;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#bg_area .left_area{
	width:50%;
	height:93px;
	float:left;
	background:url(images/border_bg.jpg) repeat-x;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}
#bg_area .right_area{
	width:50%;
	height:93px;
	float:right;
	position:absolute;
	z-index:2;
	top:0;
	right:0;
}
#area_01{
	width:1280px;
	height:360px;
	margin:auto;
	margin-top:-59px;
	background:url(images/area_01_bg.jpg);
}
#area_01 .inner{
	width:1000px;
	height:360px;
	margin:auto;
	position:relative;
}
.img_area{
	display:none;
}
#area_01 .inner .img_area{
	width:260px;
	height:260px;
	position:absolute;
	top:60px;
	left:10px;
}
#area_01 .inner h2{
	width:551px;
	height:139px;
	position:absolute;
	top:60px;
	left:296px;
}
#area_01 .inner p{
	width:551px;
	position:absolute;
	top:220px;
	left:296px;
}
#area_02{
	width:1280px;
	height:535px;
	margin:auto;
	background:url(images/area_02_bg.jpg);
}
#area_02 .inner{
	width:1000px;
	height:535px;
	margin:auto;
	position:relative;
}
#bird{
	position:absolute;
	top:59px;
	left:230px;
	z-index:20;
}
#area_02 .inner .img_area{
	width:260px;
	height:260px;
	position:absolute;
	top:59px;
	left:10px;
	z-index:50;
}
#area_02 .inner h2{
	width:551px;
	height:139px;
	position:absolute;
	top:59px;
	left:296px;
}
#area_02 .inner p{
	width:551px;
	position:absolute;
	top:219px;
	left:296px;
}
#area_03{
	background:url(images/area_03_bg.jpg);
}
#area_04{
	background:url(images/area_04_bg.jpg);
}
#area_05{
	background:url(images/area_05_bg.jpg);
}
#area_03,#area_04,#area_05{
	width:1280px;
	height:377px;
	margin:auto;
}
#area_03 .inner,#area_04 .inner,#area_05 .inner{
	width:1000px;
	height:377px;
	margin:auto;
	position:relative;
}
#area_03 .inner .img_area,
#area_04 .inner .img_area,
#area_05 .inner .img_area{
	width:260px;
	height:260px;
	position:absolute;
	right:10px;
}
#area_03 .inner h2,#area_04 .inner h2,#area_05 .inner h2{
	width:551px;
	height:139px;
	position:absolute;
	top:0;
	left:120px;
}
#area_03 .inner p,#area_04 .inner p,#area_05 .inner p{
	width:551px;
	position:absolute;
	top:160px;
	left:120px;
}
#area_06{
	width:1280px;
	height:467px;
	margin:auto;
	background:url(images/area_06_bg.jpg);
}
#area_06 .inner{
	width:1000px;
	height:467px;
	margin:auto;
	position:relative;
}
#area_06 .inner .img_area{
	width:260px;
	height:260px;
	position:absolute;
	top:181px;
	left:10px;
}
#area_06 .inner p{
	width:551px;
	position:absolute;
	top:228px;
	left:296px;
}
#bottom_area{
	width:100%;
	height:93px;
	margin:auto;
	overflow:hidden;
	position:relative;
}
#bottom_area .left_area{
	width:50%;
	height:93px;
	float:left;
	position:absolute;
	z-index:2;
	top:0;
	right:0;
}
#bottom_area .right_area{
	width:50%;
	height:93px;
	float:right;
	background:url(images/bg_border.jpg) repeat-x;
	position:absolute;
	z-index:2;
	top:0;
	right:0;
}
#bottom_img{
	width:1280px;
	height:93px;
	margin:auto;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.rotateIn {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: rotateIn;
 animation-name: rotateIn;
 visibility: visible !important;
 display:block !important;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}