body {
 font-size: 12px;
 letter-spacing:3px;
 line-height: 28px;
 background-color:;
 font-family:Verdana;
 margin: 0 auto;
 max-width: 80%;
}

a{    
 text-decoration:none;
 color:#0000ee;
}
a:hover{ 
 color:#0000ee;
 text-decoration:none;
 border-bottom:none;
 padding-bottom: 3px;
}
a:visited{
 color:#0000ee;
 text-decoration:none;
}

input[type="text"]{
border: 1px solid #ffffff;
background-image: url();
background-color: #eeeeee;
box-shadow: 0px 0px #ffffff;
width:70px;
height:22px;
padding:0px;
}
input[type=submit]{
border: 1px solid #ffffff;
background-image: url();
background-color: #eeeeee;
box-shadow: 0px 0px #ffffff;
width:15px;
height:21px;
padding:0px;
}
hr{ border:none; /*水平線の境界線を消す*/
    border-top-style:dashed; /*線の種類*/
    border-top-width:1px; /*線の太さ*/  
    border-top-color:#ffffff; /*線の色*/ }

/*スマホ*/
@media(min-width:300px){
 body{max-width:80%;}
}

/*タブレット*/
@media(min-width:500px){
 body{max-width:70%;}
}

/*パソコン*/
@media(min-width:1024px){
 body{max-width:50%;}
}