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

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


@media screen and (min-width: 1501px){
.box { width: 1450px; margin-left: 70px;margin-right:20px;}
} /*@media screen and (min-width:1501px) */
@media screen and (max-width: 1500px){
.box { width: 1450px; margin-left: 60px;margin-right:20px;}
} /*@media screen and (min-width:1500px) */

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

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


@media screen and (max-width: 999px){
.box { width: 850px;margin-left: 50px;}
} /*@media screen and (max-width:999px) */

@media screen and (max-width: 940px){
.box { width: 800px;margin-left: 50px;}
} /*@media screen and (max-width:940px) */

@media screen and (max-width: 800px){
.box { width: 700px;margin-left: 50px;}
} /*@media screen and (max-width:800px) */

@media screen and (max-width: 730px){
.box { width: 600px;margin-left: 50px;}
} /*@media screen and (max-width:730px) */

@media screen and (max-width: 600px){
.box { width: 500px;margin-left: 50px;}
} /*@media screen and (max-width:600px) */

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

} /*@media screen and (max-width:500px) */
@media screen and (max-width: 400px){
.box { width: 200px; margin-left:20px; margin-right:10px; }

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

/*1列*/
@media screen and (max-width: 320px){
.box { width: 200px; margin-left:10px; margin-right:5px; }
.content { width:240px;}
.modules li { width: 280px;}
} /*@media screen and (max-width:320px) */