/*===============================================
●default.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
#menu li.access a{
  background: #444;
}
#main_center {
  width: 90%;
  padding: 15px 15px 10px 20px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;	 
}
#main_center h2 {
    text-align: left;	
    clear: both;
    font-size: 18px;
    margin: 20px 0px 20px 10px; 
    padding: 2px 0px 0px 15px;
    border-left: 10px solid #333;
}
p {
  line-height: 150%;
  font-size: 14px;    
}	
#google {
  width: 80%;
  height: 80%;
}
.map_img img{
  width: 80%;
  height: 80%; 
}
.pic p {
  font-size: 12px;  
  padding: 0px 0px 10px 0px;    
}	
.pic p.studio_img img{
  width: 50%;
  height: 50%;   
}			
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
#menu li.access a{
  background: #444;
}
#main_center {
  width: 90%;
  padding: 15px 15px 10px 20px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;	 
}
#main_center h2 {
    text-align: left;	
    clear: both;
    font-size: 18px;
    margin: 20px 0px 20px 10px; 
    padding: 2px 0px 0px 15px;
    border-left: 10px solid #333;
}
p {	
  line-height: 150%;
  font-size: 14px;    
}
#google {
  width: 80%;
  height: 80%;
}
.map_img img{
  width: 80%;
  height: 80%;
}
.pic p {
  font-size: 12px;  
  padding: 0px 0px 5px 0px;         
}	
.pic p.studio_img img{
  width: 50%;
  height: 50%;   
}	
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#menu li.access a{
  background: #444;
}
#main_center {
  width: 80%;
  padding: 15px 15px 10px 20px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;	  
}
#main_center h2 {
    text-align: left;	
    clear: both;
    font-size: 16px;
    margin: 20px 0px 20px 10px; 
    padding: 2px 0px 0px 15px;
    border-left: 10px solid #333;
}
p {	
  line-height: 120%;
  font-size: 10px;    
}
#google {
  width: 80%;
  height: 80%;
}
.map_img img{
  width: 80%;
  height: 80%;
}
.pic p {
  font-size: 10px;
  padding: 0px 0px 5px 0px;       
}	
.pic p.studio_img img{
  width: 40%;
  height: 40%;   
}	
}