body  {      background: #f3f3f3;      text-align: center;      display:block;      width: 99%;      font-size:calc( (100vw - 480px)/(1920 - 480) * (26 - 14) + 14px);      }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {   body{font-size:calc( (100vw - 480px)/(1920 - 480) * (28 - 14) + 14px);}}

#center{position:relative;       width:99%;        margin-left:auto;        margin-right:auto;              display:block;        text-align:center}

#top{background:#fff;                         left:0px; right:0px;       top:0px;           text-align:center;       position:absolute;       display:block}

#up{display:block;       BACKGROUND-IMAGE:url(up-bg.jpg);  background-size:100% auto;       background-position:center center; BACKGROUND-repeat:no-repeat;                text-align:center;       display:block;            border-left:solid 2px #B2A595;       border-right:solid 2px #B2A595}

.first{width:100%;   display:block;   text-align:right;   background:url(up-11.jpg) no-repeat 100% 50%; background-size:40.16% auto}

.first:hover, .first:focus, .first:active{  background:url(up-11.jpg) no-repeat 100% 50%; background-size:40.16% auto}

.first:hover img, .first:focus img, .first:active img{  background:transparent;   visibility:hidden}

.second{width:100%;   display:block;   text-align:center;   background:url(up-21.jpg) no-repeat 50% 50%; background-size:100% auto}

.second:hover, .second:focus, .second:active{  background:url(up-21.jpg) no-repeat 50% 50%; background-size:100% auto}

.second:hover img, .second:focus img, .second:active img{  background:transparent;   visibility:hidden}

.third{width:100%;   display:block;   text-align:center;   background:url(up-31.jpg) no-repeat 50% 50%; background-size:100% auto}

.third:hover, .third:focus, .third:active{  background:url(up-31.jpg) no-repeat 50% 50%; background-size:100% auto}

.third:hover img, .third:focus img, .third:active img{  background:transparent;   visibility:hidden}

.fourth{width:100%;   display:block;   text-align:center;   background:url(up-41.jpg) no-repeat 50% 50%; background-size:100% auto}

.fourth:hover, .fourth:focus, .fourth:active{  background:url(up-41.jpg) no-repeat 50% 50%; background-size:100% auto}

.fourth:hover img, .fourth:focus img, .fourth:active img{  background:transparent;   visibility:hidden}

.fifth{width:100%;   display:block;   text-align:left;   background:url(up-5.jpg) no-repeat 0% 50%; background-size:54.92% auto}

.fifth:hover, .fifth:focus, .fifth:active{  background:url(up-51.jpg) no-repeat 0% 50%; background-size:54.92% auto}

.fifth:hover img, .fifth:focus img, .fifth:active img{  background:transparent; text-align:left;   visibility:hidden}

.sixth{width:100%;   display:block;   text-align:center;   background:url(up-61.jpg) no-repeat 50% 50%; background-size:100% auto}

.sixth:hover, .sixth:focus, .sixth:active{  background:url(up-61.jpg) no-repeat 50% 50%; background-size:100% auto}

.sixth:hover img, .sixth:focus img, .sixth:active img{  background:transparent;   visibility:hidden}

.seventh{width:100%;   display:block;   text-align:center;   background:url(up-71.jpg) no-repeat 50% 50%; background-size:100% auto}

.seventh:hover, .seventh:focus, .seventh:active{  background:url(up-71.jpg) no-repeat 50% 50%; background-size:100% auto}

.seventh:hover img, .seventh:focus img, .seventh:active img{  background:transparent;   visibility:hidden}

.eightth{width:100%;   display:block;   text-align:center;   background:url(up-81.jpg) no-repeat 50% 50%; background-size:100% auto}

.eightth:hover, .eightth:focus, .eightth:active{  background:url(up-81.jpg) no-repeat 50% 50%; background-size:100% auto}

.eightth:hover img, .eightth:focus img, .eightth:active img{  background:transparent;   visibility:hidden}

.nineth{width:100%;   display:block;   text-align:left;   background:url(up-9.jpg) no-repeat 0% 50%; background-size:34.84% auto}

.nineth:hover, .nineth:focus, .nineth:active{  background:url(up-91.jpg) no-repeat 0% 50%; background-size:34.84% auto}

.nineth:hover img, .nineth:focus img, .nineth:active img{  background:transparent;   visibility:hidden}

#navmain{      border-left:solid 2px #B2A595;       border-right:solid 2px #B2A595;                    background:#fff;                   padding-top:5px;           padding-bottom:1px;                         display:block}
   
.action{width:100%;   display:block;   text-align:center;   background:url(action1.jpg) no-repeat 50% 50%; background-size:100% auto}

.action:hover, .action:focus, .action:active{  background:url(action1.jpg) no-repeat 50% 50%; background-size:100% auto}

.action:hover img, .action:focus img, .action:active img{  background:transparent;   visibility:hidden}
     
         
.home{width:100%;   display:block;   text-align:center;   background:url(home1.jpg) no-repeat 50% 50%; background-size:100% auto}

.home:hover, .home:focus, .home:active{  background:url(home1.jpg) no-repeat 50% 50%; background-size:100% auto}

.home:hover img, .home:focus img, .home:active img{  background:transparent;   visibility:hidden}

.product{width:100%;   display:block;   text-align:center;   background:url(product1.jpg) no-repeat 50% 50%; background-size:100% auto}

.product:hover, .product:focus, .product:active{  background:url(product1.jpg) no-repeat 50% 50%; background-size:100% auto}

.product:hover img, .product:focus img, .product:active img{  background:transparent;   visibility:hidden}

.order{width:100%;   display:block;   text-align:center;   background:url(order1.jpg) no-repeat 50% 50%; background-size:100% auto}

.order:hover, .order:focus, .order:active{  background:url(order1.jpg) no-repeat 50% 50%; background-size:100% auto}

.order:hover img, .order:focus img, .order:active img{  background:transparent;   visibility:hidden}

.contact{width:100%;   display:block;   text-align:center;   background:url(contact1.jpg) no-repeat 50% 50%; background-size:100% auto}

.contact:hover, .contact:focus, .contact:active{  background:url(contact1.jpg) no-repeat 50% 50%; background-size:100% auto}

.contact:hover img, .contact:focus img, .contact:active img{  background:transparent;   visibility:hidden}

.inq{width:100%;   display:block;   text-align:center;   background:url(inq1.jpg) no-repeat 50% 50%; background-size:100% auto}

.inq:hover, .inq:focus, .inq:active{  background:url(inq1.jpg) no-repeat 50% 50%; background-size:100% auto}

.inq:hover img, .inq:focus img, .inq:active img{  background:transparent;   visibility:hidden}

.search{width:100%;   display:block;   text-align:center;   background:url(search1.jpg) no-repeat 50% 50%; background-size:100% auto}

.search:hover, .search:focus, .search:active{  background:url(search1.jpg) no-repeat 50% 50%; background-size:100% auto}

.search:hover img, .search:focus img, .search:active img{  background:transparent;   visibility:hidden}
      
.guide{width:100%;   display:block;   text-align:center;   background:url(guide1.jpg) no-repeat 50% 50%; background-size:100% auto}

.guide:hover, .guide:focus, .guide:active{  background:url(guide1.jpg) no-repeat 50% 50%; background-size:100% auto}

.guide:hover img, .guide:focus img, .guide:active img{  background:transparent;   visibility:hidden}

.new{width:100%;   display:block;   text-align:center;   background:url(new1.jpg) no-repeat 50% 50%; background-size:100% auto}

.new:hover, .new:focus, .new:active{  background:url(new1.jpg) no-repeat 50% 50%; background-size:100% auto}

.new:hover img, .new:focus img, .new:active img{  background:transparent;   visibility:hidden}

           
#main{position:absolute;             background:#F3F3F3;              text-align:center;       display:block;       left:0px; right:0px;       margin-bottom:10px}

#content{ background:#FFF;       bottom:0px;                  border-left:solid 2px #B2A595;       border-right:solid 2px #B2A595;                                    padding-top:40px;              padding-bottom:40px;             padding-left:10px;              padding-right:10px;        display:block;               color:#000}
#content a:link{      color:#00F;       text-decoration:underline}

#content a:visited{      color:#00F;       text-decoration:underline}

#content a:hover{      color:#EA4D00;       text-decoration:none}

h1{ font-style: italic; text-align:center;       font-size:130%;       font-family:Arial,Helvetica,sans-serif;       color:#008000;       font-weight:600}

h1 a:link, a:visited{      color:#008000;       text-decoration:underline}

 
h1 a:hover{      color:#EA4D00;       text-decoration:none}

h2{font-style: italic; text-align:center;       font-size:115%;       font-family:Arial,Helvetica,sans-serif;       color:#008000;       font-weight:700}

#txt{      margin:10px; text-indent:2em; font-family:Times New Roman,Helvetica,Arial,sans-serif;       font-size:100%;       text-align:justify}

#txt a:link{      color:#00F;       text-decoration:underline}

#txt a:visited{      color:#00F;       text-decoration:underline}

#txt a:hover{      color:#EA4D00;       text-decoration:none}

table{font-size:100%}

table a:link{      color:#00F;       text-decoration:underline}

table a:visited{      color:#00F;       text-decoration:underline}

table a:hover{      color:#EA4D00;       text-decoration:none}
#submenu{      margin-top:30px;       margin-bottom:0px;       text-align:center;       color:#00F;       font-size:90%}

#submenu a:link{      color:#00F;       text-decoration:underline}

#submenu a:visited{      color:#00F;       text-decoration:underline}

#submenu a:hover{      color:#EA4D00;       text-decoration:none}

p{padding-left:10px; padding-right:10px}

p.note{ text-align:center;       font-size:90%;       font-family:Times New Roman;       color:#CC3300;  font-weight:600    }
.green{ color:#008000; font-weight:500}

#footer{top:0px; background:#fff;       padding-bottom:20px;       margin-bottom:10px;       margin-top:-10px;       border-bottom:solid 2px #B2A595;       border-left:solid 2px #B2A595;       border-right:solid 2px #B2A595;             text-align:center;       color:#008000}
#footer a:link, a:visited{      color:#008000;       text-decoration:underline}
#footer a:hover{color:#EA4D00}

hr{margin-left:10%; margin-right:10%;     color:#B9977B;     text-align:center}

input[type="text"]{font-size:100%;font-family:Times New Roman;}
textarea{font-size:100%; font-family:Times New Roman;}
select{font-size:100%; font-family:Times New Roman;}
input[type="submit"]{font-size:100%;font-family:Times New Roman;}
input[type="reset"]{font-size:100%;font-family:Times New Roman;}

#imgfull img{display:block; width:90%}

#invisible-1{display:none; height:0px; width:0px; margin:0px}
