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

#box{width:810px; height:auto; float:left;}
#box1{width:800px; height:auto; margin-left:10px; float:left;}
.box1_title{width:600px; height:20px; margin-top:10px; margin-bottom:10px; float:left;}

.box1_main{width:800px; height:auto; float:left;}

.box1_mainpic{width:400px; height:230px; margin-left:10px; float:left;}
.box1_mainpic img{width:400px; height:230px;}
.box1_subbox{width:368px; height:228px; margin-left:10px; border:solid 1px #dcdcdc; float:left;}
.box1_subtitle{width:340px; height:auto; margin-top:5px; margin-left:10px; padding:2px; font-size:14px; font-weight:bold; color:#f4faff; text-decoration:none; text-align:center; text-shadow:1px 1px 2px #002b55; border:solid 1px #004080; border-radius:7px; float:left;
background-image: 
 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006ad5), to(#eaf4ff));
 background: linear-gradient(#006ad5, #eaf4ff); float:left;}
.box1_sub{width:350px; height:auto; margin-top:10px; margin-left:10px; font-size:11px; float:left;}

.box1_articlebox{width:790px; height:auto; margin-top:15px; float:left;}
.box1_article{width:790px; height:auto; margin-top:10px; float:left;}
.box1_articletitle{width:760px; height:30px; margin-top:10px; margin-left:10px; padding:5px; font-size:20px; color:#aa0000; float:left; 
background-image: 
 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dc954e), to(#f8eadc));
 background: linear-gradient(#dc954e, #f8eadc);}

.box1_info{width:460px; height:auto; margin:10px 10px 10px 20px; float:left;}
.box1_infopic{width:280px; height:auto; margin-top:10px; float:left;}
.box1_infopic img{width:280px; height:150px;}

.box1_info2{width:800px; height:auto; margin:10px 10px 10px 20px; float:left;}





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

body{width:100%; margin:0px; padding:0px;}

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

#index_box{display:none;}

#box{width:100%; height:auto;}
#box1{max-width:100%; height:auto; margin:0%;}
.box1_title{width:90%; height:auto; margin-top:2%; margin-bottom:1%; margin-left:1%;}
.box1_main{width:100%; height:auto;}
.box1_mainpic{width:100%; height:auto; margin:0%;}
.box1_mainpic img{width:100%; height:auto;}
.box1_subbox{width:98%; height:auto; margin-left:1%;}
.box1_subtitle{width:93%; height:auto; margin-top:1%; margin-left:2%;} 
.box1_sub{width:95%; height:auto; margin:2%;}

.box1_articlebox{width:100%; height:auto; margin-top:1%;}
.box1_article{width:100%; height:auto; margin-top:2%;}
.box1_articletitle{width:92%; height:auto; margin-top:2%; margin-left:2%;}
.box1_infopic{display:none;}
.box1_info{width:90%; height:auto; margin:5%;}
.box1_info2{width:90%; height:auto; margin:5%;}

}