@charset "UTF-8";

body#service_milage {}

.pagetitle { 
  width: 684px;
  height: 68px;
  background: url(images/service_milage_title.png) no-repeat;
  margin-bottom: 15px;
  text-indent: -9999px;
}
.pagelead {
  color: #1491dc;
  font-size: 132%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
.subtitle {
  background: url("/images/title_bg_common_blue.png") repeat scroll 0 bottom;
  color: #FFFFFF;
  font-size: 123%;
  height: auto;
  line-height: 1.4;
  padding: 10px;
  margin-bottom: 15px;
}
.subtitle span {
  display: inline;
  color: #FFFFFF;
  font-size: 100%;
}
.milagecard_wrap {
  background: url("images/service_milage_catch.png") no-repeat scroll 0 0;
  height: 192px;
  position: relative;
  margin-bottom: 35px;
}
.milagecard {
  position: absolute;
  bottom: 33px;
  left: 0;
}
.milagecard img {}
.otoku {
  color: #1491dc;
  font-size: 185%;
  margin-bottom: 20px;
  line-height: 1.3;
}
.min_title {
  color: #f29915;
  font-size: 123%;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 7px;
  margin-left: -5px;
}
.min_title span {
  font-size: 100%;
  color: #f29915;
}
.m1_list {
  line-height: 1.3;
  margin: 0 0 15px 25px;
}
.m1_list li {
  font-size: 118%;
  list-style: disc outside none;
}
.m1_table {
  border-top: 1px solid #555;
  margin-bottom: 20px;
}
.m1_table th {
  background: none repeat scroll 0 0 #daf0fb;
  border-bottom: 1px solid #555;
  font-size: 123%;
  padding: 13px 20px;
  text-align: left;
}
.m1_table td {
  border-bottom: 1px solid #555;
  font-size: 123%;
  padding: 10px 20px;
}
.sw_b {
  font-size: 100%;
}
.m1_table .col1 {
  border-right: 1px solid #555;
  padding-right: 100px;
}
.m1_note {
  font-size: 123%;
  line-height: 1.3;
  margin-bottom: 35px;
}
.m2_desc, 
.m3_desc {
  font-size: 123%;
  line-height: 1.3;
  margin-bottom: 20px;
}
.m4_desc {
  font-size: 123%;
  line-height: 1.3;
  margin-bottom: 15px;
}
.m4_table {
  width: 100%;
  border-top: 1px solid #555;
  margin-bottom: 20px;
}
.m4_table th {
  background: none repeat scroll 0 0 #daf0fb;
  border-bottom: 1px solid #555;
  font-size: 123%;
  padding: 13px 20px;
  text-align: center;
}
.m4_table td {
  border-bottom: 1px solid #555;
  font-size: 123%;
}
.m4_table .col1 {
  border-right: 1px solid #555;
  padding: 10px 5px;
  white-space: nowrap;
}
.m4_table .col1_txt_c {
  border-right: 1px solid #555;
  padding: 10px 5px;
  white-space: nowrap;
  vertical-align: middle;
}
.m4_table .col2 {
  border-right: 1px solid #555;
  padding: 10px 0 10px 10px;
}
.m4_table .col3 {
  padding: 10px 10px 10px 0;
  text-align: right;
}
.m4_table .disp_sp { display: none; }
.m4_note {
  font-size: 123%;
  line-height: 1.3;
  margin-bottom: 30px;
}
.milage_touroku a {
  background: url("images/service_milage_touroku_btn.png") no-repeat scroll 0 0;
  display: block;
  height: 73px;
  margin: 0 auto 20px;
  text-indent: -9999px;
  width: 405px;
}

@media only screen and (max-width: 800px) {

  .main_menu_wrap {
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .pagetitle { 
    width: 320px;
    height: 89px;
    background-position: 0 -68px;
  }
  .pagelead { padding: 0 7px; }
  .subtitle {
    text-align: center;
    font-size: 130%;
  }
  .subtitle span { display: block; }
  .milagecard_wrap {
    background-position: 0 -195px;
    height: 272px;
    margin-bottom: 20px;
  }
  .milagecard {
    position: static;
    text-align: center;
  }
  .milagecard img { width: 290px; }
  .min_title {
    line-height: 1.3;
    margin-left: 0;
    padding: 0 5px;
  }
  .min_title span { display: block; }
  .m1_list {
    line-height: 1.3;
    margin: 0 0 15px 25px;
  }
  .m1_list li {
    font-size: 118%;
    list-style: disc outside none;
  }
  .m1_table th {
    padding: 10px 5px;
    text-align: center;
    white-space: nowrap;
    width: 50%;
  }
  .m1_table td { padding: 10px 5px 10px 10px; }
  .sw_b { display: block; }
  .m1_table .col1 {
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
  }
  .m1_note {
    padding: 0 5px;
    margin-bottom: 20px;
  }
  .m4_table { border-top: 0 none; }
  .m4_table th { display: none; }
  .m4_table td {
    display: block;
    font-size: 123%;
  }
  .m4_table .col1 {
    background: none repeat scroll 0 0 #daf0fb;
    border-bottom: 1px solid #555;
    border-right: 0 none;
    padding: 10px 5px;
    text-align: center;
    white-space: normal;
  }
  .m4_table .col1_txt_c {
    background: none repeat scroll 0 0 #daf0fb;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    border-right: 0 none;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
  }
  .m4_table .col2 {
    border: 0 none;
    padding: 10px 0 0 10px;
  }
  .m4_table .col3 {
    border-bottom: 1px solid #555;
    padding: 10px 0 10px 10px;
    text-align: left;
  }
  .m4_table .disp_sp {
    display: inline;
    font-size: 100%;
  }
  .milage_touroku a {
    background-position: 0 -73px;
    height: 73px;
    width: 297px;
  }
  .m2_desc, 
  .m3_desc,
  .m4_desc {
    padding-right: 5px;
    padding-left: 5px;
  }
  .m4_note { padding: 0 5px; }

}