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

/**** Form ***/

/******* Main *******/

main {
	margin: 0 auto;
	text-align:center;
}
#mainArea {
	text-align:left;
	margin: 0 auto;
	max-width: 960px;
	border-top:1px dashed #693;
	overflow:hidden;
}

/*Form Area */

#formArea {
	width:930px;
	min-height:500px;
	margin:10px 0 20px 0;
	padding:15px;
	background-color:#fff;
}

/* Comment */

#commentBox {
	width:900px;
	clear:both;
	padding:15px;
	margin-bottom:24px;
	overflow:hidden;
	border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	background-color:#fbfde0;
}
#commentBox img {
	float:right;
	margin:0 0 0 14px;
}
#commentBox h3 {
	color:#80126F;
	font-size:130%;
	margin-bottom:10px;
}
#commentBox p {
	margin-bottom:10px;
}

.contact_txt {
	width:100%;
}

/* 必須項目
-------------------------*/
.notice {
	color:#f00;
}

/* エラーメッセージ
-------------------------------------------------*/
.formLayout .errmsg {
	width:90%;
	background:#FFF;
	border:3px solid #f00;
	padding:20px;
	margin:0 auto 10px auto;
}
.formLayout .errmsg,
.formLayout .errmsg a,
.formLayout .errmsg a:link,
.formLayout .errmsg a:visited,
.formLayout .errmsg a:hover,
.formLayout .errmsg a:active {
	color:#F00;
}


/* submit
-------------------------------------------------*/
.formLayout .submit {
	text-align:center;
	border: none;
	margin-top:30px;
}

.formLayout .submit p {
	text-align:left;
	padding-bottom:1em;
}

.formLayout .submit input {
	width:270px;
	float:none;
	display:inline;
}

.formLayout .submit .submit_left,.formLayout .submit .submit_right{
	width:49%;
	text-align:center;
}
.formLayout .submit .submit_left{
	float:left;
}
.formLayout .submit .submit_right{
	float:right;
}


/* 任意CSS *****************************************/
.formLayout {
	background-color: #fafafa;
	background:#FFF;
	margin:0 auto 40px;
}

optgroup {
	font-style:normal;
}

.formLayout.input_now .display_check,
.formLayout.check_now .display_input{
	display:none;
}
/*-------------------------------------------------*/



/* Form *****************************************/

.formLayout {
	font-size:110%;
}
.formLayout table{
	border: 1px #E3E3E3 dotted;
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
.formLayout th,.formLayout td{
	border:1px solid #A1A1A1;
}
.formLayout th,.formLayout td{
	padding:5px;
}

.formLayout th{
	width:21%;
	font-size: 0.8em;
	padding: 8px;
	border: 1px #E3E3E3 dotted;
	border-width: 0 0 2px 2px;
	background: #F7F2E6;
	font-weight: normal;
	text-align: left;
}
.formLayout td{
	font-size: 0.8em;
	padding: 8px;
	border: 1px #E3E3E3 dotted;
	border-width: 0 0 2px 2px;
	text-align: left;
}


.formLayout table caption {
	font-size: 0.9em;
    text-align: left;
	padding: 5px;
	background: #E3E3E3;
}
.formLayout table caption span {
	color:#ff0000;
}


/* divレイアウト 必須CSS *****************************************/
.formLayout p.ttl {
	width:30%;
	float:left;
	text-align: left;
	padding-right: 20px;
}
.formLayout p.small {
	font-size:85%;
}
.formLayout p.data {
	width:65%;
	float:left;
}

.formLayout br {
	clear: left;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.none {
	display:none;
}

/* space
-------------------------------------------------*/
.formLayout div.group {
	border-top:1px solid #e7e7e7;
	padding-top:1em;
	padding-bottom:0.5em;
	padding-left:10px;
}

.formLayout div.label {
	background:#CCFFEC;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:10px;
}

.formLayout div.unit {
	padding-bottom:0.5em;
}

.formLayout .indent {
	margin-left: 1em;
	text-indent: -1em;
}