body {
text-alige: center;
margin: 0;
padding: 0;
color: #fff;
}
#container {
text-align: left;
margin: 0 auto;
width: 90%;
}
#header {
background: #4c5482;
margin: 0 0 20px;
}
#contents {
float: right;
width: 75%;
background: #d7ddff;
margin: 0 0 20px;
}

.resizeimage { width: 100%; }
.resizeimage img { width: 100%; }

  /*  img.miniimage { display: none; }   /* ※1

/* ▼表示領域が600px以上の場合 */
@media (min-width: 600px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が600px未満の場合 */
@media (max-width: 599px) {
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
.selectimage img { width: 100%; }

#sidebar {
float: left;
width: 20%;
background: #7b86ca;
margin: 0 0 20px;
}
#footer {
clear: both;
background: #4c5482;
}