@charset "UTF-8";
/* CSS Document */

/* -- WinFirefox40.0以降の崩れ対策 -- */

@-moz-document url-prefix() {
 input, select, textarea {
 font-family: 'Microsoft Yahei', PingHei, sans-serif;
}
}
/* Eloquaフォーム解除*/
.elq-form .item-padding { padding:0px 0px 0px 0px !important;}
.elq-form .field-style { margin-right: 0%; margin-left:0% !important;}
.elq-form .item-padding { padding: 0px 0px 0px 0px !important;}
.elq-form .item-padding { padding: 0px 0px 0px 0px !important;}
.elq-form .field-style._100 { width: 100% !important;}
.elq-form .field-style { margin-right: 0% !important; margin-left: 0% !important;}
.elq-form .section-break { width: 100% !important; margin-right: 0% !important; margin-left: 0% !important;}
.elq-form .field-size-top-small { width: 100% !important;}
.elq-form .field-size-top-medium { width: 100% !important;}
.elq-form .field-size-top-large { width: 100% !important;}
/*#formElement0, #formElement1 { width: 149px !important; margin-right: 15px !important; float: left !important; display:table !important;}
#formElement2 { clear: left !important; } */

/* ------ 全体構造 ------ */
html,body {
  font-size: 62.5%;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #333;
	font-family: 'Microsoft Yahei', PingHei, sans-serif;
	line-height: 100%;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

.mac body,
.iphone body,
.ipod body,
.ipad body {
	font-family: 'Hiragino Sans GB', 'Hiragino Sans GB W3', STXihei;
}

body a {
	text-decoration: none;
}
#body {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	max-width: 768px;
}
/* - 背景100% - */

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
}
#body {
	height: 100%;
	min-height: 100%;
}
body > #body {
	height: auto;
}
img {
	max-width: 100%;
	height: auto;
	width: auto; /*for IE8*/
	vertical-align: top;
}
/* ------ ヘッダー ------ */

/* -- ヘッダー下ライン（クライアント毎に変える） -- */

#headerarea {
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 18px 0px;
	border-bottom: 3px #19598a solid;
}
/* ------ ヘッダー／ロゴ ------ */

#body #headerarea h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	display: block;
	border: 0px;
	float: left;
}
#body #headerarea h1 a {
	border: 0px;
}
#body #headerarea h1 img {
	vertical-align: top;
	border: 0px;
    width: 166px;
    height: auto;
}
#body #headerarea p {
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	display: block;
	border: 0px;
	float: right;
}
/* ------ メイン／本文／ステップ ------ */

#body .textarea1 #stepbox {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#body .textarea1 ul#ulstep {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 37px;
}
#body .textarea1 ul#ulstep li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #222222;
	height: 37px;
	list-style: none;
}

#body #mainarea .textarea1 ul#ulstep li#error {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 12px 78px;
    background-color: #ff0000;
    width: 170px;
    height: 15px;
}

/* -- フロー（背景をクライアント毎に変える） -- */

li.flow {
	height: 37px;
	list-style: none;
	text-align: center;
	background: #c6c6c6;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	position: relative;
	z-index: 10;
	width:140px;
}

li.flow_2 {
	height: 37px;
	list-style: none;
	text-align: center;
	background: #c6c6c6;
	margin-bottom: 10px;
	float: left;
	position: relative;
	z-index: 10;
	width:160px;
}

li.flow p ,li.flow_2 p ,li.flow_on p ,li.flow_on_2 p {
	position: relative;
	z-index: 20;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: bold;
}

li.flow::after {
	content: "";
	width: 26px;
	height: 26px;
	background: #c6c6c6;
	transform: rotate(-45deg);
	position: absolute;
	top: 5px;
	right: -13px;
	z-index: 5;
}

li.flow_on {
	height: 37px;
	list-style: none;
	text-align: center;
	color: #FFFFFF;
	background: #19598a;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	position: relative;
	z-index: 10;
	width:140px;
}

li.flow_on_2 {
	height: 37px;
	list-style: none;
	text-align: center;
	color: #FFFFFF;
	background: #19598a;
	margin-bottom: 10px;
	float: left;
	position: relative;
	z-index: 10;
	width:160px;
}

li.flow_on::after {
	content: "";
	width: 26px;
	height: 26px;
	background: #19598a;
	transform: rotate(-45deg);
	position: absolute;
	top: 5px;
	right: -13px;
	z-index: 5;
}

li.flow_on:first-child, li.flow_on:first-child {
	margin-left: 0px;
}

/* .error */
#body .textarea1 .textarea2 .textarea3 ul.ulstep li.error {
    background-color: #ff0000;
	font-weight: bold;
	width: 240px;
    height: 37px;
    list-style: none;
	text-align: center;
	margin-bottom: 20px;
}
#body .textarea1 .textarea2 .textarea3 ul.ulstep li.error p {
	display: inline-block;
    color: #fff;
    background: url('/form/img/error_1.gif') no-repeat;
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 24px;
}

/* ------ テキストボックス1 ------ */

#body .textarea1 .textbox1 {
	margin: 15px 0px 0px 0px;
	padding: 0px 10px 8px 10px;
	border: #ff0000 1px solid;
	max-width: 607px;
}
/* ------ 個人情報保護 ------ */

#body #privacybox {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#body #privacybox p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#body #privacybox h3 {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
}
#body #privacybox-scroll {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	width: auto;
	height: 92px;
	border-top: #d1d1d1 1px solid;
	border-left: #d1d1d1 1px solid;
	border-right: #d1d1d1 1px solid;
	border-bottom: #d1d1d1 1px solid;
	overflow: scroll;
	overflow-x: hidden;
	font-size: 12px;
	line-height: 1.6;
}
#body #privacybox-scroll pre {
	white-space: pre;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	overflow: auto;
}
/* ------ 本文 ------ */

#body h2 {
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 22px 0px;
	color: #222222;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: bold;
	border-bottom: 1px solid #d1d1d1;
}
#body #explain {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-size: 100%;
}
#body #explain p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
}
#body #explain .info {
	/*margin-top: -25px;*/
	position: relative;
}
#body #explain p.text1 {
	line-height: 1.6;
	margin: 0px 6px 0px 40px;
	padding: 3px 4px 2px 4px;
	display: inline;
	background-color: #ffea00;
	float: left;
}
#body #explain p.text2 {
	margin: 3px 0px 0px 0px;
	padding: 4px 40px 0px 100px;
}
#body .textarea1 h3 {
	margin: 0px 0px 0px 0px;
	padding: 23px 0px 12px 0px;
	color: #222222;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.8;
}
#body .textarea1 p {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}
#body .textarea1 p.small1 {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 1.2rem;
	line-height: 1.4;
}
/* ------ 本文／AEフォーム ------ */

#body #mainarea .textarea1 #aeform {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	border-top: #d1d1d1 1px solid;
}
/* ------ メイン／本文／------ */

#body p.category {
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
#body p.small1 {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
}
#body p.text_info {
    float: left;
	margin: 0;
	padding: 25px 0 0;
}
#body input[type=text], #body textarea {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
	border: #b4b4b4 1px solid;
	background-color: #ffffff;
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	-webkit-appearance: none;
	border-radius: 0;
}
#body textarea {
	height: 10em;
}

#body input.active[type=text], #body textarea.active {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 0px;
	border: #d1d1d1 1px solid;
	background-color: #ffffb2;
	-webkit-appearance: none;
	border-radius: 0;
}

/* ------ メインエリア／本文／ボタン ------ */


.submit-button {
    color:#222222;
    width: 100% !important;
    height: 50px !important;
    margin: 0 0 20px 0;
    border: 0;
    font-size: 17px !important;
    font-size: 1.7rem !important;
    font-weight: bold;
	border-radius: 4px;
	cursor: pointer;
	outline: none;
	background-color: #f7af01;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffda38), color-stop(100%, #f7af01));
	background-image: -webkit-linear-gradient(top, #ffda38, #f7af01);
	background-image: -moz-linear-gradient(top, #ffda38, #f7af01);
	background-image: -o-linear-gradient(top, #ffda38, #f7af01);
	background-image: linear-gradient(top, #ffda38, #f7af01);
	background-image: linear-gradient(to bottom, #ffda38, #f7af01);
}

.submit-button:hover {
	background-color: #ffda38;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7af01), color-stop(100%, #ffda38));
	background-image: -webkit-linear-gradient(top, #f7af01, #ffda38);
	background-image: -moz-linear-gradient(top, #f7af01, #ffda38);
	background-image: -o-linear-gradient(top, #f7af01, #ffda38);
	background-image: linear-gradient(top, #f7af01, #ffda38);
	background-image: linear-gradient(to bottom, #f7af01, #ffda38);
}

/* ------ フッター ------ */

#body #footerarea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
}
#body #footerarea img#ae_logo {
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
#body #footerarea p#copy {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	font-family: 'Microsoft Yahei', PingHei, sans-serif;
	font-size: 11px;
	line-height: 1.2;
}
/* ------ メイン ------ */

#body #mainarea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* ------ メイン／本文 ------ */

#body .textarea1 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px #d1d1d1 solid;
}
#body .textarea3 {
	width: 100%;
}
#body .textarea1 {
	margin: 20px 0px 0px 0px;
}
#body #explain p.text1 {
	margin: 0px 6px 0px 15px;
}
#body #explain p.text2 {
	padding: 4px 15px 0px 75px;
}
#body select {
	font-size: 12px;
	font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
#body #aeform {
	padding: 0px 15px 25px 15px !important;
}
#headerarea {
	padding: 18px 15px 18px 15px;
}

#body h2 {
	padding: 22px 15px 22px 15px !important;
}

#body .textarea2 {
	margin: 20px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
}

#body #privacybox h3 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#body #privacybox, #body .btnbox1, #body p.arrow1, #body #footerarea {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

#body p.category {
	margin: 16px 0px 0px 0px;
}
#body input[type="radio"], #body input[type="checkbox"] {
	margin-top: 13px;
	height: 21px;
}
#body p.category + input[type="radio"], #body p.category + input[type="checkbox"] {
	margin-top: 6px;
}

#body p.category + input + label {
	margin-top: 5px;
}
#body #explain .info {
	margin-top: 0px;
	position: static;
}
#body p span.mailcaption {
	margin-top: 6px;
	display: block;
}

}

@media screen and (max-width: 767px) {

#body p span {
	display: inline;
    margin-top: 0px;
}

#body p span {
	margin-top: 0px;
}

#body p {
	margin-top: 0;
	padding-top: 5px;
}

}

@media screen and (max-width: 660px) {
#body .textarea3 {
	float: none;
	width: 100%;
}
#body #secbox {
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px 10px 10px 10px;
	width: 230px;
	border: #d1d1d1 1px solid;
	float: none;
	text-align: center;
}
#body #secbox img.mfes-trustmark {
	margin-top: 10px;
}
}

@media screen and (max-width: 640px) {
#body #footerarea img#ae_logo {
	float: none;
}
#body #footerarea p#copy {
	/* padding: 10px 0px 0px 0px; */
}
}

@media screen and (max-width: 500px) {
/*デザインよって@media screen and (max-width: 480px)に移動*/

#body #headerarea h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	display: block;
	border: 0px;
	float: none;
}
#body #headerarea p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	display: block;
	border: 0px;
	float: none;
}
#body .textarea3 {
	float: none;
	width: auto;
}

li.flow, li.flow_on {
	height: 25px;
	list-style: none;
	text-align: center;
	margin-right: 15px;
	/* margin-bottom: 0px !important; */
	float: left;
	position: relative;
	z-index: 10;
	padding: 0 5px 0 5px;
	width: auto;
	min-width: 100px;
}
li.flow_2, li.flow_on_2 {
	height: 25px;
	list-style: none;
	text-align: center;
	margin-right: 0px;
	/* margin-bottom: 0px !important; */
	float: left;
	position: relative;
	z-index: 10;
	padding: 0 5px 0 5px;
	width: auto;
	min-width: 110px;
}
li.flow::after, li.flow_on::after {
	content: "";
	width: 17px;
	height: 17px;
	transform: rotate(-45deg);
	position: absolute;
	top: 4px;
	right: -9px;
	z-index: 5;
}

li.flow_on:first-child, li.flow_on:first-child {
	margin-left: 0px;
}

li.flow p ,li.flow_2 p ,li.flow_on p ,li.flow_on_2 p  {
	font-size: 12px !important;
	font-weight:bold;
	line-height: 30px;
	position: relative;
	z-index: 20;
	margin-top: 4px !important;
}

/* .error */
#body .textarea1 .textarea2 .textarea3 ul.ulstep li.error {
	width: auto;
	max-width: 180px;
    height: 25px;
}
#body .textarea1 .textarea2 .textarea3 ul.ulstep li.error p {
    font-size: 1.2rem;
    margin-top: 4px !important;
}

.elq-form .field-size-top-small { width: 100% !important;}
.elq-form .field-size-top-medium { width: 100% !important;}
.elq-form .field-size-top-large { width: 100% !important;}
}

@media screen and (max-width: 480px) {

/* スマホフォントサイズ */

body,#body #headerarea h1,#body .textarea1 p {
	font-size: 14px;
}
#body table.tb1 td p.small1 {
	font-size:12px;
}
}
/* ------ リンク設定 ------ */

a:link {
	text-decoration: none;
	color: #337ab7;
}
a:visited {
	text-decoration: none;
	color: #337ab7;
}
a:active {
	text-decoration: none;
	color: #337ab7;
}
a:hover {
	text-decoration: underline;
	color: #337ab7;
}
/* ------ clearfix ------ */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /********** IE6 **********/
*:first-child+html .clearfix {
	zoom: 1;
} /********** IE7 **********/
/* ------ フォント ------ */

.frd {
	color: #ff0000;
}
.new {
	margin: 0px 0px 0px 5px;
	color: #ff0000;
}
#closeButton {
	border: 0;
}

/* input要素フォント設定 */

#body #mainarea .textarea1 table.tb1 input[type="text"], #body #mainarea .textarea1 table.tb1 textarea, #body #mainarea .textarea1 select {
	font-family: 'Microsoft Yahei', PingHei, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.4;
}

@-moz-document url-prefix("") {
select {
    height: 1.8em !important;
}
}


/* ------ 微調整 ------ */

.mt0 {
	margin-top: 0px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
body,td,th {
	font-family: 'Microsoft Yahei', PingHei, sans-serif;
}