@charaset "UTF-8";

/* FONT SIZE */
html { font-size: 62.5%; min-height: 100%; min-width: 1280px; position: relative;}
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */

body {
    animation: fadeIn 5s ease 0s 1 normal;
    -webkit-animation: fadeIn 5s ease 0s 1 normal;
    background-color:#fafafa;
    background-image: url(image/bg.png);
	font-family: sans-serif;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#headBox { min-width: 1280px; }

/* TOP PAGE ----------------------------------------------------------------------------- */
.main { width: 1280px; padding-bottom: 100px; margin: 10px auto;}

.footer { width: 100%; height:100px; position:absolute; bottom:0px; left:0px; z-index:50; color:#ffffff; text-align: center; white-space: nowrap;}
.bg-nav { width: 100%; height: 180px; min-width: 1280px; position:absolute; bottom:0px; left:0px; background:url(image/bg_footer-base.png) top center repeat-x;  z-index: 5;}
.Copyright { padding-top: 3px; text-align: center; }