* {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  -webkit-text-size-adjust: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

table {
  border-spacing: 0px;
}

img {
  border: 0px;
}

a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

body {
  color: #333;
  background-color: #fff;
  font-family: "Courier New", Courier, monospace;
}



/* ------------------------------------ヘッダー-------------------------------------------- */
header {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

p {
  width: 100%;
  max-width: 980px;
  text-align: left;
  color: #000;
  margin: 0px auto;
}
/* ----------------------------------------------foot-------------------------------------------------- */

footer {
  width: 100%;
  margin: 0px auto;
  background: -moz-linear-gradient( #000000, #258bcb);
  background: -webkit-linear-gradient(#000000, #258bcb);
  background: linear-gradient(#00000, #258bcb);
  padding:20px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;  

}




/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
h1 {
    width: 100%;
    max-width: 980px;
    margin: 0px auto 5px auto;
    font-size: 16px;
    padding: 12px 0px 12px 0px;
    color: #fff;
    background-color: #000;
    background: linear-gradient(#4c4da5, #fff);
    text-align: center;
    background: -moz-linear-gradient(left, #032332, #4c4da5);
    background: -webkit-linear-gradient(left, #032332, #4c4da5);
    background: linear-gradient(to right, #032332, #4c4da5);
}

h2 {
  color: #222;
  font-size: 14px;
  text-align: center;
  max-width: 980px;
  margin: 20px auto;
  border: 1px solid #999;
  padding: 12px 0 12px 0;
  background-color: #666;
  font-weight: normal;
  background-color: #032332;
}

  h2 span {
    color: #51b10f;
    margin-right: 3%;
    font-weight: normal;
  }

h3 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin: 0px auto 0px auto;
  font-size: 16px;
font-weight:bold;

}




#pr {
  margin: 20px auto 20px auto;
  text-align: center;
  max-width: 980px;
  width: 100%;
}


/* -------------------------------------------ＭＡＩＮＢＯＸ------------------------------------ */
.mainbox {
  width: 100%;
  max-width: 1000px;
  vertical-align: top;
  table-layout: fixed;
  margin: 0px auto 0px auto;
  border-spacing: 10px;
}

  .mainbox td {
    width: 100%;
    vertical-align: top;
  }

    .mainbox td img {
      float: left;
      margin: 5px;
    }

    .mainbox td p {
      width: 100%;
    }



/* ---------------------------------------------お問い合わせ------------------------------------------------- */
#MailFormBox {
  width: 94%;
  margin: 0px auto;
}



/*===============================================
    ●smart.css  画面の横幅が640pxまで
    ===============================================*/

@media only screen and (max-width: 640px) {
  img {
    max-width: 100%;
    height: auto;
    width /***/: auto;
  }
  p {
  width: 96%;
  max-width: 980px;
  text-align: left;
  color: #000;
  margin: 0px auto;
}
  table {
    border-spacing: 0px;
  }
  /* -------------------------------------------ＭＡＩＮＢＯＸ------------------------------------ */
  .mainbox {
    width: 100%;
    background-color: #fff;
    padding-top: 0px;
    vertical-align: top;
    margin: 0px auto;
    display: inline-block;
  }

    .mainbox td {
      width: 100%;
      background-color: #fff;
      padding-top: 0px;
      vertical-align: top;
      margin: 0px auto;
      display: inline-block;
    }



}



/* ---------------------------------------------------------------------------------- */