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

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


	


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

}

@media screen and (min-width: 1501px){
#box { width: 1450px; }
} /*@media screen and (min-width:1000px) */
@media screen and (max-width: 1500px){
#box { width: 1450px;}
} /*@media screen and (min-width:1000px) */

@media screen and (max-width: 1400px){
#box { width: 1250px;}
} /*@media screen and (min-width:1000px) */

@media screen and (max-width: 1160px){
#box { width: 1000px;}
} /*@media screen and (min-width:1000px) */


@media screen and (max-width: 999px){
#box { width: 850px;}
} /*@media screen and (max-width:999px) */

@media screen and (max-width: 940px){
#box { width: 800px;}
} /*@media screen and (max-width:900px) */

@media screen and (max-width: 800px){
#box { width: 700px;}
} /*@media screen and (max-width:800px) */

@media screen and (max-width: 730px){
#box { width: 600px;}
} /*@media screen and (max-width:700px) */

@media screen and (max-width: 600px){
#box { width: 500px;}
} /*@media screen and (max-width:600px) */


/*1列*/
@media screen and (max-width: 500px){
#box { width: 200px;}

} /*@media screen and (max-width:400px) */

@media screen and (max-width: 400px){
#box { width: 200px;}

} /*@media screen and (max-width:400px) */

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