@charset "utf-8";
body{
 
}
#content{
	width:  960px;
	margin: 0 auto;
	padding: 0;
	background-color:#f0fff0;
	font-family:"メイリオ","Hiragino Kaku Gorhic Pro",sans-serif;
	vertical-align: bottom; 	
}
header img{
	float:left;
	display: inline;
}
/*
.img-size-1{
	width: 450px;
	height:108px;
}
*/

.box1{
    text-align:left;
    padding:10px 50px;
    width:860px;
    height:auto;
    background-color:#ffffcc;
    line-height:1.2;
}
.box1 h1{
    font-size:22px;
    margin:0;
    color:#333333;
}
.box1 p{
    padding:3px 10px;
    margin:0;
    font-size:16px;
    font-weight:900;
    color:#663300;    
} 
.box1 h3{
    padding:0 0 0 100px;
    margin:0;
    font-size:18px;
    color:#0033cc;    
} 
input{
       display:block;
       width:400px;
       height:30px;
       font-size:100%;
}
select{
       display:block;
       width:200px;
       height:30px;
   -webkit-appearance: none;     
}       
textarea{
       display:block;
       width:600px;
       height:120px;
       font-size:100%;
}    
.box2{
    margin : 0 auto ;
    border:3px solid #c0c0c0; 
    padding:10px 150px;
    border-radius:10px;
    width:660px;
    height:auto;
    background-color:#e0ffff;
}


/*************************/
@media (max-width:600px){
body{    
}
#content{
	width:  100%;
	margin: 0 auto;
	padding:0;
} 
  header img{
    float:none;
  }
/*
.img-size-1{
    width:100%;
    height:90px;
}
*/
.box1{
    width:100%;
    padding: 0;
    height:auto;
} 
.box1 h1{
	padding: 10px;
	font-size:18px;
	margin:0;
	color:#333333;
}
.box1 p{
	padding: 0 10px;
	margin: 0;
	font-size: 16px;
	font-weight: 900;
	color: #663300;    
} 
.box1 h3{
	padding: 2px 20px;
	margin:0;
	font-size:15px;
	color:#0033cc;    
} 
.box2{
    border:2px solid #c0c0c0; 
    border-radius:10px;
    padding:0 0 0 5px;
    width:310px;
    height:auto;
    background-color:#e0ffff;
}
input{
       display:block;
       width:290px;
       height:25px;
       font-size:100%;
}
select{
       display:block;
       width:200px;
       height:25px;
}       
textarea{
       display:block;
       width:290px;
       height:auto;
       font-size:100%;
-webkit-appearance: none; 
}
}