h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,tr,form {  

margin:0; padding:0; font-size:100%;  

}

 

body {

  margin: 0px;

  padding: 0px;

  background-color: white;

  margin: auto;

}





#wrap {

  font-size: 1.2em;

  line-height: 1.6em;

  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;

  padding: 10px;

}

 

h1 {

  font-size: 1.6em;

  color: white;

  margin-top: 8px;

  margin-bottom: 8px;

  padding: 8px;

  background-color: #4c8ccc;



}

 

h2 {

  font-size: 1.4em;

  border-bottom: 1px solid #000;

  margin-top: 18px;

  margin-bottom: 6px;

  padding: 4px;

}





ul{

    margin:0;

    padding:0;

}

ul li{

    list-style-type: none;

    padding-left: 3em;

    text-indent: -3em

}



img {

vertical-align: bottom; /* または vertical-align: top; */

}



/* Small Tablets */

@media (min-width: 321px)and (max-width: 767px) {

  body{

    	width: 96%;

  }



  img {

   max-width: 100%;

  }

  }



/* Small Desktops */

@media (min-width: 768px) {

  body{

  width: 800px

  }



  img {

   max-width: 640px;

  }



}