/* CSS Document */

@charset "shift_jis";

/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}

table{
    border-collapse:collapse;border-spacing:0;
}

img {
	vertical-align: bottom;
	border:0;
}

ol, ul {
	list-style: none;
}


/* 基本設定 */

html{
	overflow-y:scroll;
}

body {
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
	color: #222;
	font: 16px/1.8 "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#container	{
	width: 100%;
	text-align: center;
	padding-bottom: 50px;
	background: #fffbef;
}

div#headArea{
	height: 53px;
	border-top: 3px solid #81543f;
	background: #fff;
	padding: 11px 0 10px 0;
}
	#headerIn {
		width:950px;
		margin:0 auto;
		}
		#headerLogo{
	width: 372px;
	float: left;
	padding-top: 5px;
}
		#headerTel{
	width: 237px;
	float: right;
}

div#titledArea{
	padding-top: 20px;
}

div#bodyArea{
	width: 950px;
	margin: 20px auto 0;
	padding-top: 30px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(231, 213, 188, 0.7);
}

.txt_active {
	ime-mode: active;
}
.txt_inactive {
	ime-mode: inactive;
}
a {
	color: #168ee2;
	text-decoration: none;
}
a:visited {}
a:hover,
a:active,
a:focus {
	color: #168ee2;
/*	text-decoration: none;*/
}
p.form_attention{
	margin-top:3px;
	font-size:90%;
}

/* 入力画面 entry.html
========================================== */


p#formStep1{
	margin:0 auto;
	background:url(../images/header/step1.png) center top no-repeat;
	width:400px;
	height:91px;
	text-indent:-9999px;
}

/* お知らせ */

p.information{
	margin: 30px auto 10px;
	;
	width: 726px;
	line-height: 150%;
}
	
	p.information em{
		color:#dd0000;
		font-weight:bold;
		font-style:normal;
	}


/* 項目テーブルコンテナ */

div#formContainer{
	width: 800px;
	margin: 0 auto;
	border: 1px solid #d2d2d2;
}

table#itemTable{
	margin: 0 auto;
	width: 100%;
	border: none;
	line-height: 1.5em;
}
	
	table#itemTable th{
	width: 200px;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	background: #FFFBEF;
	padding:12px 20px;
	border-bottom: 1px dotted #d2d2d2;
	}
	
	table#itemTable td{
		text-align:left;
		font-weight:normal;
		vertical-align:middle;
		padding:12px 20px;
		border-bottom:1px dotted #d2d2d2;
	}
	
		table#itemTable th.cellNG,
		table#itemTable td.cellNG{
			background:#ffe6e6;
		}
		table#itemTable th.cellNG2,
		table#itemTable td.cellNG2{
			background:#EEE;
		}
	
		table#itemTable td p.tdPaddingText{
			margin-bottom:10px;
		}
		
		table#itemTable td p.privacyText{
			margin:15px 0 5px;
		}
		
		table#itemTable td.tdItem input{
			margin-right:5px;
			height:19px;
			width:300px;
		}
		
			table#itemTable td.tdItem input.input_name{
				width:125px;
			}
			
			table#itemTable td.tdItem input.w80{
				width:80px;
			}
			
			table#itemTable td.tdItem input.inputCheckbox,
			table#itemTable td.tdItem input.inputRadio{
				width:auto;
				height:auto;
			}
		
		table#itemTable th span.hissu,
		table#itemTable td.tdItem span.hissu{
			color:#fe4701;
		}
		
		table#itemTable td ul li{
			font-size:10px;
			display:inline;
			white-space: nowrap;
		}
		
			table#itemTable td ul li label{
				padding:0 5px 0 3px;
			}
.textarea_comment{
	width:556px;
	height:80px;
}
table#itemTable2{
	width:100%;
}

	table#itemTable2 th{
		width:11em;
		background:#FFF;
		text-align:left;
		border-bottom:1px dotted #d2d2d2;
		padding-left:10px;
		padding-right:0px;
	}
	
	table#itemTable2 td#itemTable2Inside{
		padding:20px 20px 20px 0;
		border:1px solid #d2d2d2;
	}
	
		table#itemTable2 td#itemTable2Inside table#itemTable3{
			width:100%;
		}
		
			table#itemTable2 td#itemTable2Inside table#itemTable3 th{
				padding:10px 0 0;
				width:100px;
				background:#FFF;
				text-align:left;
				border-bottom:none;
			}
			
			table#itemTable2 td#itemTable2Inside table#itemTable3 td{
				padding:10px 0 0;
				background:#FFF;
				text-align:left;
				border-bottom:none;
			}

			table#itemTable2 td#itemTable2Inside table#itemTable3 td input{
				width:400px;
			}


/* テーブル調整 */

tr.tdTopLine th,
tr.tdTopLine td{
	border-top:1px dotted #d2d2d2;
}

tr.tdBottomLine th,
tr.tdBottomLine td{
	border-bottom:none !important;
}

tr#kojin_back th{
	padding:15px 20px 20px 20px;
}
tr#en_back th{
	padding:15px 20px 20px 20px;
}

/* タイトル */

h1#formTitle {
	text-align:left;
}

h1.step1{
}

h1.step2{
}


/* フキダシ */

.form_advisor{
	width: 261px;
	height: 25px;
	margin: -51px 0px 0px 0px;
	background:url(../images/border.gif);
	font-size:11px;
	line-height:1.5;
	color: #576a0c;
	text-align: left;
	padding: 13px 8px;
	*visibility:hidden;
}

.form_advisor {/*ie*/
	*width: 277px;
	*height: 50px;
	*margin: -50px 0px 0px 0px;
}

.form_advisor:not(:target) {
   visibility: visible\9; /* IE9 */
}

#q4{
	height:18px;
}

.selectboxOptionHide{
	display:none;
}

p.message_zip{
	font-size:80%;
}


/* 送信、個人情報保護方針他 */

.iframe01{
	margin:0px auto 0px auto;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

div.inputBtnArea{
	padding:25px 0 40px;
	text-align:center;
}


/* 確認画面 review.html
========================================== */

p#formStep2{
	margin:0 auto;
	background:url(../images/header/step2.png) center top no-repeat;
	width:400px;
	height:91px;
	text-indent:-9999px;
}

div#checkBtnArea{
	width: 620px;
	height: 150px;
	margin: 0 auto 0px;
	padding-bottom: 20px;
	position: relative;
}
	div#checkBtnArea div#checkBtnBack{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	}
	div#checkBtnArea div#checkBtnSend{
	position: absolute;
	left: 320px;
	top: 0px;
	width: 300px;
	}
		


/* 完了画面 thanks.html
========================================== */

p#formStep3{
	margin:0 auto;
	background:url(../images/header/step3.png) center top no-repeat;
	width:400px;
	height:91px;
	text-indent:-9999px;
}

p.thanksMessage{
	clear:both;
	padding:50px 0 100px;
	text-align:center;
	*line-height:150%;
}

p.thanksMessage em{
	margin: 20px 0 20px;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	display: block;
}

p.thanksMessage span{
	font-size:10px;
	display:block;
}

#thanksListArea{
	width:600px;
	margin:20px 0 0 100px;
	padding-bottom:20px;
}

#thanksListArea ul.thanksList{
	float:left;
	text-align:left;
	padding:0 0 0 10px;
	width:180px;
	border-left:2px solid #8fc814;
	*line-height:150%;
}

#thanksBtnArea p{
	clear:both;
	padding-top:40px;
	text-align:center;
}


#thanksBtnArea{
	margin:0 auto;
}

div.thanksCalender{
	margin:0 auto;
	text-align:center;
}

h2.thanksKengakuTitle{
	clear:both;
	padding-top:40px;
	font-size:16px;
	text-align:center;
	color:#699A1C;
	background:url(../images/featureLine.gif) center bottom no-repeat;
}

table#thanksTable{
	width:540px;
	margin:10px 0 10px 60px;
	position:relative;
}

table#thanksTable th{
	padding:5px 3px 0px;
	*padding-top:8px;
	width:150px; /*205px*/
	font-size:12px;
	text-align:right;
	font-weight:normal;
	color:#077550;
	vertical-align:top;
}

table#thanksTable td{
	padding:3px;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

table#thanksTable td.tdSituation{
	width:36px;
	padding:4px 5px 0px;
	*padding:3px 5px;
	vertical-align:top;
}

table#calender{
	margin:0px auto 0;
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #666666 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

table#calender th,
table#calender td{
	border: 1px #666666 solid; /* セルの枠線（太さ・色・スタイル） */
}


/* !footer
---------------------------------------------------------- */
#footer {
	clear:both;
	width:100%;
	font-size:77%;
	background:url(../images/bg/bg_containerin.jpg) left top repeat-x #fff;
	text-align:left;
}
#footer a{
	color:#606060;
}
	#humanLink{
		background:#fff;
		border-top:4px solid #ff4600;
		padding-top:19px;
	}
	#humanLink p{
		margin-bottom:13px;
	}
		#humanLink > ul{
			width:960px;
			margin:0 auto;
		}
		#humanLink > ul > li{
			width:192px;
			float:left;
		line-height:1.9;
		}
		#humanLink > ul > li#humanLink01{
			width:238px;
		}
		#humanLink > ul > li#humanLink02{
			width:183px;
		}
		#humanLink > ul > li#humanLink03{
			width:190px;
		}
		#humanLink > ul > li#humanLink04{
			width:204px;
		}
		#humanLink > ul > li#humanLink05{
			width:145px;
		}
		#humanLink > ul > li#humanLink06{
			clear:both;
			margin-top:35px;
		}
		#humanLink > ul > li#humanLink07{
			width:100%;
			margin-top:27px;
			border-top:1px solid #d4d2cb;
			padding-top:13px;
			padding-bottom:26px;
		}
			#humanLink > ul > li#humanLink07 ul li{
				display:inline;
				border-left:1px solid;
				padding:0 6px;
			}
			#humanLink > ul > li#humanLink07 ul li.nostyle{
				border-left:none;
			}
	#footerInfo{
		clear:both;
		background:#f3f3f3;
		padding:7px 0 8px 0;
		height:105px;
	}
		#footerInfoIn{
			width:960px;
			margin:0 auto;
		}
#container #titledArea h1 {
	color: #222;
	font-size: 34px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footerArea {
	border-top: 5px solid #81543f;
}
#footerArea #footerIn {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 2em;
	font-size: 14px;
	padding-bottom: 20px;
}
#footerArea #footerIn #footerNav {
	float: left;
	padding-top: 10px;
}
#footerArea #footerIn #footerNav li {
	display: inline;
	padding-right: 10px;
}
#footerArea #footerIn #footerNav li a {
	color: #222;
}
#footerArea #footerIn #footerNav li a:hover {
	color: #666;
}
#footerArea #footerIn p.copyright {
	padding-top: 5px;
	text-align: right;
	float: right;
	width: 330px;
}