#main_wrapper{width:980px; height:1720px; background-color:#e2d5c7; 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_pulldown{width:190px; height:20px; margin-top:10px; margin-left:10px; float:left;}
.box1_pulldown select{width:auto; height:20px; border:solid 2px #55402b; font-weight:bold; text-decoration:none; text-align:center; color:#55402b; margin-right:10px; float:right;}

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

.box1_subpic{width:100px; height:120px; margin-left:10px; float:left;}
.box1_subpic img{width:100px; height:120px;}
.box1_mainpic{width:670px; height:120px; margin-left:10px; float:left;}
.box1_mainpic img{width:670px; height:120px;}
.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_infopic{width:300px; height:auto; margin-top:10px; margin-left:10px; float:left;}
.box1_infopic img{width:280px; height:180px; margin:0px 10px 10px; float:left;}
.box1_info{width:440px; 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_pulldown{width:95%; height:auto; margin:2%;}
.box1_pulldown select{width:auto; height:auto; margin:0%; float:left;}


.box1_main{width:100%; height:auto;}
.box1_subpic{display:none;}
.box1_mainpic{width:100%; height:auto; margin-left:0%;}
.box1_mainpic img{width:100%; height:auto;}
.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%; padding:2%; font-size:1.5em;}
.box1_infopic{width:88%; height:auto; margin:2%; float:none;}
.box1_infopic img{width:100%; height:auto; margin:5%; float:none;}
.box1_info{width:90%; height:auto; margin:5%; float:left;}

}