@charset "UTF-8";

body {
	background-color: #fff;
	text-align: center;
}
div#wrapper {
	width: 950px;
	text-align: left;
	background-color: #FFF;
	margin: 30px auto;
	border: solid 1px #9c9c9d;
}

div#wrapper_thanks {
	width: 950px;
	text-align: center;
	background-color: #FFF;
	margin: 30px auto;
	border: solid 1px #9c9c9d;
}

div#wrapper div#header {
	padding: 10px 30px;
	background-color: #ffffff;
}

div#wrapper div#header h1 {
	color: #878787;
	font-size: 24px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-family: "メイリオ","Verdana",;
}

div#wrapper_thanks div#header h1 {
	color: #878787;
	font-size: 24px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-family: "メイリオ","Verdana",;
}

div#wrapper div#container {
	padding: 0px 5px;
}
div#wrapper div#footer {
	width: 950px;
	clear: both;
	padding: 5px;
	margin: 0px auto;
	font-size: 10px;
	color:#878787;
}
ul.example_pages {
	border: solid 1px #CCC;
	padding: 15px 30px;
}
ul.example_pages li {
	padding: 5px 0px;
}

#side_r {
	float:right;
	width:450px;
	margin-right:10px;
	padding-top:300px;
	background-color:#ffffff;	
	}

#side_l {
	float:left;
	width:450px;
	background-color:#ffffff;	
	}

@media screen and (max-width:767px) {
  div#wrapper {
    width: 100%;
  }
  div#mailfield table{
    max-width: 100%;
  }
  form#mailformpro {
    width: 300px;
    margin: auto;
  }
  dt.mfp, dd.mfp {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  dt.mfp{
    margin-bottom: 10px !important;
  }
  dd.mfp {
    margin-bottom: 20px !important;
  }
}