@charset "utf-8";

body {
 background-color:#b0c4de; /*背景の色*/
 width:100%; /*ページ全体の幅*/
 overflow-x: hidden; /*スクロールバー下部の消去*/
}

a:link{color:#3333cc; /*未訪問リンクの色*/}
a:visited{color:#000099; /*訪問済みリンクの色*/}
a:active{color:#ff9900; /*クリックしたときの色*/}
a:hover{color:#cccccc; /*マウスが乗ったときの色*/}

ul {
list-style-type: none; /*リストの先頭（noneは点を消している）*/
margin: 0 auto;
padding-left: 5px; /*左側の空白サイズ*/
font-size:80%; /*リストのフォントサイズ*/
}

#wrap{
width: 90%; /*内容部分の幅*/ 
margin: 0 auto; /*マージンの指定。ブラウザ対策*/
padding: 15px; /*内容部分の周りの余白サイズ*/
  text-align:left;   /*文章など内容部分を左揃えにしている*/
}




<!-- ↓以下念のためのスマホ最適化用 -->

@media screen and (max-width: 768px) {
#wrap{
width: 100%; /*全体の幅*/ 
margin: 0 auto; /*マージンの指定をする。ブラウザ対策*/
padding: 15px;
  text-align:left;   /*全体を左揃えにする。*/
}
 }
 
 @media screen and (max-width: 480px) {
    p{
width: 100%; /*全体の幅を指定する*/ 
margin: 0 auto; /*マージンの指定をする、ブラウザ対策*/
padding: 15px;
  text-align:left;   /*全体を左揃えにする。*/
     }
 }