body{
	
position:relative;

background-image: url('../images/back2.jpg');
/*background-color:#e3dad5;*/
/*background-size:100%;*/
color:#ff8000;
background-position: 0% 0%;
height:1300px;
	
	
font-family:Arial, Sans-Serif;
	
font-weight: 200;
	
-webkit-font-kerning: auto;
	
-webkit-font-smoothing:antialiased;

opacity:1.1;	
}



/*a{
text-decoration: none;
text-align:center;
color:#ff8000;
}*/

header{

}

#slider{ 
   position:relative;
   /*top:-60px;*/
   width:80%;/*200px;*/
   /*height:200px;*/
   overflow: hidden;
   margin:0 auto;

} 
   #slider img { display:none; } 

#slider1{ 
   position:relative;
   /*top:-60px;*/
   width:80%;/*200px;*/
   /*height:200px;*/
   overflow: hidden;
   margin:0 auto;

} 
   #slider img { display:none; }

#slider2{ 
   position:relative;
   /*top:-60px;*/
   width:80%;/*200px;*/
   /*height:200px;*/
   overflow: hidden;
   margin:0 auto;

} 
   #slider img { display:none; }

#slider3{ 
   position:relative;
   /*top:-60px;*/
   width:80%;/*200px;*/
   /*height:200px;*/
   overflow: hidden;
   margin:0 auto;

} 
   #slider img { display:none; }

/* SLIDER STYLES */
	

.slider-wrapper{
	
position:relative;
	
overflow:hidden;
	
	
width:70%;/*100*/

height:450px;	
	
margin:30px auto;
	
	
/*background:#1b1b1b;*/
	
background-image: url('../images/sten.jpg');

background-size:100%;	
border:0.5px solid #555;	
box-shadow:0 3px 5px #666;
opacity:1.1;
z-index:9800;
}



.slider{
	
position:relative;
	
width:70%;/*400px;*//*95%;*/ 

height:450px;/*800px;*/
/*background-image: url('../images/back3.jpg');*/
background-repeat:no-repeat;
background-size:15%;
background-position: 0% 0%;
height:450px;when responsive, comment this out
opacity:1.1;	
margin:0 auto;

z-index:9800;	
	
/*background:#1b1b1b;*/

}

#menu {
  position:fixed;
  width:100%;
  padding:10;
  margin:69px 0 0 -8px;
  list-style-type: none;
  z-index:9998;
}

#menu li {
  width:25%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}

#menu li a {
  width:auto;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#a00;
  background-image: -moz-linear-gradient(top, #00c 0%, #00b 50%, #a00 50%, #b00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c00), color-stop(0.50, #b00), color-stop(0.50, #a00), color-stop(1, #b00));
}

#menu li a:hover {
  background:#900;
  background-image: -moz-linear-gradient(top, #009 0%, #008 50%, #007 50%, #008 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #900), color-stop(0.50, #800), color-stop(0.50, #700), color-stop(1, #800));
}


.m1 {
  position:relative;
  width:100%;
 
  padding:0;
  margin:70px auto;
  
}

.map{
  position:relative;
  width:95%;
  line-height:20px;

}

/*---------------------------------------------------*/
/* ------------------------------
   #menuList
------------------------------ */
#menuList {
    width: 100%;
    height: 45px;
    border-top: #aaa 1px solid;
    border-bottom: #aaa 1px solid;
    position: relative;
    z-index: 10;
    background: #ebebeb;
}
 
#menuList ul {
    margin: 0 auto;
    width: 100%;
    height: 45px;
    text-align: left;
}
 
#menuList ul li {
    width: 25%;
    height: 45px;
    float: left;
    border-left: #aaa 1px solid;
    box-sizing: border-box;
}
 
#menuList ul li:last-child {
    border-right: #aaa 1px solid;
}
 
#menuList ul li a {
    height: 45px;
    font-weight: bold;
    line-height: 45px;
    display: block;
    text-align: center;
    transition: all 0.2s linear;
}
 
#menuList ul li:hover > a {
    background: #fff;
}
 
#contents {
    margin: 0 auto;
    padding: 40px 0;
    width: 800px;
    text-align: left;
}
 
#contents p {
    padding-bottom: 2em;
    font-size: 1em;
    line-height: 2em;
}
 
/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */
@media only screen and (max-width: 800px) {
    #menuList ul {
        width: 100%;
    }
 
    #menuList ul li {
        width: 20%;
    }
}
 
/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
    #menuList {
        display: none;
    }
 
    #rwdMenuWrap {
        width: 100%;
        border-bottom: #aaa 1px solid;
    }
 
    #rwdMenuWrap #switchBtnArea {
        width: 100%;
        height: 60px;
        background: #3c3c3c;
        position: relative;
    }
 
    #rwdMenuWrap #switchBtnArea #switchBtn {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        display: block;
        background: #a7a7a7;
        position: absolute;
        border-radius: 5px;
    }
 
    #rwdMenuWrap #switchBtnArea #switchBtn span {
        left: 20%;
        width: 60%;
        height: 4px;
        display: block;
        position: absolute;
        background-color: #fff;
        border-radius: 5px;
        transition: all 0.2s linear;
    }
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {
        top: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {
        top: 18px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {
        bottom: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
 
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
        top: 18px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
        bottom: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
 
    #rwdMenuWrap ul {
        width: 100%;
        display: none;
    }
 
    #rwdMenuWrap ul li {
        width: 100%;
        border-bottom: #aaa 1px solid;
    }
 
    #rwdMenuWrap ul li a {
        padding: 15px 20px;
        text-align: left;
        display: block;
        background: #ebebeb;
        position: relative;
    }
 
    #rwdMenuWrap ul li a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        color: #888;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #b0b0b0;
        border-right: 2px solid #b0b0b0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
 
    #contents {
        width: 100%;
    }
 
    #contents p {
        padding: 0 20px 2em 20px;
    }
}
 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#menuList > ul:before,
#menuList > ul:after {
    content: " ";
    display: table;
}
#menuList > ul:after {clear: both;}
#menuList > ul {*zoom: 1;}










/*----------------------------------------------------*/


@media only screen and (min-width: 640px){
.slider{
		
width:350px;
	
}

/*
p{
font-size:50px;
}*/

p a{
text-decoration: none;

color:#ff8000;
font-size:14px;
}

header{

}

header .container{
width:350px;
height:50px;

margin:80px auro;
}


.teaser{
	
padding:0.5% 1.5%;
	
font-size:15px;
	 
line-height:100%
}

}



/*----------------------------------------------------*/



 
@media only screen and (min-width: 640px){
	
.slider{
		
width:100%;
	
}

a{
text-decoration: none;

color:#ff8000;
font-size:14px;
}

header .container{

height:50px;
margin:80px auto;
}


.teaser{
	
padding:0.5% 1.5%;
	
font-size:14px;
	 
line-height:100%
}

}


/*----------------------------------------------------*/



 
@media only screen and (max-width: 640px){
	
.slider{
		
width:100%;
	
}

a{
text-decoration: none;

color:#ff8000;
font-size:14px;
}

header .container{

height:50px;
margin:80px auto;
}


.teaser{
	
padding:0.5% 1.5%;
	
font-size:14px;
	 
line-height:100%
}

}



/*----------------------------------------------------*/
@media only screen and (min-width: 1024px){
	
.slider{
		
width:100%;/*1400px;*/
	
}


a{
text-decoration: none;
text-align:center;
color:#ff8000;
font-size:14px;
}

header .container{
width:1024px;
height:50px;

margin:120px auto;
}

.teaser{
	
padding:0.5% 1.5%;
	
font-size:14px;
	 
line-height:100%
}


}

/*----------------------------------------------------*/


/* ELEMENT STYLES */

p{
	
position:absolute;
	
/*top:-200px;*/
	
	
z-index:8000;
	
padding:1% 3%;
	
	
font-size:20px;	
line-height:100%
	
color:#fff;
	
white-space: nowrap;
	
text-transform:uppercase;

/*font-weight:bold;*/
text-shadow : rgba(230,50,0,0.5) -1.5px .5px .125px, rgba(0,0,0,0.2) .1px .1px .075px;
/*-webkit-background-clip : text;*/
}



.claim{
	
line-height:100%

}	

.teaser{
	
padding:0.5% 1.5%;
	
font-size:19px;
	 
line-height:100%
}


.small{
	
width:400px;/*100%;*//*400px;*/

padding-left:0; 
padding-right:0px;
	
text-align:center;

}



.small2{
	
width:260px;

padding-left:5; 
padding-right:0px;
	
text-align:left;

}


.small3{
	
width:120px;

padding-left:0; 
padding-right:0px;
	
text-align:left;

}



.light-green{
/*background:#ddffdd;#95C542;*/
background-image: url('../images/sten2.jpg');

}


.green{
background:#009900;/*7CB761*/
}


.orange{
background:#EF7D00
}


.turky{
/*background:#ffc7af;*/
background-image: url('../images/sten.jpg');
}


.white{
background:#fff; 
color:#333
}
/*
.press {
color: #ff3000;
background-color : black;
/*font-size:24px;*/
font-family: "‚l‚r ‚oƒSƒVƒbƒN",sans-serif;

text-shadow : rgba(255,255,255,0.5) 30px 3px 3px, rgba(200,200,200,0.2) 100px 1px 1px;
-webkit-background-clip : text;
}

.press3 {
color: transparent;
background-color : #ff3000; 
font-weight:bold;
text-shadow : rgba(200,200,200,0.5) 0 1.5px .125px, rgba(255,255,255,0.2) 1px 1px .075px;
-webkit-background-clip : text;

}*/

ul{
list-style:none;
}

.toprogo{
position:fixed;
width:100%;
height:98px;
color:#ffffff;
font-size:14px;
/*background-image: url('../images/back1.png');*/
background-color:#1910ff;
/*background-size: 100%;*/
padding:10px;
margin:-29px 0 0 -8px;
z-index:9999;
}

.stenob{
position:relative;
width:100%;
/*background-image: url('../images/sten.jpg');*/
color:#ffffff;
background-size: 100%;
padding:100px;
z-index:8000;
}

.stenob1{
position:relative;
width:100%;
/*background-image: url('../images/sten.jpg');*/
color:#0000ff;
background-size: 100%;
padding:100px;
z-index:8000;
}

.shadow{
margin-top: 5px;
display: inline-block;
box-shadow:0px 5px 15px -5px rgba(0,0,0,0.8);

}

.shadow_map{
margin-top: 5px;
display: inline-block;
color:#eeee00;
font-size:11px;
line-height:13px;
box-shadow:0px 5px 15px -5px rgba(0,0,0,0.8);

}

.texttop{

width:100%;
font-size:13px;
color:#f5deb3;
/*margin-right:1500px;*/
/*margin: 0 auto;*/
margin-bottom:5px;
/*padding:0 30px 100px 0 ;*/
z-index:8500;
text-align:center;
line-height:15px;
text-shadow : rgba(0,0,0,0.5) 0.2px 0.2px .2px;
}

.texttop2{

width:100%;
font-size:13px;
color:#ffff00;
/*margin-right:1500px;*/
/*margin: 0 auto;*/
margin-bottom:5px;
/*padding:0 30px 100px 0 ;*/
z-index:8500;
text-align:center;
line-height:15px;
text-shadow : rgba(0,0,0,0.5) 0.2px 0.2px .2px;
}

.libertytext{

width:100%;
font-size:13px;
/*margin-right:1500px;*/
/*margin: 0 auto;*/
margin-bottom:5px;
/*padding:0 30px 100px 0 ;*/
z-index:8500;
text-align:center;
color:#ffffff;
text-shadow : rgba(0,0,0,1.5) .9px .9x .2px;
line-height:15px;
}

.text{

width:100%;
font-size:13px;
/*margin-right:1500px;*/
/*margin: 0 auto;*/
margin-bottom:5px;
/*padding:0 30px 100px 0 ;*/
color:#ffffff;
z-index:8500;
text-align:center;
line-height:30px;
text-shadow : rgba(0,0,0,0.5) 0.2px 0.2px .2px;
}

.textmenu{

width:100%;
font-size:16px;
color:#1111aa;
/*margin-right:1500px;*/
/*margin: 0 auto;*/
margin-bottom:5px;
/*padding:0 30px 100px 0 ;*/
z-index:8500;
text-align:center;
line-height:15px;
text-shadow : rgba(0,0,0,0.5) 0.2px 0.2px .2px;
}

ul {
list-style: none;
width: calc(360px + 2em);
margin: 0 auto;
padding: 0;
}

li {
margin: 5px;
padding:5px;
}

.ball {
  display: block;
  width: 50px;
  height: 50px;
  padding: .5em;
  color: #fff;
  background-image: url("../images/liberty.png");

  background-size:100%;
  /*background: #20b2aa;*/
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  /* easeOutExpo */
  -webkit-animation: 5s cubic-bezier(0.19, 1, 0.22, 1) infinite alternate;
  animation: 5s cubic-bezier(0.19, 1, 0.22, 1) infinite alternate;
}
 
dt:nth-child(1) .ball {
  -webkit-animation-name: rolling1;
  animation-name: rolling1;
}
 
dt:nth-child(2) .ball {
  -webkit-animation-name: rolling2;
  animation-name: rolling2;
}
 
dt:nth-child(3) .ball {
  -webkit-animation-name: rolling3;
  animation-name: rolling3;
}
 
@-webkit-keyframes rolling1 {
  0% { -webkit-transform: translateX(0) rotate(0deg); }
  100% { -webkit-transform: translateX(360px) rotate(1440deg); }
}
@-webkit-keyframes rolling2 {
  0% { -webkit-transform: translateX(0) rotate(0deg); }
  50% { -webkit-transform: translateX(180px) rotate(720deg); }
  100% { -webkit-transform: translateX(360px) rotate(1440deg); }
}
@-webkit-keyframes rolling3 {
  0% { -webkit-transform: translateX(0) rotate(0deg); }
  10% { -webkit-transform: translateX(90px) rotate(360deg); }
  30% { -webkit-transform: translateX(180px) rotate(720deg); }
  60% { -webkit-transform: translateX(270px) rotate(1080deg); }
  100% { -webkit-transform: translateX(360px) rotate(1440deg); }
}
 
@keyframes rolling1 {
  0% { transform: translateX(0) rotate(0deg); }
  100% { transform: translateX(360px) rotate(1440deg); }
}
@keyframes rolling2 {
  0% { transform: translateX(0) rotate(0deg); }
  50% { transform: translateX(180px) rotate(720deg); }
  100% { transform: translateX(360px) rotate(1440deg); }
}
@keyframes rolling3 {
  0% { transform: translateX(0) rotate(0deg); }
  10% { transform: translateX(90px) rotate(360deg); }
  30% { transform: translateX(180px) rotate(720deg); }
  60% { transform: translateX(270px) rotate(1080deg); }
  100% { transform: translateX(360px) rotate(1440deg); }
}

/*---------------‰ñ“]--------------------*/
.lt img {
    -webkit-animation:animation-lt 10s infinite linear;
    animation:animation-lt 10s infinite linear;
}

@keyframes animation-lt {
   
    from{
        -ms-transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }

    to{
        -ms-transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }

}

/*---------------‰ñ“]2--------------------*/
.lt2 img {
    -webkit-animation:animation-lt2 10s infinite linear;
    animation:animation-lt2 7s infinite linear;
}

@keyframes animation-lt2 {
   
    from{
        -ms-transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }

    to{
        -ms-transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }

}

/*---------------‰ñ“]3--------------------*/
.lt3 img {
    -webkit-animation:animation-lt3 10s infinite linear;
    animation:animation-lt3 8s infinite linear;
}

@keyframes animation-lt3 {
   
    from{
        -ms-transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }

    to{
        -ms-transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }

}
  
/*---------------‰ñ“]4--------------------*/
.lt4 img {
    -webkit-animation:animation-lt4 10s infinite linear;
    animation:animation-lt4 6s infinite linear;
}

@keyframes animation-lt4 {
   
    from{
        -ms-transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }

    to{
        -ms-transform:rotateY(360deg);
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }

}

/*---------------- SAKURA--------------------*/
section .inner div {
    opacity: 0;
    -webkit-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-animation-name: Drop;
    animation-name: Drop;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#sakura .inner div {
    position: absolute;
    display: block;
    width: 188px;
    height: 134px;
    background: url("../images/images4/6-1-90.png") no-repeat;
}
 
#sakura .inner div.flake2,
#sakura .inner div.flake4,
#sakura .inner div.flake6,
#sakura .inner div.flake8 {
    background-size: 5px 6px !important;
}

.flake1 {
    left: 10%;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}
 
.flake2 {
    left: 20%;
    -webkit-animation-duration: 2.7s;
    animation-duration: 2.7s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
 
.flake3 {
    left: 35%;
    -webkit-animation-duration: 2.9s;
    animation-duration: 2.9s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
 
.flake4 {
    left: 50%;
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
 
.flake5 {
    left: 60%;
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
 
.flake6 {
    left: 70%;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
.flake7 {
    left: 80%;
    -webkit-animation-duration: 2.7s;
    animation-duration: 2.7s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
 
.flake8 {
    left: 90%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

@-webkit-keyframes Drop {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }
 
    50% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 1;
    }
 
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0.3;
    }
}
 
@keyframes Drop {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }
 
    50% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 1;
    }
 
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0.3;
    }
}