@charset "utf-8";

/*
セミナー参加応募フォーム 専用CSS
 */

* {
	-webkit-text-size-adjust: none; /* iOSでのレイアウト崩れを避ける */
	}

body{
	margin:0px auto;
	padding: 0px;
	font-size:90%;
	line-height:1.7;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#333;
	background-image:url(/images/bg_body.gif);
}

	@media screen and (max-width:768px){
		body{
			background-image:none;
		}
	}


h1{

}

h2{
	text-align:center;
}

h3{	
	border-bottom:2px solid #F5831D;
}

	h3.type2{
		border-bottom:2px solid #ED1C24;
	}

h4{
	margin-bottom:5px;
}

td{
	}

	td > h1:first-child,
	td > h2:first-child,
	td > h3:first-child,
	td > h4:first-child{
		margin-top:0;
	}
	

/*
***********************************************************************************************
float関連
***********************************************************************************************
*/

/* new 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 */

/*
***********************************************************************************************
ヘッダー
***********************************************************************************************
*/

#header{
	background-color:#fff;
	border-left:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	box-sizing:border-box;
	width:980px;
	margin-right:auto;
	margin-left:auto;
	background-color:#56647C;
}

	@media screen and (max-width:768px){
		#header{
			border-left:0px solid #fff;
			border-right:0px solid #fff;
			padding:10px 0px;
			width:auto;
		}
	}

	.meta_header{
	  background-color:#3D4656;
	  padding:0px 5px;
	  margin:0px;
	}
	
	@media screen and (max-width:768px){
		.meta_header{
			display:none;
		}
	}

		h1.title{
			background-color:#3D4656;
			padding:0px 5px;
			margin:0px;
			color:#fff;
			font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
			font-size:10.5px;
			font-weight:normal;
			display:inline;
		}

	.meta_header p{
		background-color:#3D4656;
		padding:0px 0px;
		margin-left:5px;
		color:#C8C8C8;
		font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
		font-size:10.5px;
		display:inline;
	}
	
	
	p.logo{
		margin:10px 0 10px 10px;
		float: left;
	}
		@media screen and (max-width:768px){
			p.logo{
				margin:0px 0px 5px 0px;
				float:none;
				text-align:center;
			}
		}

	p.logotype{
		margin:0 5px 0 0;
		padding-top:20px;
		float:right;
	}
		@media screen and (max-width:768px){
			p.logotype{
				margin:0px;
				padding:0px;
				float:none;
				text-align:center;
			}
		}

/*
***********************************************************************************************
本文のコンテナ
***********************************************************************************************
*/

#content{
	background-color:#fff;
	border-left:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	box-sizing:border-box;
	padding:30px 30px 15px 30px;
	width:980px;
	margin-right:auto;
	margin-left:auto;
}

	@media screen and (max-width:768px){
		#content{
			border-left:0px solid #fff;
			border-right:0px solid #fff;
			padding:10px 10px 10px 10px;
			width:auto;
		}
	}


/*
***********************************************************************************************
コンテンツ
***********************************************************************************************
*/

/* セミナー開催！！ ━━━━━━━━━━━━━━━━━━━━━ */
.content_header01{
	background-color:#FDE8E9;
	background-image:url(../images/bg_taniayumi_01.png);
	background-repeat:no-repeat;
	background-position:right top;
	margin-bottom:25px;
	padding:15px 0px 15px 0px;
	text-align:center;
	padding-right:180px;
	
}

		@media screen and (max-width:768px){
			.content_header01{
				background-size:70% 70%;
				padding:5px 10px 15px 10px;
				height:auto;
			}
		}
		
	.content_header01 img{
		vertical-align:middle;
	}

		@media screen and (max-width:768px){
			.content_header01 img{
				display:block;
				text-align:center;
				margin-right:auto;
				margin-left:auto;
				max-width:100%;
			}
		}

		@media screen and (max-width:768px){
			.content_header01 .img_header01{
				max-width:40%;
				margin-bottom:10px;
			}
		}

		.content_header01 .img_header02{
			margin-right:45px;
			margin-left:45px;
		}
	
			@media screen and (max-width:768px){
				.content_header01 .img_header02{
					margin-right:auto;
					margin-left:auto;
				}
			}

/* 5月31日・・・ ━━━━━━━━━━━━━━━━━━━━━ */
.content_header02{
	text-align:center;
	margin-bottom:25px;
}
	.content_header02 img{
	}
		.content_header02 img.img_header03{
			margin-right:20px;
		}

		@media screen and (max-width:768px){
			.content_header02 img.img_header03,
			.content_header02 img.img_header04{
				display:block;
				text-align:center;
				margin-right:auto;
				margin-left:auto;
				margin-bottom:25px;
				max-width:100%;
			}
		}


/* イベント会場のご案内 ━━━━━━━━━━━━━━━━━━━━━ */
.content_header03{
	background-color:#eee;
	text-align:center;
	margin-bottom:35px;
	padding:20px;
}
		@media screen and (max-width:768px){
			.content_header03{
				padding:10px;
			}
		}

	.content_header03 h3{
		color:#fff;
		background-color:#999;
		padding:5px 3px 3px 3px;
		line-height:1.2;
		margin:0px auto 10px auto;
		border-bottom:0px solid #fff;
		width:12em;
		
		/* 角丸用スタイル */
		-webkit-border-top-left-radius:16px;
		-webkit-border-top-right-radius:16px;
		-moz-border-radius-topleft:16px; 
		-moz-border-radius-topright:16px;
		border-radius:16px 16px 16px 16px;
	}
	
	.content_header03 p br{
		display:none;
	}

		@media screen and (max-width:768px){
			.content_header03 p br{
				display:inline;
			}
		}
	
	.content_header03 img{
	}
		.content_header03 img.img_header05{
			border:1px solid #ccc;
			margin-right:20px;
		}

		@media screen and (max-width:768px){
			.content_header03 img.img_header05,
			.content_header03 img.img_header06{
				display:block;
				text-align:center;
				margin-right:auto;
				margin-left:auto;
				margin-bottom:15px;
				max-width:100%;
			}
		}

	.content_header03 h4{
		border-bottom:2px solid #ccc;
		font-size:110%;
		margin-top:15px;
		margin-bottom:5px;
	}
	
	.content_header03 dl{
		font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
		margin:0px;
		padding:0px;
	}
		.content_header03 dl dt{
			font-size:90%;
			clear:both;
			text-align:left;
			padding-top:10px;
			float:left;
			width:25em;
		}
			.content_header03 dl dt:before{
				content:"◆";
			}
		
		.content_header03 dl dd{
			font-size:80%;
			text-align:left;
			margin:0px;
			padding-top:10px;
		}
		@media screen and (max-width:768px){
			.content_header03 dl{
			}
				.content_header03 dl dt{
					font-size:85%;
					float:none;
					width:auto;
				}
				.content_header03 dl dd{
					font-size:75%;
					margin-bottom:10px;
					padding-top:0px;
				}
		}


/* ━━━━━━━━━━━━━━━━━━━━━ */
#content h2 + p{
		text-align:center;
	}

		@media screen and (max-width:768px){
			#content h2 + p{
				text-align:left;
			}
		}

#content h2 + p + p + p{
		text-align:center;
	}


/*
***********************************************************************************************
お問い合わせフォーム共通
***********************************************************************************************
*/

form .table_form{
	width:100%;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#fff;
	empty-cells:show;
}
	form .table_form th{
		border-right:1px solid #bbb;
		border-bottom:1px solid #bbb;
		color:#333;
		padding:0.5em 0.5em 0.5em 0.5em;
		text-align:left;
		vertical-align:middle;
		background-color:#FEE7C9;
		white-space:nowrap;
		width:13em;
	}

	@media screen and (max-width:768px){
		form .table_form th{
			display:block;
			width:auto;
			white-space:normal;
		}
	}

		form .table_form td table{

		}

	@media screen and (max-width:768px){
		form .table_form td table{
			width:100%;
		}
	}

			form .table_form td table th{
				border-right:0px solid #fff;
				border-bottom:0px solid #fff;
				background-color:transparent;
				font-size:90%;
				padding-left:0px;
				width:auto;
			}
		
		@media screen and (max-width:768px){
			form .table_form td table th{
				padding-top:0;
				padding-bottom:0;
			}
		}
	
	form .table_form td{
		border-right:1px solid #bbb;
		border-bottom:1px solid #bbb;
		color:#333;
		padding:0.6em 0.8em;
	}

@media screen and (max-width:768px){
	form .table_form td{
		display:block;
	}
}

		form .table_form td table td{
			border-right:0px solid #fff;
			border-bottom:0px solid #fff;
			padding:0.4em 0 0.4em 0;
		}

		form .table_form td input,
		form .table_form td select,
		form .table_form td textarea{
			border:1px solid #999;
			padding:3px;
		}


@media screen and (-webkit-min-device-pixel-ratio:0) {

	/* chrome & safari only */
	form .table_form td input[type="radio"],
	form .table_form td input[type="checkbox"]{
		vertical-align:0px;	/* チェックボックスの位置調整 */
	}

}

/* 必須項目 */
form span.required{
	float:right;
	overflow: hidden;
	white-space:nowrap;
	/*
	width:32px;
	height: 20px;
	*/
	background-color:#F5831D;
	font-weight:normal;
	color:#fff;
	font-size:11px;
	line-height:1.0;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	padding:4px 4px 4px 4px;
	margin:3px 0 0 5px;
}


/* 記入例 */
form span.watermark{
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	display:block;
	color:#666;
	font-size:12px;
	margin:0 0 0 0px;
	padding-left:1em;
	text-indent:-1em;
}


	
/*
***********************************************************************************************
各フォーム要素
***********************************************************************************************
*/

/* 年齢 */
form #age{
	ime-mode:disabled;
}

/* 郵便番号 */
form #zip,
form #zip2{
	ime-mode:disabled;
}

/* 電話番号 */
form #tel{
	ime-mode:disabled;
}

/*  ご住所 */
@media screen and (max-width:768px){
	tr.address input{
		width:98%;
	}
}

/* 電話番号 */
form #tel1,
form #tel2,
form #tel3{
	ime-mode:disabled;
}

/* メールアドレス */
form #email,
form #email2{
	ime-mode:disabled;
}
	@media screen and (max-width:768px){
		form #email,
		form #email2{
			width:98%;
		}
	}

/* ご来場希望人数 */
form #number_adult,
form #number_child,
form #age_child1,
form #age_child2,
form #age_child3{
	ime-mode:disabled;
}



/* アンケート ━━━━━━━━━━━━━━━ */	
table.type2 th{
	background-color:#FDE8E9;
}

/* ご自宅の所有形態は次の内どれに当てはまりますか？ */
tr.survey1{
}

	@media screen and (max-width:768px){
		tr.survey1 label{
			display:block;
		}
	}
	
/* 不動産についてのご意見をお聞かせ下さい。 */
tr.survey2{
}


/* このセミナーについてどこで知りましたか？ */
tr.survey7{
}
	@media screen and (max-width:768px){
		tr.survey7 label{
			display:block;
		}
	}





/* 個人情報の取り扱いについて━━━━━━━━━━━━━━━ */
.privacy{
	background-color:#eee;
	padding:10px;
	margin-top:25px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

	.privacy h4{
		background-color:transparent;
		background-image:none;
		text-align:left;
		margin:0px 0px 5px 0px;
	}

	.privacy p{
		font-size:90%;
		margin:0px;
	}

/* 確認欄━━━━━━━━━━━━━━━ */
.buttons-area-confirm{
	text-align:center;
}
	.buttons-area-confirm input{
		font-size:140%;
	}
		@media screen and (max-width:768px){
			.buttons-area-confirm input{
				font-size:120%;
			}
		}

	/* 送信ボタン */
	#confirm{
		margin-right:10px;
	}

	/* リセットボタン */
	#reset{
	}
	
/* 備考欄━━━━━━━━━━━━━━━ */	
.notes{
}
	.notes ul{
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
		.notes ul li{
			font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
			font-size:90%;
			padding-left:1em;
			text-indent:-1em;
		}




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

.link_page_top {
	margin-top:1em;
	margin-bottom:-5px;
	margin-right:-10px;
	text-align:right;
}

	.link_page_top a{
	  background-image:url(/images/bg_link_pagetop.gif);
	  background-repeat:no-repeat;
	  color:#666;
	  font-size:12px;
	  font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	  padding-left:12px;
	  text-decoration: none;
	}



#footer{
	background-color:#56647C;
	border-left:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	box-sizing:border-box;
	padding:8px 10px 0px 10px;
	width:980px;
	margin-right:auto;
	margin-left:auto;
}

	@media screen and (max-width:768px){
		#footer{
			border-left:0px solid #fff;
			border-right:0px solid #fff;
			padding:8px 0px 0px 0px;
			width:auto;
		}
	}

	.foot_logo{
		margin-right:10px;
		float:left;
	}
		@media screen and (max-width:768px){
			.foot_logo{
				margin:0px;
				float:none;
				text-align:center;
	
			}
		}
	
	
	.foot_logotype{
		float:left;
		margin-top:10px;
		margin-right:20px;
	}
	
		@media screen and (max-width:768px){
			.foot_logotype{
				display:none;
			}
		}


	#footer dl{
		padding:0px;
		margin:5px 0px 0px 0px;
		float:right;
	}
	
		@media screen and (max-width:768px){
			#footer dl{
				float:none;
			}
		}
	
		#footer dl dt{
			color:#ddd;
			font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
			font-size:12px;
			display:inline-block;
			margin:0px 0 0px 2em;
		}
	
			#footer dl dt:after{
				content:":";
			}
	
			@media screen and (max-width:768px){
				#footer dl dt{
					display:block;
					text-align:center;
					margin:10px auto 5px auto;
					padding:1px 1px;
					background-color:#3D4656;
					width:4em;
					
					/* 角丸用スタイル */
					-webkit-border-top-left-radius:8px;
					-webkit-border-top-right-radius:8px;
					-moz-border-radius-topleft:8px; 
					-moz-border-radius-topright:8px;
					border-radius:8px 8px 8px 8px;
				}
				#footer dl dt:after{
					content:none;
				}
			}
		#footer dl dd{
			color:#ddd;
			font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
			font-size:12px;
			display:inline-block;
			margin:0px 0em 0px 0.5em;
		}
			@media screen and (max-width:768px){
				#footer dl dd{
					display:block;
					text-align:center;
					font-size:80%;
				}
			}
			
			#footer dl dd br{
				display:none;
			}
			
			@media screen and (max-width:768px){
				#footer dl dd br{
					display:inline;
				}
			}
		

#copyright{
	clear:both;
	color:#aaa;
	font-family:Verdana, Arial, sans-serif;
	font-size:60%;
	margin-top:10px;
	padding:3px;
	text-align:center;
}