#main_wrapper{width:980px; height:1300px; float:left;}

#box{width:810px; height:auto; float:left;}

#box1{width:810px; height:auto; float:left;}
.box1_wrapper{width:800px; height:auto; margin-left:10px; float:left;}
.box1_title{width:800px; height:auto; margin-top:10px; margin-bottom:10px; float:left;}
.box1_mainpic{width:800px; height:170px; float:left;}
.box1_mainpic img{width:800px; height:170px;}

#box2{width:810px; height:auto; margin-top:10px; float:left;}
.box2_kingtitle{width:790px; height:auto; margin:10px; padding:5px; font-weight:bold; color:#f4faff; text-decoration:none; text-align:center; text-shadow:1px 1px 2px #002b55; border:solid 1px #b1b123; border-radius:7px; float:left;
background-image: 
 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006ad5), to(#eaf4ff));
 background: linear-gradient(#006ad5, #eaf4ff);}

.box2_pastrankbox_wrapper{width:798px; height:auto; margin:0px 10px; border:solid 1px #b8b872; float:left;}
.box2_pastranklist{width:774px; height:auto; margin:10px; float:left; border:solid 2px #dcdcdc;}

.box2_pastrank{width:490px; height:900px; margin:10px; overflow:scroll; float:left;}
.box2_pastrank table{width:490px;}
.box2_pastrank td{text-align:left; padding:2px;}
.box2_pastsidebox{width:242px; height:auto; margin:10px; border:solid 1px #b1b123; float:left;}
.box2_pastside{width:234px; height:auto; margin:5px;}
.box2_pastside li{width:210px; height:25px; margin-bottom:10px; padding:10px; font-size:16px; font-weight:bold; color:#f4faff; text-decoration:none; text-align:center; text-shadow:1px 1px 2px #002b55; border:solid 2px #8d8d1d; border-radius:7px; float:left;
background-image: 
 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaaa55), to(#d5d5aa));
 background: linear-gradient(#aaaa55, #d5d5aa);}
.box2_pastside li a{color:#f4faff;}



/* ウィンドウ幅が0～479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{

#main_wrapper{width:100%; height:auto;}

#box{width:100%; height:auto;}

#box1{max-width:100%; height:auto;}
.box1_wrapper{width:100%; height:auto; margin:0%;}
.box1_title{width:90%; height:auto; margin:2%;}
.box1_mainpic{width:100%; height:auto;}
.box1_mainpic img{width:100%; height:auto;}


#box2{width:100%; height:auto; margin:0%;}
.box2_kingtitle{width:95%; height:auto; margin:1%;}

.box2_pastrankbox_wrapper{width:100%; height:auto; margin:0%; border:none;}
.box2_pastranklist{width:100%; height:auto; margin:0%; border:none;}
.box2_pastrank{width:100%; height:auto; margin:0% 0% 10%; overflow:auto;}
.box2_pastrank table{width:100%;}
.box2_pastrank td{text-align:left; padding:2%;}

.box2_pastsidebox{width:95%; height:auto; margin:2%; float:left;}
.box2_pastside{width:95%; height:auto; margin:2%; background-color:red;}
.box2_pastside li{width:90%; height:auto; margin:2%; padding:10px;}




}