@charset "utf-8";
/* CSS Document */

#box { 
	margin-top: 20px;
	margin-bottom: auto;
}


	


@media screen and (max-width: 320px) {
.modules li {
  width: 280px;
}

}
/*6列*/
@media screen and (min-width: 1691px){
#box { width: 1500px; margin-left: 70px;}
} /*@media screen and (min-width:1000px) */
@media screen and (max-width: 1690px){
#box { width: 1500px; margin-left: 60px;}
} /*@media screen and (min-width:1000px) */

/*5列*/
@media screen and (max-width: 1450px){
#box { width: 1300px;margin-left: 50px;}
} /*@media screen and (min-width:1000px) */

/*4列*/
@media screen and (max-width: 1160px){
#box { width: 1020px;margin-left: 35px;}
} /*@media screen and (min-width:1000px) */

/*3列*/
@media screen and (max-width: 880px){
#box { width: 780px;margin-left: 25px;}
} /*@media screen and (max-width:900px) */

/*2列*/
@media screen and (max-width: 590px){
#box { width: 520px;margin-left: 10px;}
} /*@media screen and (max-width:600px) */


/*1列*/
@media screen and (max-width: 320px){
#box { width: 255px; margin-left:5px; }
.content { width:255px;}
} /*@media screen and (max-width:400px) */