@charset "utf-8";
body{
 margin: 0;
  padding: 0;
  line-height:1.2;
  color:#333;
  font-size:1.0em;
  font-family:"メイリオ","Hiragino Kaku Gorhic Pro",sans-serif;
  width: 1000px;
  margin:0 auto;
  vertical-align: bottom;
}
#content{
	margin: 0 auto;
	border: 1px solid #000000;
	width:100%;
	background-color:#ffffe0;   

}
.img-size-1{
    width:480px:
    height:100px;
}

header{
     width:100%;
     height:100px;
     background-color:#ffe4e1;
     color:#ffffff;
}
header img{
     float:left;
     padding-right:50px;
}
/*
header p{
       padding:40px;
       font-size:30px;
}
*/
header a{
       text-decoration:none;
}
.img-size-2{
    width:360px:
    height:200px;
}
.box1{
    text-align: center;
    padding:15px 50px;
    margin: 0 auto;
    width:500px;
    height:auto;
    background-color:#ccffcc;
    line-height:1.2;
    border-top-right-radius:15px;
    border-top-left-radius:15px;
}
.box1 h2{
    font-size:20px;
    margin:0;
    color:#333333;
   text-align: left;
}
.box1 h1{
    margin:5px 0;
    font-size:20px;
    font-weight:900;
    color:#663300;   
} 
.box1 h3{
     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:560px;
       height:120px;
       font-size:100%;
}  
.box2{
    margin : 0 auto ;
    padding:15px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    width:570px;
    height:auto;
    background-color:#e0ffff;
}


/*************************/
@media (max-width:600px){
body{
     margin : 0 auto;
     width  : 380px;    
}
.img-size-1{
    width:100%;
    height:90px;
}
.img-size-2{
  width:360px;
  height:200px;
}
.box1{
    padding: 10px;
    width: 360px;
    height:auto;
} 
.box1 h2{
    font-size:18px;
    margin:0;
    color:#333333;
    font-size:22px;
}
.box1 h1{
    margin:0;
    font-size:18px;
    font-weight:700;
    color:#663300;    
} 
.box1 h3{
    margin:0;
    font-size:18px;
    color:#0033cc;    
} 
.box2{
    padding:10px;
    width:360px;
    height:auto;
    background-color:#e0ffff;
}
input{
       display:block;
       width:300px;
       height:25px;
       font-size:100%;
}
select{
       display:block;
       width:200px;
       height:25px;
}       
textarea{
       display:block;
       width:350px;
       height:150px;
       font-size:100%;
}




}