@charset "utf-8";

/* 
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align:left;
}

a, a:link, a:visited { color: #3366cc; text-decoration: underline;
}
a:hover, a:active    { color: #3366cc; text-decoration: none;
}
*/

.clearfix:after { /*floatの解除*/
	content:" ";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
}

input::placeholder { color: #aaa; }

/* -------------------------------------- */

section.contents h1,h2 {
	font-weight: bold;
	line-height: 1.8;
}




/* -------------------------------------- */

div.header_progress {
	margin: 30px auto 25px;
	padding: 0px;
	/*height: 38px;*/
	font-size: 12px;
	/*line-height: 22px;*/
}
div.header_progress div {
	margin: 0px;
	padding: 1%;
	border: 3px solid #ccc;
	background-color: #fff;
	text-align:center;
	width: 24%;
	/* height: 24px; */
	color: #333;
	font-size: 120%;
	font-weight: bold;
}
div.header_progress div.current {
	background-color: #d7ebff;
}
div.header_progress div.arrow {
	background: url(../icon-arrow_blue.png) center no-repeat;
	border: 0px;	/* border: 1px solid #f03;  */
	background-color: none;
	width: 6%;
}

/* -------------------------------------- */

/* -----table_formapp--------------------------------- */

section.formapp {
	min-width: 420px;
}

table.formapp {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	max-width: 800px;
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 1px;
	border: none;
	/* border: 1px solid #666666; */
}
table.formapp th{
	padding: 3px 3px 3px 6px;
	white-space: nowrap;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	line-height: 1.2em;
	background-color: #d7ebff;
}
table.formapp td{
	padding: 3px 3px 3px 6px;
	font-size: 120%;
	font-weight: normal;
	text-align: left;
	line-height: 1.4em;
	background-color: #eee;
}

table.formapp td.table_title{
	background-color: #339;
	color:#fff;
	font-size: 120%;
	font-weight:bold;
	text-align:center;
}

/* -------------------------------------- */

th.small {
	font-size: 80%;
}

sup.require {
	font-size: 80%;
	margin-left: 7px;
	color: #FF6600;
}
span.require {
	display: inline-block;
	font-size: 80%;
	margin-left: 7px;
	line-height: 1.2em;
	color: #FF6600;
}
span.corp {
	font-size: 80%;
	margin-left: 7px;
	color: #3333ff;
}

input.app-txt {
	width: 70%;
	padding: 4px;
	margin: 0px 5px;
	font-size: 100%;
	border: 1px solid #aaa;
	border-radius: 4px;
}
input.app-zip {
	width: 120px;
	padding: 4px;
	margin: 0px 5px;
	font-size: 100%;
	border: 1px solid #aaa;
	border-radius: 4px;
}
select.app-select {
	padding: 4px;
	margin: 0px 5px;
	font-size: 100%;
	border: 1px solid #aaa;
	border-radius: 4px;
}
input.app-radio {
	padding: 4px;
	margin: 0px 5px;
	font-size: 100%;
	border: 1px solid #aaa;
	border-radius: 4px;
}
input.app-tel {
	width: 70px;
	padding: 4px;
	margin: 0px 2px;
	font-size: 100%;
	border: 1px solid #aaa;
	border-radius: 4px;
}
textarea {
	padding: 4px;
	margin: 0px 5px;
	border: 1px solid #aaa;
	border-radius: 4px;
}
input.app-txt-trg {
	width: 50%;
	padding: 1px 4px;
	margin: 0px 5px;
	font-size: 100%;
	border: 1px solid #aaa;
	border-radius: 4px;
}


/* -------------------------------------- */


/* -------------------------------------- */

.attention_top {
	background-color: #eee;
	color:#a00;
	line-height: 1.2em;
	font-size: 100%;
	margin: 10px auto;
	padding: 12px 16px;
	width: 90%;
}
.attention_top_entry {
	margin: 6px 0 6px 1em ;
	text-indent: -1em;
}

.attention {
	box-sizing: border-box;
	background-color: #eee;
	line-height: 1.2em;
	margin: 10px auto;
	padding: 12px 16px;
	width: 100%;
	max-width: 800px;
}
.attention_thanks {
	box-sizing: border-box;
	background-color: #eef;
	color:#33c;
	line-height: 1.2em;
	font-size: 100%;
	margin: 10px auto;
	padding: 80px 16px;
	width: 100%;
	text-align:center;
}
.attention_error {
	box-sizing: border-box;
	background-color: #fee;
	color:#c33;
	line-height: 1.2em;
	font-size: 100%;
	margin: 10px auto;
	padding: 80px 16px;
	width: 100%;
	text-align:center;
}

/* -------------------------------------- */


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

@media only screen and (min-width:480px) and (max-width:640px) {
}

@media only screen and (min-width:640px) and (max-width:768px) {
}

@media only screen and (min-width:768px) and (max-width:992px) {
}

@media only screen and (min-width:992px) {
}


/* -------------------------------------- */