#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
#header{
	width: 100%;
	height: 52px;
	background: url(../images/topline.png) repeat-x top;
	position: relative;
	z-index: 9999;
}
#logo{
	width: 223px;
	height: 52px;
	background: url(../images/logo.png) no-repeat right;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	top: 0;
}
#logo a{
	height: 52px;
	display: block;
}
#logo a:hover{
	background: url(../images/logo_on.png) no-repeat right;
}
#menu_p{
	width: 100%;
	height: 492px;
	margin-top: -16px;
	background-color: #111;
	position: relative;
}

#menu_p ul, #menu_p ul li{
	width: 100%;
	height: 492px;
	background-size: 100%;
}


#menu01{background: url(../images/menu_b01.png) no-repeat center center;}
#menu02{background: url(../images/menu_b02.png) no-repeat center center;}
#menu03{background: url(../images/menu_b03.png) no-repeat center center;}
#menu04{background: url(../images/menu_b04.png) no-repeat center center;}
#menu05{background: url(../images/menu_b05.png) no-repeat center center;}
#menu06{background: url(../images/menu_b06.png) no-repeat center center;}

#title{
	position: relative;
	width: 100%;
	height: 492px;
	background: url(../images/kage.png) repeat-x;
	z-index: 9998;
	margin: -492px auto 0;
}

#tit01{
	width: 718px;
	height: 181px;
	margin: -50px auto 0;
}
#tit02{
	width: 718px;
	padding-top: 30px;
	margin: 0 auto;
	
}

#contents{
	background: url(../images/con_bg03.png) repeat;
}

.menu_txt{
	width: 800px;
	margin: 26px auto 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
	line-height: 140%;
	position: relative;
}
#kanibo{
	width: 237px;
	height: 227px;
	position: absolute;
	top: -40px;
	background: url(../images/kanibo.png) no-repeat;
	z-index: 9999;
	right: -200px;
}
#contents{
	width: 100%;
	padding-top: 30px;
}

.menu_info{
	width: 900px;
	margin: 0 auto;
}

h3{
	padding-top: 30px;
	width: 882px;
	margin: 0 auto;
}

h4{
	padding-bottom: 30px;
	width: 333px;
	margin: 0 auto;
}

.menu_left{
	margin-top: 0px;
	width: 400px;
	float: left;
}

.menu_right{
	padding-top: 80px;
	width: 400px;
	float: right;
}

.menu_name{
	margin-top: 0px;
	margin-left: 0px;
}

.menu_i_t{
	font-size: 16px;
	width: 380px;
	text-align: left;
	line-height: 140%;
	color: #111;
	padding: 20px 10px;
}

.zoom{
	-moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;

}
.zoom:hover{
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);

	
}


#res00{
	width: 100%;
	margin: 30px auto;
	padding-top: 34px;
	background: url(../images/midasi05.png) no-repeat top center;
}

#res01{
	width: 100%;
	height: 400px;
	background-color: #FFBF00;
}

#res01 ul{
	width: 983px;
	padding-top: 16px;
	margin: 0 auto;
}

#res01 ul li{
	float: left;
	width: 317px;
	margin-right: 16px;
}

#res01 ul li.last{
	margin-right: 0 !important;
}

#res01 ul li img{
	margin-top: 10px;
}

.btn_00{
	width: 1280px;
	margin: 0 auto;
}


/* Button base　style */
.btn {
  border: none;
  font-size: 20px;
  color: inherit;
  background: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
}


/* Button 1c */
.btn-1c:hover{
  color: #FFF;
	background-color: #FFF;
}

.btn-1c{
  border: 4px solid #FF3F00;
	background-color: #FFF;
  color: #FF3F00;
  width: 260px;
  height: 60px;	
  top: 0px;
  margin-left: 500px;
}

.btn-1c .back {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: #FF3F00;
  position: absolute;
}
.btn-1c .text {
  z-index: 2;
  width: 100%;
  top: 16px;
  position: absolute;
  left: 0px;
  color: #FF3F00
}
.btn-1c:hover .text {
  color: #FFF;
}

/* Button 1b */

.btn-1b{
  width: 90px;
  height: 50px;
  margin-left: 1190px;
  background-color: #999;
}

.btn-1b .back {
  width: 100%;
  height: 0%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: #666;
}
.btn-1b .text {
  z-index: 2;
  width: 100%;
  top: 14px;
  position: absolute;
  left: 0px;
  color: #fff;
}
.btn-1b:hover .text {
  color: #FFF;
}

#footer{
	width: 100%;
	background: url(../images/copy.png) no-repeat #111 center center;
	height: 60px;
	margin-top: -30px;
}



@-webkit-keyframes bounce {
  from, 4%, 10%, 16%, 19%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  8%, 9% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  14% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  18% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 4%, 10%, 16%, 19%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  8%, 9% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  14% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  18% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
	-webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}


@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}


@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
	-webkit-animation-delay: 0.7s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}



span.bold01{
	font-weight: bold;
	color: #59B200;
}

span.bold02{
	font-weight: bold;
	color: #FF7F00;
}

span.bold03{
	font-weight: bold;
	color: #FF7272;
}