/*===============================================
●default.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
#menu li.rental 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 h1 {
    text-align: left;	
    clear: both;
    font-size: 22px;
    margin: 20px 0px 20px 0px; 
    padding: 2px 0px 0px 15px;
}
#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;    
}
.table01 {
    font-size: 14px;   	
    width: 100%;
    margin-bottom: 30px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table01 th {
    background: #EEE;
}
.table01 th {
    padding: 8px 16px;
    vertical-align: middle;
    border: 1px solid #555;	
}
.table01 td, .table01 th {
    padding: 8px 16px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #555;		
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border: 1px solid #555;	
}

}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
#menu li.rental 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 h1 {
    text-align: left;	
    clear: both;
    font-size: 22px;
    margin: 20px 0px 20px 0px; 
    padding: 2px 0px 0px 15px;
}
#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;    
}
.table01 {
    font-size: 14px;   	
    width: 100%;
    margin-bottom: 30px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table01 th {
    background: #EEE;
}
.table01 th {
    padding: 8px 16px;
    vertical-align: middle;
    border: 1px solid #555;	
}
.table01 td, .table01 th {
    padding: 8px 16px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #555;		
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border: 1px solid #555;	
}
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#menu li.rental 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 h1 {
    text-align: left;	
    clear: both;
    font-size: 20px;
    margin: 20px 0px 20px 0px; 
    padding: 2px 0px 0px 15px;
}
#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;    
}
.table01 {
    font-size: 10px;   	
    width: 100%;
    margin-bottom: 30px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table01 th {
    background: #EEE;
}
.table01 th {
    padding: 4px;
    vertical-align: middle;
    border: 1px solid #555;	
}
.table01 td, .table01 th {
    padding: 4px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #555;		
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border: 1px solid #555;	
}
}