div#header{
	  width:700px;
	  margin:0 auto;
	  border:1px solid #F99;
	  padding:16px;
	  line-height:1.4em;
	  border-radius:10px 10px 10px 10px; 
	  
  }
  
  
  div#header_image{
	  width:80%;
	  margin:0 auto 50px;
	  text-align:center;
  }
  
  div#header_image img{
	  width:100%;
	  max-width:800px;
  }


.container {
	width: 80%;
	margin: 20px auto;
	padding: 10px;
	overflow: hidden;
}

.container span,
.container p,
.container div {
  line-height: 1.6;
}

h1 {
  /*margin-bottom: 30px;
  font-size: 20px;
  font-weight: normal;
  position: relative;
  text-align: center;*/
}

h1 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}

h1::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

.mailform{
	width:600px;
	margin:0 auto;
	
}

.mailform dl {
  padding: 12px;
  margin-bottom: 4px;
  border-radius: 4px;
  border-bottom: 1px solid #f9f9f9;
}

.mailform dt {
  width: 200px;
  display: table-cell;
  vertical-align: middle;
}

.mailform dd {
  width: 368px;
  padding-left: 8px;
  display: table-cell;
  vertical-align: middle;
}

.mailform dd input[type="text"],
.mailform dd select,
dd textarea {
  width: 315px;
  max-width: 100%;
  font-family: inherit;
  padding: 7px 12px;
  font-size: 14px;
  background: #f4f4ff;
  border-radius: 4px;
  border: 1px solid #ddddea;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
}

.mailform dd input[type="radio"],
.mailform dd input[type="checkbox"]:{
  box-shadow: none;
  border: 5px solid #ccc;
}

.mailform dd .nest {
  padding-left: 45px;
  margin: 10px 0;
}

.mailform dd textarea {
  width: 350px;
  height: 120px;
  box-sizing: border-box;
  resize: vertical;
}

.submit_area {
  margin-top: 45px;
  text-align: center;
}

input[type="submit"][value="確認"] {
  font-family: inherit;
  padding: 10px 30px;
  font-size: 16px;
  background: none;
  border-radius: 8px;
  border: none;
  background:#F66;
  color: #fff;
  cursor: pointer;
}

input.btn{
  font-family: inherit;
  padding: 10px 30px;
  font-size: 16px;
  background: none;
  border-radius: 8px;
  border: none;
  background:#F66;
  color: #fff;
  cursor: pointer;
}

input[type="submit"][value="確認"]:hover {
  opacity: .8;
}

.mailform dd input[type="text"].mini{
	width:100px;
}

@media screen and (max-width: 800px) {
	
	
	div#header{
		width:70%;
	}
	
    div#header_image img{
	  width:100%;
	  
  }
  
  div#header_image{
	  margin-bottom:20px;
  }
  
  .mailform{
	  width:98%;
	  margin:0 auto;
  }
  
  
  .mailform dl{
	  padding-left:0;
  }
  
  .mailform dt,.mailform dd{
	  display:block;
  }
  
  .mailform dt{
	  width:100%;
  }
  
  .mailform dd{
	  width:100%;
	  padding-left:0;
	  
  }
  
  .mailform dd input{
	  height:50px;
  }
  
  .mailform dd .nest{
	  padding-left:0;
  }
  
  .mailform dd textarea{
	  width:100%;
  }
  
  h1{
	  font-size:120%;
	  color:#F66;
	  font-weight:bold;
  }
  
  h1 span{
	  margin: 0;
  }
  
  h1::before{
	  background:none;
  }
  
  div.yoteibi{
	  width:100%;
	  margin:0;
	  text-align:center;
  }
}