A:HOVER{
  color : blue;
  background-color : silver;
  text-decoration : underline;
}
A{
  color : navy;
  text-decoration : none;
  font-size : 12px;
}
H1{
  font-size : 12px;
  color : silver;
  text-align : center;
}
H2{
  font-size : 10px;
  color : gray;
  text-align : center;
}
H3{
  font-size : 10px;
  color : gray;
  text-align : center;
}
A:LINK{
  color : navy;
}
BODY{
  font-size : 10px;
  color : gray;
}
STRONG{
  font-size : 12px;
  color : gray;
}
TD{
  font-size : 12px;
}
/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
〜以下、画面の横幅が768pxまでの場合のスタイル記入〜
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
〜以下、画面の横幅が768pxまでの場合のスタイル記入〜
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
〜以下、画面の横幅が640pxまでの場合のスタイル記入〜
}