@charset "utf-8";

/*-----------------------------------------------
 init
-----------------------------------------------*/
*{
	margin:0; padding:0;
	font-size:14px; line-height:1.5;
	font-family:"メイリオ", Meiryo, YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}
a img {border: 0;}

body {
	color: #000;
	background-color: #f2f2f2;
}

/*-----------------------------------------------
 layout
-----------------------------------------------*/
#wrap   {
	width: 980px;
	margin:0 auto;
	background-color: #FFFFFF;
	box-shadow: 0px 3px 12px rgba(0,0,0,0.3);
}

/*-----------------------------------------------
 Form
-----------------------------------------------*/
h2 {
	font-size: 31px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	padding-top: 3px;
}
.lead {
	padding:13px 0 8px 0;
	font-size:18px; line-height:26px; text-align:center;
}
.lead span {
	margin:0 5px 0 0; padding:3px 10px 1px 10px;
	position:relative; top:-2px;
	background-color:#ea6d8d;
	font-size:14px; line-height:18px; color:#FFF;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
table {
	width:888px;
	margin:0 auto;
	border-collapse:collapse;
	border-top:#b2b2b2 1px solid; border-left:#b2b2b2 1px solid; 
}
th {
	width:202px;
	padding:10px 8px;
	background-color:#e5f4f7;
	border-bottom:#b2b2b2 1px solid;
	color:#0e6f78; vertical-align:top;
}
th div {
	width:100%; height:100%;
	position:relative;
}
th p {
	padding:2px 6px 0 6px;
	position:absolute; right:0; top:2px;
	background-color:#ea6d8d;
	font-size:12px; line-height:15px; color:#FFF; font-weight:normal;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
td {
	padding:10px 8px;
	vertical-align:top;
	border-bottom:#b2b2b2 1px solid; border-right:#b2b2b2 1px solid; 
}
td p {
	padding-top:5px;
	text-indent:-7px;
}

input[type="text"] {
	width:400px;
	margin:0; padding:1px 5px;
	border:#b2b2b2 1px solid;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
	outline:none;
	background-color:#FFF;
}
.tel,
.age {
	width:72px !important;
}
textarea {
	width:600px; height:160px;
	margin:0; padding:1px 5px;
	border:#b2b2b2 1px solid;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
	outline:none;
	background-color:#FFF;
}
select {
	margin:0; padding:1px 5px;
	border:#b2b2b2 1px solid;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
	outline:none;
	background-color:#FFF;
}

dl {
	padding-left:72px;
	position:relative;
}
dt {
	width:72px;
	position:absolute; top:0; left:0;
}
dd{
	padding-bottom:3px;
}

.button {
	width: 888px;
	height: 95px;
	margin: 35px auto 0 auto;
	position: relative;
}
.buttonL {
	width: 245px;
	height: 53px;
	float: left;
	background-color: #FFF;
	border: #ea6d8d 2px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 20px;
	line-height: 50px;
	color: #ea6d8d;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	margin-right: 25px;
}
.buttonR {
	width:245px; height:53px;
	float:left;
	background-color:#ea6d8d;
	border:#ea6d8d 2px solid;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	font-size:20px; line-height:50px; color:#FFF; text-align:center; font-weight:bold;
	cursor:pointer;
}
.buttonL:hover,
.buttonR:hover {
	opacity:0.7;
}
.error {
	padding:3px 0 0 10px;
	font-size:13px; color:#FF3333;
}
.thank {
	padding-bottom:600px;
	text-align:center;
}
/*スクロール用*/
p.infobox {
   height: 7em;  /* 高さを制限(※) */
   width: 868px;
   margin: auto auto;
   padding:5px 10px 5px 10px;
   line-height: 170%;
   overflow: scroll; /* スクロールバーを表示(※) */
   border: #b2b2b2 1px solid;  /* 枠線を追加 */
   background-color: white; /* 背景色を追加 */
}
/*スクロールウインドウの補足説明*/
p.infobox2 {
   height: 2em;  /* 高さを制限(※) */
   width: 868px;
   margin: auto auto;
   padding:5px 10px 5px 10px;
   line-height: 170%;
   background-color: white; /* 背景色を追加 */
}