/*1 CSS for PC */
@media screen and (min-width: 481px){
    
#bodier{
background-image:url(bg165_02.gif);
background-repeat:repeat-x;
padding-top: 1px;
}

    


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

  
    
#gaiyo{
color:dimgray;
width:100%;
font-size:25pt;
text-align:left;
text-decoration:none;
padding-top:20pt;
margin-left:100px;
}



#contents-1{
width:700px;
height:100%;
background-position:center;
padding:10px;
font-size: 14px;
margin: auto;
}
   
}



/*�e�[�u���P
-----------------------------------------------------------------*/
.ta1 {
width: 100%;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-spacing:0;
}
.ta1 th, .ta1 td {
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
border-spacing:0;
}
.ta1 th{
text-align: center;
padding: 20px;
background: #ececed;
color:DarkSlateGray;
}

.ta1 td{
text-align: left;
padding: 20px;
color:DarkSlateGray;
}
    


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



#service-info{
margin-left:460pt;
margin-right:10pt;
}


a1:active{color:red;}



/*2 CSSforSP */
@media screen and (max-width: 480px){
 
#bodier{
background-image:none;
background-repeat:none;
padding-top: 1px;
      }
    
#container{
width: auto;
background-color:white;
height:100%;
   }
    
    
    
    
#gaiyo{
color:dimgray;
width:250px;
font-size:20pt;
text-align:left;
text-decoration:none;
padding-top:20pt;
margin-left:10px;
}


#contents-1{
width:auto;
height:100%;
background-position:center;
font-size: 15px;
margin: auto;
}   
    
        
table {
  border-collapse: collapse;
}
    

    
table td, table th {
  display: block;
  width: auto;
  
}
 
table th {
  background-color: #eee;
}
      

}