@charset "UTF-8";


.must {
}

/* エラー
==============================*/
div#mainContent div.error {
	width:560px;
	margin:0 auto 20px auto;
}
div#mainContent div.error p {
	font-size:108%;
	font-weight:bold;
	margin:0 0 6px 0;
}

/* mainContent
==============================*/
div#mainContent div.formContent {
	width:560px;
	margin:0 auto;
}
div#mainContent div.formContent p.heading {
	margin:0 0 10px 0;
}
div#mainContent div.formContent td {
	vertical-align:top;
	text-align:left;
	border-top:1px dotted #999;
	padding:15px 0 15px 15px;
}
div#mainContent div.formContent td.heading {
	padding-left:20px;
}

/* テキストボックス
==============================*/
div#mainContent div.formContent input.text {
	width:100%;
	height:1.5em;
}

/* チェックボックス
==============================*/
div#mainContent div.formContent input.checkbox {
	float:left;
	display:inline;
	margin:.4em 4px 0 0;
	/margin-top:0;
	padding:0;
}

/* ラジオボタン
==============================*/
div#mainContent div.formContent input.radio {
	float:left;
	display:inline;
	margin:.3em 3px 0 0;
	/margin-top:0;
	padding:0;
}

/* テキストエリア
==============================*/
div#mainContent div.formContent textarea.textarea {
	width:100%;
	height:12em;
	
}

/* フォームボタン
==============================*/
div#mainContent div.formContent td.btn {
	text-align:center;
}

/* インライン
==============================*/
div#mainContent div.formContent ul.inline li {
	float:left;
	display:inline;
	white-space:nowrap;
}
div#mainContent div.formContent ul.inline li p {
	float:left;
	display:inline;
	white-space:nowrap;
	margin:0 21px 0 0;
}

/* カラム
==============================*/
div#mainContent div.formContent ul.column {
	float:left;
	display:inline;
}
div#mainContent div.formContent ul.column li {
	float:left;
	display:inline;
	width:190px;
	margin:0 0 6px 0;
}
div#mainContent div.formContent ul.column li p {
	margin:0 0 0 0;
}

/* 見出し有り
==============================*/
div#mainContent div.formContent ul.heading p {
	clear:both;
	float:left;
	display:inline;
	width:68px;
	margin:2px 0 0 0;
}
div#mainContent div.formContent ul.heading input {
	width:293px;
	height:1.5em;
	vertical-align:bottom;
	margin:0 0 4px 0;
}

/* 確認画面
==============================*/
div#mainContent div.confirmContent {
	width:560px;
	margin:0 auto;
}
div#mainContent div.confirmContent td {
	vertical-align:middle;
	text-align:left;
	border:1px solid #C9CACB;
	padding:10px 15px 10px 15px;
}
div#mainContent div.confirmContent td.heading {
	width:8em;
	white-space:nowrap;
	background-color:#F4F4F4;
}
div#mainContent div.confirmContent div.policy {
	background-color:#FFEAEA;
	border:1px solid #C80000;
	margin:30px 0 0 0;
	padding:15px 20px 15px 20px;
}
div#mainContent div.confirmContent div.policy p.heading {
	color:#C80000;
	margin:0 0 6px 0;
}
div#mainContent div.confirmContent div.policy p.name {
	text-align:right;
}
div#mainContent div.confirmContent div.btn {
	float:left;
	display:inline;
	width:100%;
	margin:10px auto 30px auto;
}
div#mainContent div.confirmContent div.btn p {
	text-align:center;
	margin:22px 0 18px 0;
}
div#mainContent div.confirmContent div.btn form.prev {
	float:left;
	display:inline;
	width:45%;
	text-align:right;
}
div#mainContent div.confirmContent div.btn form.entry {
	float:left;
	display:inline;
	width:45%;
	text-align:left;
	padding-left:10%;
}

/* 完了画面
==============================*/
div#mainContent div.finishContent {
	width:560px;
	font-size:108%;
	margin:60px auto 60px auto;
}
div#mainContent div.finishContent p.txt {
	font-size:108%;
	font-weight:bold;
}
div#mainContent div.finishContent p.name {
	margin:20px 0 0 0;
}
div#mainContent div.finishContent p.link {
	margin:20px 0 0 0;
}


