@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

html{-webkit-text-size-adjust: 100%;}
body{ background:#ffffff; color:#000;font:12px/1.231  YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;*font-size:small;*font:x-small}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

p{ margin-bottom:1em;}
ul,ol.li{ list-style: none;}
img{ vertical-align:middle;}

a{ color:#232323;}
.clr{ clear:both;}

.body{ margin:0 auto; position:relative; text-align:center; min-width: 1200px;}
.main{ margin: 0 auto; background:url(../images/mainbg.png) center top #e0f1f6;}

#area0{ position: relative; margin: 0 auto; background:url(../images/area0bg.png) center top #ffffff;  width:1000px; height:130px; }
#area0 a.bt1{ position:absolute; left:0px; top:45px;}
#area0 a.bt2{ position:absolute; left:248px; top:45px;}
#area0 a.bt3{ position:absolute; left:526px; top:45px;}
#area0 a.bt4{ position:absolute; left:747px; top:45px;}
#area0 a.bt5{ position:absolute; left:880px; top:45px;}

#area1{ position: relative; margin: 0 auto; background:url(../images/area1bg.png) center top #e0f1f6; height:628px; padding-top:72px;}

#area1 a.bt1{ position:absolute; left:110px; top:455px;}
.inner{ position: relative; width:1000px; margin: 0 auto;}

#area2{ position: relative; margin: 0 auto; background:url(../images/area2bg.png) center top; height:1195px; padding-top:72px;}
#area2 a.bt1{ position:absolute; left:110px; top:1010px;}
/*.inner{ position: relative; width:1000px; margin: 0 auto;}*/

#area3{ position: relative; margin: 0 auto; background:url(../images/area3bg.png) center top; height:878px; padding-top:72px;}
#area3 a.bt1{ position:absolute; left:110px; top:690px;}

#area4{margin: 0 auto; background-color:#f1f1f1; padding-top:72px; padding-bottom:72px;}
/*.inner{ position: relative; width:1000px; margin: 0 auto;}*/
#area1 a{ position:absolute; left:80px; top:1142px;}
#area2 a{ position:absolute; left:80px; top:752px;}

#area5{ position: relative; margin: 0 auto; background:url(../images/area5bg.png) center top; padding-top:72px; height:1218px;}
#area5 a.bt1{ position:absolute; left:239px; top:1049px;}

#area6{ position: relative; margin: 0 auto; background:url(../images/area6bg.png) center top; padding-top:102px; height:398px;}
#area6 a.bt1{ position:absolute; left:110px; top:220px;}


a:hover img{opacity:0.75;filter: alpha(opacity=75);}


#pagetop{ position:fixed; bottom:40%; right:0px;}

.copy{ color:#999; height:12px; padding-top:30px; padding-bottom:30px; background:#fff;}



	.fadein {
margin: 0px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -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: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}