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


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

 

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



#gaia-info{
width:auto;
height:350px;
background:url(gaia-info_banner6.gif) no-repeat;
background-position:center;
}



#g-info{
color:dimgray;
width:700px;
font-size:25pt;
text-align:left;
padding-top:20pt;
margin-left:125px;
}


#comp{
width:700pt;
color:dimgray;
margin-left:125px;
}
    
    
#comp-2{
width:900pt;
height: 1000px;
color:dimgray;
margin-left:25px;
}
    

#adobe a{
float:left;
background:url(get_adobe_reader.png) no-repeat;
width:158px;
height:39px;
margin-top:15pt;
margin-left:125px;
}

#gaia-info-1-20{
float:left;
margin-top:15pt;
margin-left:135px;
    color:black;
}


#gaia-info-21-40{
float:left;
margin-top:15pt;
margin-left:50pt;
}


#gaia-info2 a{
color:black;
}
a:link{color:red;}a:visited{color:red;}a:hover{color:red;}

#gaia-info3 a{
color:black;
}
a:link{color:red;}a:visited{color:red;}a:hover{color:red;}

#gaia-info4 a{
color:black;
}
a:link{color:red;}a:visited{color:red;}a:hover{color:red;}

#gaia-info5 a{
color:black;
}
a:link{color:red;}a:visited{color:red;}a:hover{color:red;}

#gaia-info6 a{
color:black;
}
a:link{color:red;}a:visited{color:red;}a:hover{color:red;}

#gaia-info7 a{
color:black;
}
a:link{color:red;}a:visited{color:red;}a:hover{color:red;}

#gaia-info8 a{
color:black;
}
a:link{color:red;}a:visited{color:red;}a:hover{color:red;}

#gaia-info9 a{
color:black;
}
a:link{color:red;}a:visited{color:red;}a:hover{color:red;}

#gaia-info10 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info11 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info12 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info13 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info14 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info15 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info16 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info17 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info18 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info19 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info20 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info21 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info22 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info23 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info24 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}

#gaia-info25 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info26 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info27 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info28 a{
color:black;
}

#gaia-info29 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info30 a{
color:black;
}
a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info31 a{
color:black;
}

    a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info32 a{
color:black;
}

    a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info33 a{
color:black;
}

    a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info34 a{
color:black;
}

    a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info35 a{
color:black;
}

 a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info36 a{
color:black;
}
 a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info37 a{
color:black;
}
 a:link{color:black;}a:visited{color:black;}a:hover{color:red;}
    
#gaia-info38 a{
color:black;
}

    



#to-top{
background:url(to-top.png);
width: 80px;
height: 80px;
margin-left: auto;
margin-top:50pt;
margin-bottom:3pt;
}
}


/*1 CSS for SP */
@media screen and (max-width: 480px) { 
    
  img { width: 100%; 
      height: auto;
}
 
    
        
#container{
width: auto;
height:100%;
background-color:white;
display: block;  
overflow: hidden; 
   }
    
    
bodier{
background-image:none;
background-repeat:none;
padding-top: 0px;
   }

#gaia-info{
display: none;
}  
    
  
#g-info{
color:dimgray;
width:auto;
font-size:25pt;
text-align:left;
padding-top:20pt;
margin-left:20px;
}

#adobe a{
float:left;
background:url(get_adobe_reader.png) no-repeat;
width:158px;
height:39px;
margin-top:15pt;
margin-left:25px;
}
    
#comp{
width:auto;
color:dimgray;
margin-left:20px;
    font-size:10pt;
}
    
    
#comp-2{
width:100%;
height: auto;
color:black; 
margin-left:25px;
    font-size:10pt;
}  
    
}