#main_wrapper{width:980px; height:890px; 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:600px; height:auto; margin-top:10px; margin-bottom:10px; float:left;}
.box1_mainpic{width:800px; height:300px; float:left;}
.box1_mainpic img{width:800px; height:300px;}

#box2{width:810px; height:auto; margin-top:10px; float:left;}

.box2_mailwrapper{width:778px; height:auto; margin-right:10px; margin-left:20px; border:solid 1px #974; float:left;}
.choice_info_title{width:350px; height:20px; margin-top:20px; padding:3px 0px 0px 5px; background-color:#974; color:white;}
.choice_info{width:758px; margin:10px;}
.info_contents table{width:758px; border-collapse:collapse;}
.info_contents td{padding:5px; border:1px solid #ccc;}
.info_contents td.l_cel{width:230px;}





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

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

#index_box{display:none;}

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

#box1{max-width:100%; height:auto; margin:0%;}
.box1_wrapper{width:100%; height:auto; margin:0;}
.box1_title{width:100%; height:auto; margin-top:5px; margin-bottom:5px; margin-left:2%;}
.box1_mainpic{width:100%; height:auto;}
.box1_mainpic img{width:100%; height:auto;}

#box2{width:100%; height:auto; margin-top:10px; float:left;}

.box2_mailwrapper{width:100%; height:auto; margin:0%; border:none; float:left;}
.choice_info_title{width:50%; height:auto; margin-top:2%;}
.choice_info{width:95%; margin:2%;}
.info_contents table{width:100%; height:auto;}
.info_contents td{padding:1%;}
.info_contents td input{width:70%;}
.info_contents td textarea{width:95%;}
.info_contents td.l_cel{width:30%;}

}