@charset "shift_jis";

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

@-moz-document url-prefix() {
 input, select, textarea {
 font-family: 'ＭＳ Ｐゴシック', "ＭＳ ゴシック", sans-serif;
}
}
/* ------ 全体構造 ------ */

html,
body {
  font-size: 62.5%;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #222222;
	font-family: 'メイリオ',Meiryo,"游ゴシック", Yu Gothic, 'ＭＳ Ｐゴシック',"ＭＳ ゴシック", sans-serif;
	line-height: 100%;
	font-size: 13px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

.mac body,
.iphone body,
.ipod body,
.ipad body {
	font-family: "Helvetica Neue", "Helvetica", Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3", sans-serif;
}

body a {
	text-decoration: none;
}
#body {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	max-width: 900px;
}
/* - 背景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 #ff6600 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;
}
#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: 20px;
	float: left;
	position: relative;
	z-index: 10;
	width:140px;
}

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

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: #ff6600;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	position: relative;
	z-index: 10;
	width:140px;
}

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

li.flow_on::after {
	content: "";
	width: 26px;
	height: 26px;
	background: #ff6600;
	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;
}

/* -- エラー -- */

#body .textarea1 ul#ulstep li#error {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 12px 78px;
	background-color: #ff0000;
	width: 170px;
	height: 15px;
}
#body .textarea1 ul#ulstep li#error_wait {
	margin: 0px 0px 0px 0px;
	padding: 10px 34px 12px 34px;
	background-color: #ff0000;
	width: 180px;
	height: 15px;
}
#body .textarea1 ul#ulstep li#mainte {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 12px 24px;
	background-color: #ff0000;
	width: 212px;
	height: 15px;
}
#body .textarea1 ul#ulstep li#sime {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 12px 24px;
	background-color: #ff0000;
	width: 244px;
	height: 15px;
}
#body .textarea1 ul#ulstep li#dpl {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 12px 84px;
	background-color: #ff0000;
	width: 170px;
	height: 15px;
}
#body .textarea1 ul#ulstep li#error p,
#body .textarea1 ul#ulstep li#error_wait p,
#body .textarea1 ul#ulstep li#mainte p,
#body .textarea1 ul#ulstep li#sime p,
#body .textarea1 ul#ulstep li#dpl p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
	background: url("../img/error_1.gif") no-repeat 0px 0px;
	color: #ffffff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
}
/* ------ テキストボックス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 #secbox {
	margin: 0px 0px 0px 10px;
	padding: 0px 10px 10px 10px;
	width: 148px;
	border: #d1d1d1 1px solid;
	float: right;
	text-align: center;
}
#body #secbox p {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	line-height: 1.3;
}
/* ------ 本文 ------ */

#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 .textarea1 #aeform {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	border-top: #d1d1d1 1px solid;
}
/* ------ メイン／本文／テーブル1 ------ */

#body table.tb1 {
	width: 100%;
	border-top: #d1d1d1 1px solid;
	}
#body table.tb1 th {
	text-align: left;
	background-color: #f5f5f5;
}
#body table.tb1 th, #body table.tb1 td {
	padding: 2px 15px 12px 20px;
	border-bottom: #d1d1d1 1px solid;
	vertical-align: top;
	font-weight: normal;
	font-size: 13px;
}
#body .confirm table.tb1 td {
	padding-top: 0px;
}
#body table.tb1 th {
	padding: 12px 15px;
	width: 180px;
}
#body table.tb1 th p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.8;
}
#body table.tb1 p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}
#body table.tb1 td p {
	padding: 12px 0px 0px 0px;
}
#body table.tb1 td p.category {
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
#body table.tb1 td p.small1 {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
}

#body table.tb1 td input[type=text], #body table.tb1 td textarea {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	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 table.tb1 tr td input.active[type=text], #body table.tb1 tr td 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;
}

/* チェックボックスとラジオボタンに設定 */

#body table td input[type="radio"], #body table td input[type="checkbox"] {
	margin-top: 8px;
	margin-right: 5px;
	float: left;
	height: 18px;
}
#body table td input[type="radio"]:first-child, #body table td input[type="checkbox"]:first-child, #body table td input[type="radio"]:first-child + label, #body table td input[type="checkbox"]:first-child + label {
	margin-top: 10px;
	height: 18px;
}
#body table td label {
	margin-top: 8px;
	padding-left: 17px;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}
#body table td label:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ------ 上下のボーダーを表示させない（入れ子のテーブル用） ------ */

#body table.tb1 th.bt-n, #body table.tb1 td.bt-n {
	border-top: none;
}
#body table.tb1 th.bb-n, #body table.tb1 td.bb-n {
	border-bottom: none;
}
/* ------ メイン／本文／テーブル1／s ------ */

#body table.tb1 td.tb1-s {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	border-bottom: #d1d1d1 1px solid;
	vertical-align: top;
}
#body table.tb1 td.tb1-s table {
	width: 100%;
}
#body table.tb1 td.tb1-s table th {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: none;
	width: 120px;
}
#body table.tb1 td.tb1-s table td {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 12px 10px;
}
#body table.tb1 td.tb1-s table td p {
	padding-right: 15px;
}
#body table.tb1 tr.err td {
	background-color: #ffcccc;
	border-bottom: #d1d1d1 1px solid;
}
#body table.tb1 td.tb1-s table tr.err th, #body table.tb1 td.tb1-s table tr.err td {
	background-color: #ffcccc;
}
/* ------ メインエリア／本文／btnBOX1 ------ */

#body .btnbox1 {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#body .btnbox1 ul li.btn1 {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 50px;
	list-style: none;
}
#body .btnbox1 ul li input.btninput1 {
	color: #222222;
	height: 50px;
	border: 0;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	cursor: pointer;
	background-color: transparent;
	vertical-align: middle;
	width: 100%;
}
#body .btnbox1 ul li.btn1 input.btninput1:hover {
	text-decoration: underline;
	cursor: pointer;
}
#body .btnbox1 ul li.btn2 {
	margin: 15px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 610px;
	height: 46px;
	list-style: none;
	float: right;
}
#body .btnbox1 ul li input.btninput2 {
	width: 610px;
	height: 48px;
	color: #222222;
	border: 0;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	cursor: pointer;
	background-color: transparent;
	vertical-align: middle;
}
#body .btnbox1 ul li.btn2 input.btninput2:hover {
	text-decoration: underline;
	cursor: pointer;
}
#body .btnbox1 ul li.btn3 {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 268px;
	height: 50px;
	list-style: none;
	float: left;
}
#body .btnbox1 ul li input.btninput3 {
	width: 268px;
	height: 48px;
	color: #222222;
	border: 0;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	cursor: pointer;
	background-color: transparent;
	vertical-align: middle;
}
#body .btnbox1 ul li.btn3 input:hover {
	text-decoration: underline;
	cursor: pointer;
}
#body .btnbox1 img, #body .btnbox1 img a {
	border: 0px;
}
.btn1:hover, .btn2: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);
}

.btn1, .btn2 {
	border-radius: 4px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	width: auto;
	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);/*for IE10*/
}

.btn3:hover {
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8d8d8), color-stop(100%, #f0f0f0));
	background-image: -webkit-linear-gradient(top, #d8d8d8, #f0f0f0);
	background-image: -moz-linear-gradient(top, #d8d8d8, #f0f0f0);
	background-image: -o-linear-gradient(top, #d8d8d8, #f0f0f0);
	background-image: linear-gradient(top, #d8d8d8, #f0f0f0);
	background-image: linear-gradient(to bottom, #d8d8d8, #f0f0f0);
}

.btn3 {
	border-radius: 4px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	width: auto;
	background-color: #d8d8d8;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #d8d8d8));
	background-image: -webkit-linear-gradient(top, #f0f0f0, #d8d8d8);
	background-image: -moz-linear-gradient(top, #f0f0f0, #d8d8d8);
	background-image: -o-linear-gradient(top, #f0f0f0, #d8d8d8);
	background-image: linear-gradient(top, #f0f0f0, #d8d8d8);
	background-image: linear-gradient(to bottom, #f0f0f0, #d8d8d8);/*for IE10*/
}

span.icon-arrow_4_2 {
    font-size: 13px;
	padding-right:6px;
}

.btn1 img, .btn2 img, .btn3 img {
	position: relative;
	top: -34px;
}
.btn1 span, .btn2 span, .btn3 span {
	position: relative;
	top: -36px;
	margin-left: 6px;
}

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

#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: verdana, sans-serif;
	font-size: 10px;
	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 {
	float: left;
	width: 70%;
}
#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 table.tb1 select {
	font-size: 12px;
	font-size: 1.2rem;
}

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

#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 .textarea1 h3 {
	padding: 23px 15px 12px 15px !important;
}
#body #privacybox h3 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#body #privacybox, #body .btnbox1, #body p.arrow1, .text_info, #body #footerarea {
	margin-left: 15px !important;
	margin-right: 15px !important;
}	
	
#body table.tb1 td p.category {
	margin: 16px 0px 0px 0px;
}
#body table td input[type="radio"], #body table td input[type="checkbox"] {
	margin-top: 13px;
	height: 21px;
}
#body table td p.category + input[type="radio"], #body table td p.category + input[type="checkbox"] {
	margin-top: 6px;
}
#body table td label {
	margin-top: 15px;
}
#body table td p.category + input + label {
	margin-top: 5px;
}
#body .btnbox1 ul li.btn2 {
	width: 100%;
	float: none;
	margin-top: 20px;
	margin-left: 0;
}
#body .btnbox1 ul li.btn3 {
	margin-top: 20px;
}
#body .btnbox1 ul li input.btninput2 {
	width: 100%;
}
#body .btnbox1 ul li.btn3 {
	width: 100%;
	float: none;
}
#body .btnbox1 ul li input.btninput3 {
	width: 100%;
}
#body #explain .info {
	margin-top: 0px;
	position: static;
}
#body table.tb1 td p span.mailcaption {
	margin-top: 6px;
	display: block;
}

span.icon-arrow_4_2 {
	margin-left:15px;
}

}

@media screen and (max-width: 767px) {
#body table.tb1 td.tb1-s table {
	width: 100%;
}
#body table.tb1 td.tb1-s table td {
	width: auto;
}
#body table.tb1 td.tb1-s table th p span {
	display: inline;
}
#body table.tb1 td p span {
	margin-top: 6px;
	display:inline-block;
}
#body .confirm table.tb1 td p span {
	margin-top: 0px;
}
#body table.tb1 td {
	padding: 2px 10px 12px 10px;
}
#body .table_responsive th, #body .table_responsive td {
	display: block;
}
#body table.tb1 th {
	width: auto;
}
#body table.tb1 td.tb1-s table td p {
	margin-top: 0;
	padding-top: 5px;
}
#body table.tb1 td.tb1-s table td {
	padding-top: 0px;
	width: auto;
	border-top: none;
}
#body table.tb1 td.tb1-s table th {
	padding: 0px 0px 0px 10px;
	width: auto;
	border-bottom: none;
}
#body table.tb1 th.bt-n, #body table.tb1 td.bt-n {
	border-top: none;
}
#body table.tb1 th.bb-n, #body table.tb1 td.bb-n {
	border-bottom: none;
}
#body table.tb1 td {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
#body table.tb1 td.tb1-s {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#body #privacybox, #body .btnbox1, #body p.arrow1, .text_info, #body #footerarea {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
}

@media screen and (max-width: 715px) {
	
	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;
}
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;
}
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: 5px !important;
}
}

@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;
}
}

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

#body table.tb1 td p {
	padding: 12px 12px 0px 0px;
}	

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

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

a:link {
	text-decoration: underline;
	color: #0000ff;
}
a:visited {
	text-decoration: underline;
	color: #0000ff;
}
a:active {
	text-decoration: none;
	color: #0000ff;
}
a:hover {
	text-decoration: none;
	color: #0000ff;
}
/* ------ 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 table.tb1 select {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"ＭＳ ゴシック", 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;
}