#setsumei {
width : 850px;
margin : 20px auto;
padding-top : 10px;
padding-bottom : 10px;
background-color : #919191;
background : linear-gradient(to right, #919191, #5F5F5F);
text-align : center;
font-weight : bold;
color : yellow;
}

#update {
width : 600px;
margin : 30px auto;
border : solid 2px black;
background-color : white;
}
#update h2 {
margin : 0px;
font-size : larger;
color : red;
font-weight : bold;
}
#update dt {
font-size : smaller;
margin : 0px;
}
#update dl {
list-style-type : none;
margin : 0px;
}
#update a:link {
color : green;
}
#update a:visited {
color : green;
}

#softboard {
width : 900px;
margin : 10px auto;
}
#softboard a:visited {
color : goldenrod;
}
.softdate {
text-align : right;
font-size : smaller;
font-weight : bold;
}
.softbox1 {
width : 256px;
height : 300px;
margin : 5px 2px;
padding : 0px 20px;
float : left;
background-color : #006600;
background : linear-gradient(to bottom left, #006600, #BEBEBE);
}
.softbox2 {
width : 256px;
height : 300px;
margin : 5px 2px;
padding : 0px 20px;
float : left;
background-color : #E58600;
background : linear-gradient(to bottom left, #E58600, #BEBEBE);
}
#softboard h2 {
font-size : larger;
text-align : center;
text-decoration : underline overline;
color : yellow;
}

#counter {
padding-top : 10px;
clear : left;
text-align : center;
}

#urlqr {
text-align : center;
color : orange;
font-weight : bold;
padding-bottom : 10px;
}

@media screen and (max-width:480px) {

h1 img {
width : 100%;
}

#setsumei {
width : 95%;
text-align : left;
border : solid 2px yellow;
}
#update {
width : 100%;
}

#softboard {
width : 100%;
}

}