@charset "utf-8"; html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, big, del, em, font, img, ins, q, s, small, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tr, th, td {margin:0;padding:0;vertical-align:baseline}:focus{outline:0} ol, ul, li {list-style-type:none} html{font-size:100%} body{font-family:Arial,Helvetica,sans-serif;font-size:1.1em;line-height:1.6em} img{float:left} a{color:#e00;text-decoration:none;outline:none} a:hover{text-decoration:none}
body{width:1000px;height:940px;background:url(../gf0/9.png);-ms-touch-action:none;touch-action:none}
#hrl{position:absolute;top:212px;left:20px;width:960px}
#ban{position:absolute;width:1000px;height:217px}
#area{width:425px;height:45px;background:#dd0;position:absolute;top:18px;left:285px;box-shadow:6px 6px 6px 0 rgba(100,100,100,.8) inset,-6px -6px 6px 0 rgba(255,255,255,.8) inset;border:1px solid #cc0;border-radius:20px;overflow:hidden}
#move{position:absolute;left:430px;width:270px;height:45px;animation:move 5s linear infinite}
@keyframes move{95%, 100%{transform:translate(-700px)}}
#pre{position:absolute;top:850px;width:1000px;height:90px;background:url(../gf0/pre.png)}
#arrow{position:absolute;width:86px;height:90px;left:914px;background:url(../gf0/back.png)}
#ban{background:url(../gf8/ban13.jpg)}
#adr{width:1000px;height:500px;position:absolute;top:320px;left:0px;background:url(../gf8/adr.png)}
#dog{width:125px;height:125px;position:absolute;top:448px;right:54px;background:url(../gf8/stamp.gif)}
#area{top:240px}
#move{background:url(../gf8/tyt22.png)}
#click{
background:#008;	
border:1px solid #000;border-radius:18px;
display:inline-block;
font-family:Arial;font-size:20px;
font-style:normal;font-weight:bold;
height:36px;
line-height:32px;
position:absolute;
text-align:center;
text-decoration:none;
text-indent:0;
text-shadow:1px 1px 0 #000;
width:90px;top:318px;left:362px
}
#click:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #090), color-stop(1, #090) );box-shadow:6px 6px 6px 0 rgba(55,55,55,.8) inset,
-6px -6px 6px 0 rgba(255,255,255,.8) inset;cursor:pointer}
.contact-form{float:left;height:350px;width:400px;position:relative;color:#00F;top:0px;z-index:999;margin-top:0px;margin-right:20px;margin-bottom:20px;margin-left:-20px;position:absolute;right:73px;top:440px}
#contact{float:left;margin-top:0;margin-right:0;margin-bottom:0px;margin-left:40px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px}
#contact  input[type=text]{border:1px solid #444;border-radius:10px;margin-top:5px;margin-right:8px;margin-bottom:5px;margin-left:0;padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px;z-index:999}
#contact  .name{width:240px;float:left}
#contact  .email{width:240px;float:left}
#contact  .name input, #contact  .email input{width:228px}
#contact  textarea{border:1px solid #444;border-radius:10px;width:400px;height:120px;margin-top:10px;margin-right:0;margin-bottom:20px;margin-left:0;padding-top:4px;padding-right:5px;padding-bottom:4px;padding-left:5px;resize:none}
#contact  input[type=submit]{background-color:#f70; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#FFF}
#contact  input[type=text], #contact  textarea, #contact  select{color:#444;border-radius:10px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;background-color:#fff;background-repeat:repeat-x;background-position:0 0}
.error_message{width:375px;height:22px;display:block;line-height:22px;padding:3px 10px 3px 35px;color:#8a1f11;border:1px solid #444;margin-bottom:15px;border-radius:10px;background-color:#FBE3E4;background-repeat:no-repeat;background-position:10px center}
.loader{padding:0 10px}
#contact p{font-weight:700;margin-bottom:0px}
#contact span.required{font-size:24px;color:#f00}
#contact legend{padding:3px 5px;font-weight:bold;border-radius:10px;margin-bottom:0 !important}
#content #contact{border:1px solid #444}
#contact #contactform fieldset{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;margin-top:10px}
.contact_info{display:block;float:right;height:35px;width:170px;position:relative}
#pend{display:inline-block;width:2px;height:75px;background:transparent;z-index:10;position:relative;transform-origin:50% 0;animation:moveIt 4s ease-in-out infinite;background:url(../gf8/pend.png);width:360px;height:157px;position:absolute;top:550px;left:60px}
@keyframes moveIt {
0%, 100% {transform:rotate(12deg)}
50% {transform:rotate(-12deg)}
}
#pin{width:99px;height:99px;position:absolute;top:510px;left:195px;background:url(../gf0/pin.png);z-index:20}