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

html,body,footer,header,table,thead,th,td,nav,h1,h2,h3,div,span,p,a,img,dl,dd,dt {
	margin    : 0;
	padding   : 0;
	border    : 0;
	outline   : 0;
	font-size: 100%;
  	vertical-align: baseline;
  	background: transparent;
}
	
footer,header {
	display: block;
}

body {

  line-height: 1; }

img {
    display: block;/*add*/
	border: 0;
	vertical-align: bottom;
	padding:0;
	width:100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
	
#wrapper {
	margin:0 auto;
	max-width:750px;
}

sub {
  font-size: 0.7em;
  vertical-align: baseline; }

a:link,a:visited {
  text-decoration: none;
}

a:hover,a:active {
  text-decoration: underline;
}



/*	Header
-------------------------------------------------- */
header {
  height: 80px;
}

.header_inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.header_inner img{
 width :80%;
}
	
h1 {
  left: 0px;
  position: absolute;
  top: 20px;
}

@media only screen and (max-width:767px){

 header {
  height: 60px;
}

.header_inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.header_inner img{
 width :60%;
}
	
h1 {
  left: 0px;
  position: absolute;
  top: 10px;
}   
    
    
}


/*	CTA Area
------------------------------------------------- */

.cta01,.cta02,.cta03 {
	position:relative;
}

img.btn_cta01 {
	position: absolute;
	width: 83%;
	left: 9%;
	bottom: 19%;
}

img.btn_cta02 {
	position: absolute;
	width: 83%;
	left: 9%;
	bottom: 18%;
}

img.btn_cta03 {
	position: absolute;
	width: 83%;
	left: 9%;
	bottom: 19%;
}


img.btn_cta01:hover {
	opacity:0.7;
}

img.btn_cta02:hover {
	opacity:0.7;
}

img.btn_cta03:hover {
	opacity:0.7;
}

a img {
	transition: opacity 0.3s ease-out;
 }



/*	image Area
------------------------------------------------- */

.overlaid01,.overlaid02 {
	position:relative;
}

img.ani_gif01 {
	position: absolute;
	width: 70%;
	left: 15%;
	bottom: 5%;
}

img.ani_gif02 {
	position: absolute;
	width: 40%;
	left: 8%;
	bottom: 36%;
}