
/*1 CSS for PC */
@media screen and (min-width: 481px){

#back-6{display: none;
}

/*1 ??????????????? */
.fixed_btn{display: none;
}
    
    
}




.flexslider-container {position: relative;  }

#bodier{
background-image:url(bg165_02.gif);
background-repeat:repeat-x;
padding-top: 0px;
}


#box{
background-image:url(na0001_013768-2.jpg);
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
 background-size:cover;
}

#container{
background-color:white;
width:1000px;
height:100%;
margin-right: auto;
margin-left : auto;
margin:0px auto;
padding-bottom:0px;
overflow:hidden;
}





#aboutgaia {    
background-position:center;
text-align : center;
}  


h3{
color:gray;
font-size:18pt;
font-family:Dotum;
}

#gaia-utsuno a {
display:block; 
overflow: hidden; 
width:200px;
height:0px;
background:url(gaia-utsuno-4.jpg) no-repeat;
padding-top:100px;
margin-left:auto;
margin-right: auto;
}


#nintei a { 
display:block;
overflow: hidden; 
width:200px;  
height:141px; 
background:url(mini_hyosiki_R6.11.18-R11.11.17.jpg)no-repeat;
margin-left:auto;
margin-right: auto;
}  



#keibishi a { 
display:block;
overflow: hidden; 
width:200px;  
height:283px; 
background:url(gaia_ultra_guardman_miniforclick.jpg)no-repeat;
margin-left:auto;
margin-right: auto;
}  

#keibishi a:hover {  
background-position: 0 -283px;}  




#kyokai-link a{
display:block; 
overflow: hidden; 
width:200px;
height:0px;
background:url(kyokai-link-2.gif) no-repeat;
padding-top:100px;
margin-left:auto;
margin-right: auto;
}

#kyokai-link a:hover { 
background-position: 0 -100px ;} 


#daihyou-aisatsu a { 
display: block;  
overflow: hidden;  
width:200px;  
height:0px; 
background: url(daihyou-aisatsu-2.gif)no-repeat; 
padding-top:100px;
margin-left:auto;
margin-right: auto;
}  

#daihyou-aisatsu a:hover {  
background-position: 0 -100px;}  


#link a:hover{color:#ADFF2F;}



#contents-1{
width:100%;
height:100%;
background-position:center;
font-size: 12px;
max-height: 999999px;   
}

/*e[uP
-----------------------------------------------------------------*/
.ta1 {
vertical-align:top;
width: 100%;
border-top: 0px solid #CCC;
border-left: 0px solid #CCC;
border-spacing:0;
}
.ta1 th, .ta1 td {
vertical-align:top;
border-bottom: 1px solid #CCC;
border-right: 0px solid #CCC;
border-spacing:0;
}
.ta1 th{
vertical-align:top;

padding: 6px;
background:white;
}

.ta1 td{
text-align: left;
padding: 8px;
}




/*1 CSSforSP */
@media screen and (max-width: 480px) {
    

img { max-width: 100%; 
         height: auto;
       }

        
fixed_btn{
  position: fixed;
  background:url(white-iwsaikin.gif) no-repeat;
  bottom: 20px; 
  right: 20px;
  border-radius: 6px;
  border:5px solid black;
  padding: 40px 40px;
    z-index: 99999;
   }
    
    }
    
    
#bodier{background-image:noe;}

    
    
    
    

    
    
#container{
display: block;  
overflow: hidden; 
height:100%;
margin: auto;
}
    
.flexslider .slides img {
width:auto;
background-position:center;
}    

#box{
display: block;
}
    

    
    
    
    
#aboutgaia a { 
display: block;  
overflow: hidden;  
width:auto;  
margin-left:auto;
margin-right: auto;
}  

#back-5{
background-color:midnightblue;
padding-top: 0px;
height:100%;
margin: auto;    
text-align:justify; 
font-size: 1.2em;
color:#ff3300; 
font-family:leelawadee UI;
 }
    
  
#back-6{
background-color:midnightblue;
}  
 
#gaia-utsuno{
margin-left:auto;
margin-right:auto;
}
   
#gaia_exp{
padding-right: 10%;
width:90%;
height:auto;       
}  
  
    
#kyokai-link a{
margin-left:auto;
margin-right:auto;
}
    
   
    
#daihyou-aisatsu a { 
margin-right:auto;
margin-left:auto;
}  
 

}
    
