@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: 1701px){
#box { width: 1450px; margin-left: 70px;}
} /*@media screen and (min-width:1000px) */
@media screen and (max-width: 1700px){
#box { width: 1450px; margin-left: 60px;}
} /*@media screen and (min-width:1000px) */

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

/*4列*/
@media screen and (max-width: 1310px){
#box { width: 1000px;margin-left: 50px;}
} /*@media screen and (min-width:1310px) */
@media screen and (max-width: 1060px){
#box { width: 850px;margin-left: 50px;}
} /*@media screen and (max-width:1060px) */


/*3列*/
@media screen and (max-width: 940px){
#box { width: 800px;margin-left: 50px;}
} /*@media screen and (max-width:900px) */
@media screen and (max-width: 810px){
#box { width: 700px;margin-left: 50px;}
} /*@media screen and (max-width:800px) */

/*2列*/
@media screen and (max-width: 600px){
#box { width: 500px;margin-left: 50px;}
} /*@media screen and (max-width:600px) */
@media screen and (max-width: 560px){
#box { width: 200px; margin-left: 50px;}
} /*@media screen and (max-width:400px) */


/*1列*/
@media screen and (max-width: 499px){
#box { margin-left: 50px; }

} /*@media screen and (max-width:400px) */
@media screen and (max-width: 400px){
#box { width: 200px; margin-left:50px;}

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

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