/* --------------------------------------------------------------------------
 footer
-------------------------------------------------------------------------- */

#footer.contact { background: #d9e5f2; padding: 0 0 40px; }
#footer.contact .copyright { background: #fff; padding: 22px 0 20px; }
#footer.contact .copyright p { width: 1024px; margin: 0 auto; font-size: 11px; }

/* --------------------------------------------------------------------------
 base
-------------------------------------------------------------------------- */

#container.contact {
	position: relative;
	box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	-ms-box-shadow: inset 0 3px 3px -2px rgba(0,0,0,0.2);
	background: #f8f8f8;
	padding: 64px 0 24px;
	text-align: center;
}
#container.contact h2 {
	display: inline-block;
	color: #0050aa;
	font-size: 20px;
	border-bottom: dotted 2px #0050aa;
}

#fasc {
	position: relative;
	width: 720px;
	margin: 0 auto;
	padding: 32px 0 16px;
	background: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}

#fasc h5 { color: #0050aa; margin: 0 0 24px; font-size: 18px; text-align: center; }

/* --------------------------------------------------------------------------
 flow
-------------------------------------------------------------------------- */

ul#flow { width: 686px; margin: 0 auto 24px; }
ul#flow li {
	float: left;
	width: 180px;
	background: #e2efff;
	color: #b4cce6;
	font-size: 18px;
	text-align: center;
	border-radius: 20px;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px;
	padding: 10px 0 8px;
	margin: 0 10px;
}
ul#flow li.current { background: #0050aa; color: #fff; }
ul#flow li.arr { width: 43px; background: #fff; padding: 0; margin: 0; }

/* --------------------------------------------------------------------------
 queries
-------------------------------------------------------------------------- */

#fasc dl { width: 660px; padding: 24px 30px; }
#fasc dl:nth-child(odd) {
	background: #e2efff;
	border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
}
#fasc dt { position: relative; width: 250px; font-size: 18px; line-height: 1.5em; }
#fasc dt span {
	font-size: 12px;
	background: #f0020e;
	color: #fff;
	padding: 3px 5px;
	margin-left: 12px;
	vertical-align: top;
}
#fasc dd { margin: -1.5em 0 0 256px; font-size: 16px; }

#fasc dd input[type=radio] { margin-right: 6px; }
#fasc dd input[type=text], #fasc dd textarea {
	width: 380px;
	font-size: 16px;
	padding: 4px;
	background: #ffe6d9;
	color: #333333;
	font-family: 'Roboto','ヒラギノ角ゴシック',Hiragino Sans,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'游ゴシック',Yu Gothic,sans-serif;
}
#fasc dd select {
  width: 344px;
	font-size: 16px;
  padding: 4px;
  margin: 0px 0px 3px 0px;
  background: #ffe6d9;
	color: #333333;
	font-family: 'Roboto','ヒラギノ角ゴシック',Hiragino Sans,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'游ゴシック',Yu Gothic,sans-serif;
}

#fasc dd input.mid { width: 160px; }
#fasc dd input.sml { width: 80px; }
#fasc dd label { display: block; margin: 0 0 6px; }

/* --------------------------------------------------------------------------
 alliance queries
-------------------------------------------------------------------------- */

#fasc.alp dl { width: 688px; padding: 0 32px 0 0; border-top: solid 1px #e6e6e6; }
#fasc.alp dl:nth-child(odd) { background: #fff; border-bottom: none; }
#fasc.alp dl.lst { border-bottom: solid 1px #e6e6e6; }

#fasc.alp dt {
	display: table-cell;
	background: #e2efff;
	width: 88px;
	padding: 24px 0 24px 32px;
}
#fasc.alp dd {
	padding: 24px 0 24px 14px;
	display: table-cell;
}

#fasc.alp dd .item {
	display: inline-block;
	width: 154px;
	font-size: 18px;
	vertical-align: top;
}
#fasc.alp dd input[type=text], #fasc.alp dd textarea {
	width: 330px;
	margin: 0 0 3px;
	padding: 5px;
	color: #333333;
}
#fasc.slp dd input.sml { width: 170px; }

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
	color: #eaa580 !important;
}
#fasc.alp dd span {
	font-size: 12px;
	background: #f0020e;
	color: #fff;
	padding: 3px 5px;
	margin-left: 12px;
	vertical-align: text-top;
}
#fasc.alp .come { display: block; padding: 0 45px 5px 160px; font-size: 12px;}

/* --------------------------------------------------------------------------
 error
-------------------------------------------------------------------------- */

#fasc .beil { display: none; }
#fasc .vide {
	width: 636px;
	margin: 0 auto 16px;
	padding: 12px;
	background: #fcd6d6;
	border: solid 1px #f0020e;
}
#fasc .vide p, #fasc .vide li { color: #f0020e; }
#fasc .err { color: #f0020e; }

#fasc.alp .err { display: block; padding: 0 0 5px 160px; }

/* --------------------------------------------------------------------------
 confirm
-------------------------------------------------------------------------- */

#fasc.confirm dl:nth-child(odd) { background: #f0f0f0; }
#fasc .option {
	background: #666;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 3px 0;
	margin: 24px 0;
}
#fasc.confirm .btn-send a { display: inline-block; margin: 32px 26px; }

#fasc.alp p.txt { display: inline-block; margin: 0 0 7px; width: 330px; }

/* --------------------------------------------------------------------------
 complete
-------------------------------------------------------------------------- */

#fasc.complete h5 { padding: 80px 0 100px; margin: 0; }
#fasc.complete .btn-send.no a { display: block; margin: 0 auto 32px; }

/* --------------------------------------------------------------------------
 SSL Seal
-------------------------------------------------------------------------- */
.seal_area {
    width: 680px;
    margin: 30px auto 0;
    padding: 30px 20px 16px;
    border: 1px solid #ccc;
    background: #ffffff;
	height: 70px;
}
.seal_area img {
	float:left;
    padding: 3px 20px 0;
}
.seal_area h3 {
	color: #0050aa;
}