@charset "utf-8";

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

	（お問い合わせフォーム）エレメント定義を行うCSS

	最終更新日：　2022年5月12日

	■CSS書き順■
	 * display / list-style
	 * position / float / clear / z-index
	 * width / height / margin / padding / border
	 * background
	 * color /
	   font (font-family / font-style / font-variant / font-weight / font-size / line-height)
	   text-decoration / text-align / vertical-align /letter-spacing / white-space / (other text)
	 * content
	 * cursor

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

	グローバルエリア定義

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

#wrap { width:100%; min-width:996px; text-align:left; -webkit-text-size-adjust:none; }

#main-container { width:960px; margin:0 auto; padding:30px 0; }

#main { float:left; width:700px; padding:0 0 0 10px; }

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

	ヘッダーエリア定義

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

#header { width:960px; margin:0 auto; padding:13px 0 15px 0; border-bottom:1px solid #ccc; }

	/* ロゴ */
	#header #header-logo { width:185px; float:left; padding:0 5px 0 10px; }


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

	フッターエリア定義

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

#footer { clear:both; width:100%; }

	/* ユーティリティ */
	#footer #footer-utility-outer { background-color:#572626; }
		#footer #footer-utility-outer #footer-utility {
			position:relative;
			width:960px; margin:0 auto; padding:10px 0;
			background-color:#572626;
			border-bottom:1px solid #8b6d68; }
			#footer #footer-utility-outer #footer-utility ul {}
				#footer #footer-utility-outer #footer-utility ul li {
					list-style:none; float:left;
					padding:0 10px 0 0;
					font-size:12px; font-size:1.2rem; line-height:1.5em; }
					#footer #footer-utility-outer #footer-utility ul li a {
						display:inline-block; padding-left:12px;
						background:url(/common-o/img/icon-arrow-right-white.png) no-repeat 2px 0.45em;
						color:#fff; }
				#footer #footer-utility-outer #footer-utility p {
					position:absolute; bottom:-27px; right:0;
					font-size:12px; font-size:1.2rem; line-height:1.5em; }
					#footer #footer-utility-outer #footer-utility p a {
						display:inline-block; padding-left:12px;
						background:url(/common-o/img/icon-arrow-right-white.png) no-repeat 2px 0.45em;
						color:#fff; }

	/* コピーライト */
	#footer #footer-copyright { background-color:#572626; }
		#footer #footer-copyright p {
			width:960px; margin:0 auto; padding:10px 0 20px 0;
			background-color:#572626; text-align:left; color:#fff;
			font-size:10px; font-size:1.0rem; line-height:1.3em; }

/* ページトップ */
#pagetop {
	clear:both; position:relative;
	width:960px; margin:0 auto; z-index:100; }
	#pagetop a {
		display:block; position:fixed; bottom:10px;
		width:44px; height:44px; margin:0 0 0 916px; }
	#pagetop a.footer-fixed { position:absolute; top:-181px; bottom:0; }


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

	サイドエリア定義

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

#side { float:right; width:220px; padding-bottom:40px; }


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

	タブレット対応

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

@media screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait){
	/* グローバルエリア */
	#wrap { min-width:730px; }
	#main-container { width:700px; padding: 0 0 10px; }
	#main { float:none; margin:0 auto; padding:0 0 20px; }
	.login-or-regist #main { width:auto; }

	/* ヘッダーロゴ */
	#header{ width:700px;}
	#header #header-logo { width:155px; padding:13px 5px 0 0; }

	#side { float:none; width:700px; padding-bottom:40px; }

	/* ユーティリティ */
	#footer #footer-utility-outer #footer-utility { width:690px; padding:15px 10px; }
		#footer #footer-utility-outer #footer-utility p { right:10px; }

	/* コピーライト */
	#footer #footer-copyright p { width:690px; padding:10px 10px;}

	/* ページトップ */
	#pagetop { width:710px; }
		#pagetop a { margin:0 0 0 666px; }
		#pagetop a.footer-fixed { top:-250px; }
}


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

	標準エレメント

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

#main h1 {
	margin:.3em 0 0; padding-left:.5em;
	border-left:6px solid #ff9e20;
	font-size:26px;font-size:2.6rem;line-height:1.3em;}
#main header p.parts-h1-merit {
	margin:0; padding:0.2em 0 0 1em;
	border-left: 6px solid #ff9e20;
	font-size: 16px;font-size: 1.6rem;line-height: 1.4em;font-weight:bold;}
.promo #main header p.text-title-lead { margin:1em 0 0; font-size:16px; font-size:1.6rem; line-height:1.7em; }

#main h2 {
	margin:1.5em 0 0;
	font-size:20px; font-size:2.0rem; line-height:1.2em;}

/* a11y対応：スクリーンリーダー読み込みコメント */
.accessibility { left:-9999px; position:absolute; top:-9999px; }

/* 強調ポイント */
#main .point{ color:#a60000;}


#header-menu { }
	#header-menu ul { text-align:right; }
	#header-menu ul li {
		display:inline; list-style: none outside none;
		font-size:11px; font-size:1.1rem; line-height:1.5em; }
		#header-menu ul li a {
			display:inline-block;
			margin:0 0 0 20px; padding:0 0 0 12px;
			color:#333; text-decoration:none; }
		#header-menu ul li a.icon-arrow-r {
			background-position:2px 0.45em;}
		#header-menu ul li a.icon-blank {
			background-position:0 0.25em;}
			#header-menu ul li a:hover { text-decoration:underline; }




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

	コンテンツヘッダー

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

#main header p.text-title-lead { margin:1em 0 0; font-size:16px; font-size:1.6rem; line-height:1.7em; }

/* ■フロー■ */
#main header .flow { margin-top:1.5em; background:#efefef; }
	#main header .flow ol {
		display: flex;
		flex-wrap: wrap;
		margin:0; border:2px solid #cccccc;
		background:url(/common-o/img/events/flow-bg.png) repeat-y right top;}
		#main header .flow ol li {
			display:table-cell; width:232px; list-style:none;
			margin:0; padding:5px 3px; border-left:2px solid #cccccc;
			font-size:14px; font-size:1.4rem; line-height:1.7em; box-sizing: border-box; }

		#main header .flow ol li:first-child{ width:232px; border-left:none;}

			#main header .flow ol li span{
				display:inline-block;
				margin-right:2px; padding:0 5px;
				line-height:1.3em;
				border:1px solid #ccc; border-radius:25px; }


		/* 入力中 */
		#main header .flow ol li.current { background-color:#a60000; color:#fff; font-weight:bold; }
			#main header .flow ol li.current span { background-color:#fff; color:#a60000; }
		/* 完了 */
		#main header .flow ol li.completed { background-color:#eee; overflow:hidden; }
			#main header .flow ol li.completed span {
				width:9px; height:18px; text-indent:-9999px; white-space:nowrap;
				background:url(/common-o/img/events/icon-form-completed.png) no-repeat center center #36da00;
				border:1px solid #36da00; }


			#main header .flow ol li span.text{
				padding:0; border:none; border-radius:0;}
			#main header .flow ol li.current span.text{ background:none; color:#fff;}
			#main header .flow ol li.completed span.text{ background:none; color:#333;text-indent:inherit;}


/* 開催終了の案内 */
#main header .parts-end-note{
	margin-top: 1.5em; padding: 13px 15px 10px; border: 2px solid #cc0000;}
	#main header .parts-end-note .title{
		margin:0; font-size:15px; font-size:1.5rem; font-weight:bold;
		color:#cc0000; line-height:1.5em;}
	#main header .parts-end-note .title + p {
		margin:0.1em 0 0; color:#cc0000;}
		#main header .parts-end-note .title + p a {
			margin-right:0.4em;}


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

	コンテンツボディ

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

#main #main-body p.lead-completed { margin:1em 0 0; font-size:16px; font-size:1.6rem; line-height:1.7em; }

/* ■お問い合わせ項目■ */
#main #main-body .area-inquiry{ margin:1.5em 0 0;}

	#main #main-body .area-inquiry dl{
		display:block; list-style:none;
		margin:0.5em 0 0; padding:0;
		border:1px solid #cccccc; border-width:0 1px 1px;
		background:url(/common-o/img/events/bg-table-list.gif) repeat-y -512px 0; }
		#main #main-body .area-inquiry dl dt,
		#main #main-body .area-inquiry dl dd {
			display:block;
			float:left; margin:0; padding:0;
			border-top:1px solid #ccc;
			font-size:16px; font-size:1.6rem; line-height:1.3em; }

		#main #main-body .area-inquiry dl dd p:first-child{ margin-top:0;}

		/* お問い合わせ項目 */
		#main #main-body .area-inquiry .particle{ width:158px; padding:10px; clear:both;}
		/* 内容入力 */
		#main #main-body .area-inquiry .input-container{ width:calc(100% - 198px); padding:10px;}
		#main #main-body .area-inquiry .input-container span{ display:inline-block; padding-top:5px; vertical-align:middle;}

	#main #main-body .area-inquiry .caption {
		margin:0.5em 0 0;
		text-align:right; font-size:12px; font-size:1.2rem; line-height:1.5;}

	/* テキストエリア設定 */
	#main #main-body .area-inquiry .input-container textarea {
		width:485px; min-height:100px; padding:5px;
		border-radius:5px;
		border:1px solid #ccc;
		box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		font-size:16px; font-size:1.6rem; line-height:1.5em;
		font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}

	/* placeholderフォント設定 */
	::-webkit-input-placeholder{ font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}
	:-moz-placeholder{ font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}
	::-moz-placeholder{ font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}
	:-ms-input-placeholder { font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}
	.placeholder{ font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; color:#c0c0c0;}


	/* 一行テキストボックス設定 */
	#main #main-body .area-inquiry .input-container input[type="text"] {
		width:488px; padding:5px;
		border-radius:5px;
		border:1px solid #ccc;
		box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2) inset;
		font-size:16px; font-size:1.6rem;
		line-height:1.9em; line-height:2.4rem; }

	/* type="tel"設定 */
	#main #main-body .area-inquiry .input-container input[type="tel"] {
		width:50px; padding:5px;
		border-radius:5px;
		border:1px solid #ccc;
		box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		font-size:16px; font-size:1.6rem;
		line-height:1.9em; line-height:2.4rem; }


	/* セレクト設定 */
	#main #main-body .area-inquiry .input-container select {
		padding:5px 5px 3px;
		border-radius:5px;
		border:1px solid #ccc;
		font-size:16px; font-size:1.6rem; line-height:1.9em; color:#333;
		font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; }


	/* 郵便番号 */
	#main #main-body .area-inquiry .input-container input[type="text"].zip { width:220px; float:left; margin-right:10px;}
	p#auto-complete-loading{ width:18px; float:left; margin-top:7px;}
	#main #main-body .area-inquiry .input-container .prior-text { float:right; width:230px; margin-top:0.5em; font-size:12px; }


	/* 都道府県/市区町村 */
	#main #main-body .area-inquiry .input-container select.area { }
	#main #main-body .area-inquiry .input-container input[type="text"].address {}

	/* 入力制御 */
	#main #main-body .area-inquiry .input-container input[type="text"].active { ime-mode:active; }
	#main #main-body .area-inquiry .input-container input[type="text"].disable { ime-mode:disabled; }



/* 2カラム系 */
		#main #main-body .area-inquiry .input-container .column-input{}
		/* 姓 */
		#main #main-body .area-inquiry .input-container p.last-name-input{ float:left; margin:10px 15px 0 0;}
		#main #main-body .area-inquiry .input-container p.last-name-input input[type="text"]{ width:150px; margin-top:-10px;}
		/* 名 */
		#main #main-body .area-inquiry .input-container p.first-name-input{ float:left;  margin:10px 15px 0 0;}
		#main #main-body .area-inquiry .input-container p.first-name-input input[type="text"]{ width:150px; margin-top:-10px;}
		/* 郵便番号 */
		#main #main-body .area-inquiry .input-container p.zip-code{ margin-top:0;}
		#main #main-body .area-inquiry .input-container p.zip-code input[type="text"]{ display:inline-block; width:70px;}
		/* 電話番号 */
		#main #main-body .area-inquiry .input-container p.phone-number{ margin-top:0;}
		#main #main-body .area-inquiry .input-container p.phone-number span.number-input{ display:inline-block; width:70px;}
		#main #main-body .area-inquiry .input-container p.phone-number span.number-input input{ width:50px;}
		/* FAX番号 */
		#main #main-body .area-inquiry .input-container p.fax-number{ margin-top:0;}
		#main #main-body .area-inquiry .input-container p.fax-number span.number-input{ display:inline-block; width:70px;}
		#main #main-body .area-inquiry .input-container p.fax-number span.number-input input{ width:50px;}


	/* 必須アイコン*/
	#main #main-body .area-inquiry .required-icon {
		display:block;
		width:40px; margin:5px 0 0; padding:1px 4px 0;
		background-color:#db3600; border:1px solid #db3600;
		text-align:center; color:#fff;
		font-size:12px; font-size:1.2rem; line-height:1.2em; }

	/* 任意アイコン */
	#main #main-body .area-inquiry .optional-icon {
		display:block; width:40px; margin:5px 0 0; padding:1px 4px 0;
		background-color:#ebe9ec; border:1px solid #ccc;
		text-align:center; font-size:12px; font-size:1.2rem; line-height:1.2em; }

	/* 完了アイコン*/
	#main #main-body .area-inquiry .completed-icon {
		display:block;
		width:40px; margin:5px 0 0; padding:1px 4px 0;
		background-color:#36da00; border:1px solid #36da00;
		color:#fff; text-align:center;
		font-size:12px; font-size:1.2rem; line-height:1.2em; }

	/* 必須入力エリア */
	#main #main-body .area-inquiry .input-container .required-area { background-color:#ffe8ce; }

	/* エラー処理 */
	#main #main-body .area-inquiry .input-container .error-message { margin-top:7px; position:relative; display:none; }
		#main #main-body .area-inquiry .input-container .error-message p { margin:-1px 0 0.5em; }
		#main #main-body .area-inquiry .input-container .error-message p:before {
			content:" "; width:0; height:0;
			position:absolute; bottom:100%; left:20px;
			border-width:0 5px 6px 5px; border-style:solid; border-color:#db3600 transparent; }
		#main #main-body .area-inquiry .input-container .error-message p.address_1 { margin-left:146px; }
		#main #main-body .area-inquiry .input-container .error-message p.address_1:before { left:175px; }
			#main #main-body .area-inquiry .input-container .error-message p span { padding:1px 6px 0; background-color:#db3600; color:#fff; box-shadow:2px 2px #ccc; }

	/* エラーメッセージ表示用 */
	#main #main-body .area-inquiry .input-container .visible { display:block; }
		#main #main-body .area-inquiry .input-container .visible p span { display:block; }

	/* エラー処理（JSOFF時） */
	#main #main-body .area-inquiry .input-container .error-message-confirm { clear:both; margin-top:5px; overflow:hidden; }
			#main #main-body .area-inquiry .input-container .error-message-confirm p {
			display:block;
			margin:-1px 0 0.5em 0; padding:3px 6px 2px;
			background-color:#db3600; color:#fff; }

/* フォーカス時処理 */
	#main #main-body .area-inquiry .input-container input:focus,
	#main #main-body .area-inquiry .input-container textarea:focus{
	border: 1px solid #ff3300;
	box-shadow:2px 2px 2px #ccc;
	-webkit-transition:box-shadow 0.2s ease 0s, border 0.2s ease 0s;
	transition:box-shadow 0.2s ease 0s, border 0.2s ease 0s; outline:none;}
	#main #main-body .area-inquiry .input-container input[type="checkbox"]:focus,
	#main #main-body .area-inquiry .input-container input[type="radio"]:focus{ box-shadow:none; border:none;}


/* 最初のラジオボタンの上は余白削除 */
	#main #main-body .area-inquiry .input-container .radio-box{}
	#main #main-body .area-inquiry .input-container .radio-box:first-child ul:first-child{ margin-top:-8px;}

	#main #main-body .area-inquiry .input-container .check-box{}
	#main #main-body .area-inquiry .input-container .check-box ul.category li{ display:block; float:none; border:none; background:none; cursor:auto;}
	#main #main-body .area-inquiry .input-container .check-box:first-child ul:first-child{ margin-top:-8px;}

	/* ラジオ「on」時 */
	#main #main-body .area-inquiry .input-container .radio-box ul li.on{}
	#main #main-body .area-inquiry .input-container .radio-box ul li.on label{ background-color: #a60000;}


/* セミナー詳細エリア */
	#main #main-body .area-inquiry .input-container .detail-seminar{ margin:0 -10px; padding:15px 10px 10px; border-top:1px solid #ccc;}
	#main #main-body .area-inquiry .input-container .detail-seminar:first-child{ padding-top:0; border-top:none;}


/* ■個人情報の取り扱い・利用目的について■ */
#main #main-body .area-privacy { margin:2em 0 0; }

	/* ご入力いただいた個人情報の取り扱い・利用目的 */
	#main #main-body .area-privacy .input-container .text-privacy { margin:0; }

	/* 同意する/同意しない */
	#main #main-body .area-privacy .input-container .agree-disagree p {
		margin-top:0.5em;
		position:relative;
		float:left; width:250px;
		font-size:16px; font-size:1.6rem; line-height:1.5em;
		cursor:pointer; }
		#main #main-body .area-privacy .input-container .agree-disagree p label {
			display:block; padding:10px 10px 10px 50px;
			background:#ffe8ce;
			box-shadow:0 2px 2px 0 #666; border:1px solid #ccc;
			border-radius:0 5px 5px 0; }

/* JSでclass付与 */
	#main #main-body .area-privacy .input-container .agree-disagree p.on label{ background-color:#a60000; color:#fff;}

		#main #main-body .area-privacy .input-container .agree-disagree p:first-child label { border-radius:5px 0 0 5px; border-right:none; }
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"] { position:absolute; left:10px; top:11px; border:none;}

		/* チェックON時の処理 */
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked {
				position:absolute; left:-9999px;  outline:none;}
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked + label {
				position:relative; cursor:pointer;
				background:#a60000;
				line-height:20px; color:#fff; }
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked + label:before {
				content:''; position:absolute; left:10px; top:7px;
				width:26px; height:26px;
				border:none; border-radius:100%;
				background:url(/common-o/img/events/radio-checked-bg.png) center center no-repeat;
				background-size:26px auto;}
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked + label:after {
				content:''; position:absolute; left:18px; top:15px;
				width:10px; height:10px;
				background:#1c2842;
				border-radius:100%; }
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked + label:after {
				opacity:1;
				-webkit-transform:scale(1);
				transform:scale(1); }

		/* チェックOFF時の処理 */
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) {
				position:absolute; left:-9999px; }
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) + label {
				position:relative; cursor:pointer;
				line-height:20px; color:#666; }

		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) + label:before {
				content:''; position:absolute; left:10px; top:7px;
				width:26px; height:26px;
				border:none; border-radius:100%;
				background:url(/common-o/img/events/radio-no-check-bg.png) center center no-repeat;
				background-size:26px auto;}
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) + label:after {
				content:'';
				position:absolute; left:16px; top:17px;
				width:8px; height:8px;
				background:#1c2842;
				border-radius:100%; }
		#main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) + label:after {
				opacity:0;
				-webkit-transform:scale(0);
				transform:scale(0); }


/* ■サブミットエリア■ */
#main #main-body .area-submit{ position:relative;}
	#main #main-body .area-submit .submit p{ text-align:center;}
	#main #main-body .area-submit .submit p input{ width:264px;}
	#main #main-body .area-submit .submit p.button{
		width:260px; margin:2em auto 0 auto;}
	#main #main-body .area-submit .submit p.button input{ width:260px;}

	/* ボタン */
	#main #main-body .area-submit .submit p.button .button-submit{
		width:260px; margin:0; padding:5px 10px;
		background:#eee;
		background:-webkit-linear-gradient(top, #eee 0%, #dfdfdf 100%);
		background:linear-gradient(to bottom, #eee 0%, #dfdfdf 100%);
		color:#707070; font-size:16px; font-size:1.6rem; line-height:1.5em;
		border:1px solid #fff; border-radius:8px;
		font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}
	#main #main-body .area-submit p .button-submit{ display:block; cursor:pointer;}
	#main #main-body .area-submit p .button-submit:hover{}
	#main #main-body .area-submit p .button-submit span.next-flow{ font-size:22px; font-size:2.2rem; line-height:1.3em; font-weight:bold; }


	/* ブルーのボタン */
	#main #main-body .area-submit .submit p.button .button-submit-completed{
		width:260px; margin:0; padding:15px 10px;
		background:#eee;
		background:-webkit-linear-gradient(top, #5660be 0%, #0a20d3 100%);
		background:linear-gradient(to bottom, #5660be 0%, #0a20d3 100%);
		color:#fff; font-size:22px; font-size:2.2rem; line-height:1.3em; font-weight:bold;
		border:1px solid #fff; border-radius:8px;
		font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;}
	#main #main-body .area-submit p .button-submit-completed{ display:block; cursor:pointer;}

	/* 修正ボタン */
	#main #main-body .area-submit p.clear .button-back{
		position:absolute; left:0; top:0;
		width:120px;}
	#main #main-body .area-submit p.clear .button-back{ display:block; cursor:pointer;}

	#main #main-body .area-submit .error-count{}
	#main #main-body .area-submit .error-count span{ color:#ff0000;}

/* 絞り込み */
#main #main-body ul.category {}
#main #main-body ul.category li {
	display: inline-block;
	list-style: none;
	float: left;
	margin: 8px 8px 0 0;
	background-color: #faf6f5;
	border: 1px solid #b6b6b6;
	border-right: 2px solid #b6b6b6;
	border-bottom: 2px solid #b6b6b6;
	border-radius: 5px;
	font-size:1.5rem; font-size:15px; line-height:1.5em;}


#main #main-body ul.category li:hover {
	background-color: #ffedcf;
	cursor: pointer;}
#main #main-body ul.category li label {
	display: inline-block;
	padding: 3px 10px 3px 5px;
	cursor: pointer;
	border-radius: 3px;}
#main #main-body ul.category li label:hover {
	text-decoration: none;}
#main #main-body ul.category li input {
	position: relative;
	top: 1px;}
#main #main-body ul.category li label.checked {
	background-color: #a60000;
	color: #fff;}

#main #main-body ul.category li.on {
	background-color: #a60000;
	color: #fff; border-color: #a60000;}
#main #main-body ul.category li.on a {}
#main #main-body ul.category li.on label:hover {
	background-color: #a60000; color: #fff;}



	/* セレクト */
	#main #main-body .area-inquiry .input-container div.input-type-select{
		display:inline-block; vertical-align:top;
		width:100%; box-sizing:border-box; overflow:hidden;
		border-top:1px solid #ccc; border-right:2px solid #ccc;
		border-bottom:2px solid #8e8e8e; border-left:1px solid #ccc; border-radius:5px;
		background-color:#fff;
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center,-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.3, #fcfcfc), color-stop(1, #eee)) ;
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center,-webkit-linear-gradient(top, #fff 0%, #fcfcfc 30%, #eee 100%);
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center,linear-gradient(to bottom, #fff 0%, #fcfcfc 30%, #eee 100%);
		position:relative;z-index:3;}

		#main #main-body .area-inquiry .input-container div.input-type-select select{
			text-overflow:ellipsis; box-sizing:border-box;
			width:100%; -webkit-appearance:none; -moz-appearance:none;
			padding:3px 35px 3px 5px; background:transparent;
			border:none; border-radius:4px 3px 3px 4px;
			font-size:15px; font-size:1.5rem; line-height:1.5em; color:#333;
			font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
			white-space:normal; position:relative;
			background-color:#fff;
			background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center;}

	/* セレクト（必須の場合） */
	#main #main-body .area-inquiry .input-container div.input-type-select.required-area {
		display:inline-block; vertical-align:top; width:100%;
		box-sizing:border-box; overflow:hidden;
		border-top:1px solid #ccc; border-right:2px solid #ccc;
		border-bottom:2px solid #8e8e8e; border-left:1px solid #ccc; border-radius:5px;
		background-color:#ffeedb;
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center,-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.3, #FFF6EB), color-stop(1, #ffeedb)) ;
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center,-webkit-linear-gradient(top, #fff 0%, #FFF6EB 30%, #ffeedb 100%);
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center,linear-gradient(to bottom, #fff 0%, #FFF6EB 30%, #ffeedb 100%);
		position:relative;z-index:3;}
		#main #main-body .area-inquiry .input-container div.input-type-select.required-area select{
			text-overflow:ellipsis; box-sizing:border-box; width:100%;
			-webkit-appearance:none; -moz-appearance:none; padding:3px 35px 3px 5px;
			background:transparent;
			border:none; border-radius:4px 3px 3px 4px;
			font-size:15px; font-size:1.5rem; line-height:1.5em; color:#333;
			font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
			white-space:normal; position:relative; background-color:#ffeedb;
			background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center;}

			/* オプションは選択時背景白 */
			#main #main-body .area-inquiry .input-container div.input-type-select.required-area select option { background:#ffeedb; }
			#main #main-body .area-inquiry .input-container div.input-type-select.required-area select:focus option { background:#fff; }

			/* IE10（矢印消す） */
			#main #main-body .area-inquiry .input-container div.input-type-select select::-ms-expand { display:none; }

			/* ※ie8にはシングル疑似クラス。 */
			#main #main-body .area-inquiry .input-container div.input-type-select:after{
				content:""; display:block; width:10px; height:100%;
				position:absolute; right:23px; top:0; z-index:10;
				background-color:#ffeedb;
				background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat left center;}

			/* ie9には未対応プロパティrotate3dで10以降は、afterをhidden領域まで飛ばす（矢印分上書き） */
			#main #main-body .area-inquiry .input-container div.input-type-select:after{
				content:""; display:block; width:19px; height:100%;
				position:absolute; right:34px; top:0; z-index:50; background:#fff;
				-webkit-transform:rotate3d(1,1,0,180deg); transform:rotate3d(1,1,0,180deg);
				-webkit-transform-origin: 0 150px; transform-origin: 0 150px;}
			#main #main-body .area-inquiry .input-container div.input-type-select.required-area:after{
				content:""; display:block; width:19px; height:100%;
				position:absolute; right:34px; top:0; z-index:50; background:#ffeedb;
				-webkit-transform:rotate3d(1,1,0,180deg); transform:rotate3d(1,1,0,180deg);
				-webkit-transform-origin: 0 150px; transform-origin: 0 150px;}


	/* チェックボックス */
	#main #main-body .area-inquiry .input-container .input-type-checkbox ul{ margin:0.5em 0 0;padding:0;}
	#main #main-body .area-inquiry .input-container .input-type-checkbox ul.single{ margin:0;padding:0;}
	#main #main-body .area-inquiry .input-container .input-type-checkbox ul li{
		margin:0;padding:0;list-style:none; float:none; display:block;
		background:none; border:none; border-radius:0; cursor:auto;}

	#main #main-body .area-inquiry .input-container .input-type-checkbox label.checkbox{
		display:inline-block; padding:3px 10px 3px 28px; box-sizing:border-box; position:relative;}
	#main #main-body .area-inquiry .input-container label.checkbox input[type="checkbox"] {
		position:absolute; left:4px; top:0.35em;}


/* チェックボックス画像当て込み */
#main #main-body div.input-type-checkbox ul.category li label{ margin:-24px 0 0; padding: 0 0 0 1.5em; border-radius:0;}
@media (min-width:1px) {
	#main #main-body .area-inquiry .input-container .input-type-checkbox ul.category li{ margin:0 0 0 20px; }
	#main #main-body .area-inquiry .input-container .input-type-checkbox ul.category li label{ margin:0 0 0 -20px; line-height:1.5em; border-radius:0; }
	input.hidden-checkbox { display:none; }
	input.hidden-checkbox+label { background: url(/common-o/img/events/no-check.png) no-repeat left 3px; }
	input.hidden-checkbox:checked+label { background:url(/common-o/img/events/checked.png) no-repeat left 3px; }
	input.hidden-checkbox:disabled+label { background:none; cursor:default; }
}


/* チェックボックス画像当て込み：必須パターン */
#main #main-body .input-container .input-type-checkbox.required-area { background-color:#fff;}
#main #main-body .input-container .input-type-checkbox.required-area ul.category li label { margin:-24px 0 0; padding: 0 0 0 1.5em; }
@media (min-width:1px) {
	#main #main-body .area-inquiry .input-container .input-type-checkbox.required-area ul.category li { margin:0 0 0 20px; }
	#main #main-body .area-inquiry .input-container .input-type-checkbox.required-area ul.category li label { margin:0 0 0 -20px; line-height:1.5em; }
	#main #main-body .area-inquiry .input-container .input-type-checkbox.required-area input.hidden-checkbox { display:none; }
	#main #main-body .area-inquiry .input-container .input-type-checkbox.required-area input.hidden-checkbox+label {
		background: url(/common-o/img/events/no-check-required.png) no-repeat left 3px; }
	#main #main-body .area-inquiry .input-container .input-type-checkbox.required-area input.hidden-checkbox:checked+label {
		background:url(/common-o/img/events/checked-required.png) no-repeat left 3px; }
	#main #main-body .area-inquiry .input-container .input-type-checkbox.required-area input.hidden-checkbox:disabled+label {
		background:none; cursor:default; }
}


/* 複数選択エリア調整 */
@media (min-width:1px) {
	#main #main-body .area-inquiry .input-container .input-type-checkbox ul.required-list{}
	#main #main-body .area-inquiry .input-container .input-type-checkbox ul.required-list li label{ padding-left:25px;}
}
@media (min-width:1px) {
	#main #main-body .area-inquiry .input-container .input-type-checkbox.required-area ul.required-list{}
	#main #main-body .area-inquiry .input-container .input-type-checkbox.required-area ul.required-list li label{ padding-left:25px;}
}


/* その他入力をいれるエリア */
	#main #main-body .area-inquiry .input-container .other-detail-text{ margin:0 0 0 30px;}
	#main #main-body .area-inquiry .input-container .other-detail-text input[type="text"]{ width:458px;}


/* 印刷ボタン */
#main #main-body p.button-print {
	margin:1.5em auto 0 auto; padding:8px 50px 4px 50px; text-align:center;
	text-indent:23px; width:318px; cursor:pointer; letter-spacing:1px;
	background:url(/common-o/img/events/icon-print.png) no-repeat 0 center #eee;
	background:url(/common-o/img/events/icon-print.png) no-repeat 0 center, -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background:url(/common-o/img/events/icon-print.png) no-repeat 0 center, linear-gradient(to bottom, #fff 0%, #eee 100%);
	border:1px solid #e6e6e6; border-radius:6px;
	font-size:22px; font-size:2.2rem; font-weight:bold; line-height:1.4;
	box-shadow: 2px 2px 2px #c2bcb1;}
#main #main-body p.button-print:hover {
	background:url(/common-o/img/events/icon-print.png) no-repeat 0 center #fff5d5;
	background:url(/common-o/img/events/icon-print.png) no-repeat 0 center, -webkit-linear-gradient(top, #fff 0%, #fff5d5 100%);
	background:url(/common-o/img/events/icon-print.png) no-repeat 0 center, linear-gradient(to bottom, #fff 0%, #fff5d5 100%);}

#main #main-body p.inquiry-address{ color:#c00;}


/* 開催終了 */
#main #main-body .seminars-notice-end{ margin:2.5em 0 0; padding:10px; border:1px solid #c00; color:#c00;}
	#main #main-body .seminars-notice-end p{ margin:0;}


/* 予約番号 */
#main #main-body .seminars-reserve-number p{ margin:0;}


/*  */
#main #main-body dl.parts-thanks-contact{ margin-top:2.5em;}
	#main #main-body dl.parts-thanks-contact dt,
	#main #main-body dl.parts-thanks-contact dd{ font-size:14px; font-size:1.4rem; line-height:1.5em;}
	#main #main-body dl.parts-thanks-contact dd span{}
	#main #main-body dl.parts-thanks-contact dd span.inquiry-company,
	#main #main-body dl.parts-thanks-contact dd span.inquiry-tel{ display:block;}


/* 住所入力補完 */
.datalist {
	width:350px; background-color:#fff;
	border:1px solid #cdcdcd; border-bottom:none;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2); }
.datalist .datalist-header {
	padding:5px; background-color:#eee;
	border-bottom:1px solid #cdcdcd; text-align:right; }
	.datalist .datalist-header span { margin:0 3px; font-weight:bold; }
.datalist ul { list-style:none; border-bottom:1px solid #cdcdcd; padding:5px;}
	.datalist ul li { padding:2px; cursor:pointer; color:#555; text-align:left; }
	.datalist ul li.over { background-color:#177abd; text-decoration:none; color:#fff; }


/* 住所入力時補完エリア */
#auto-complete{ z-index:5;}
	#auto-complete .datalist-header p{ font-size:14px; font-size:1.4rem; line-height:1.4em;}
	#auto-complete ul li{ font-size:13px; font-size:1.3rem; line-height:1.3em;}


/* 大塚IDログインエリア */
#main #main-body .area-login-otsukaid{ margin-top:1.5em; padding:3px 0 14px; border:2px solid #b6c3d1; background-color:#f3f5f8;}
	#main #main-body .area-login-otsukaid p { margin-top:0.5em; color:#333; text-align:center;}
	#main #main-body .area-login-otsukaid p.button-login-otsukaid {
		width:238px; margin:0.3em auto 0;}
		#main #main-body .area-login-otsukaid p a{
			display:inline-block;
			padding-left:19px;
			background:url(/common-o/img/events/icons-arrow-right.png) no-repeat 0 0.28em;}
		#main #main-body .area-login-otsukaid p.button-login-otsukaid + p{
			margin-bottom:-8px;}
		#main #main-body .area-login-otsukaid p.button-login-otsukaid a {
			display:block;
			padding:10px 10px 9px 35px;
			background:url(/common-o/img/events/icon-button-login-otsukaid.png) no-repeat 20px center #fffefc;
			background:url(/common-o/img/events/icon-button-login-otsukaid.png) no-repeat 20px center, -webkit-linear-gradient(top, #fffefc 0%, #fdeed1 100%);
			background:url(/common-o/img/events/icon-button-login-otsukaid.png) no-repeat 20px center, linear-gradient(to bottom, #fffefc 0%, #fdeed1 100%);
			color:#333;
			border:1px solid #ccc; border-radius:40px;
			font-weight:bold; font-size:15px; font-size:1.5rem; line-height:1.7em;
			box-shadow:3px 3px 5px 0 rgba(4, 0, 0, 0.2);}


/* === 大塚IDの登録・ログイン === */
#main-body .parts-otsukaid {
	display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-align:center; -webkit-align-items:center; align-items:center;
	-ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
	margin-left:-10px; padding:20px; border:1px solid #d6ce93;background:#fdf8d5;}
	#main-body .parts-otsukaid .text {
		display:inline-block; width:370px; vertical-align:middle;}
		#main-body .parts-otsukaid .text p {
			margin-top:0; font-size:16px; font-size:1.6rem; line-height:1.5em;}
		#main-body .parts-otsukaid .text p:first-child {
			font-weight:bold; color:#531a01;
			font-size:20px; font-size:2rem; line-height:1.5em;}
			#main-body .parts-otsukaid p:first-child span {
				display:inline-block; padding-left:38px;
				background:url(/common-o/img/events/icon-attention.svg) no-repeat 0 0.18em;
				font-size:28px; font-size:2.8rem; line-height:1.5em; color:#c92512;}
	/* 登録・ログイン共通 */
	#main-body .parts-otsukaid .conversion {
		display:inline-block;
		width:270px; margin-left:22px; vertical-align:middle;}
		#main-body .parts-otsukaid .conversion .insert,
		#main-body .parts-otsukaid .conversion .login {}
			#main-body .parts-otsukaid .conversion .insert p:first-child,
			#main-body .parts-otsukaid .conversion .login p:first-child {
				margin-top:0; font-size:16px; font-size:1.6rem;
				line-height:1.5em; text-align:center;}
			#main-body .parts-otsukaid .conversion .insert p.button,
			#main-body .parts-otsukaid .conversion .login p.button {
				margin-top:2px;}
				#main-body .parts-otsukaid .conversion .insert p.button a,
				#main-body .parts-otsukaid .conversion .login p.button a {
					display:block; position:relative; padding:20px 28px 17px 52px;
					border:1px solid #ccc; border-radius:10em;
					background:#f9f9f9;
					background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
					background:linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
					font-weight:bold; font-size:20px; font-size:2rem; color:#000; text-align:center;
					box-sizing:border-box; box-shadow:4px 4px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px #fff inset;
					text-decoration:none;}
					#main-body .parts-otsukaid .conversion .insert p.button a::before,
					#main-body .parts-otsukaid .conversion .login p.button a::before {
						display:block; position:absolute; top:0; bottom:0; left:22px;
						margin:auto 0; content:"";}
					#main-body .parts-otsukaid .conversion .insert p.button a:hover,
					#main-body .parts-otsukaid .conversion .login p.button a:hover {
						background:#fef6e7;
						background:-webkit-linear-gradient(top, #fffdf9 0%, #fdefd4 100%);
						background:linear-gradient(to bottom, #fffdf9 0%, #fdefd4 100%);}
		/* 登録 */
		#main-body .parts-otsukaid .conversion .insert {}
			#main-body .parts-otsukaid .conversion .insert p.button a::before {
				width:22px; height:25px;
				background:url(/common-o/img/events/icon-insert.svg) no-repeat; }
		/* ログイン */
		#main-body .parts-otsukaid .conversion .login { margin-top:20px; }
			#main-body .parts-otsukaid .conversion .login p.button a::before {
				width:20px; height:24px;
				background:url(/common-o/img/events/icon-login.svg) no-repeat; }
/* 戻るボタン */
#main-body .parts-otsukaid + .button { text-align:right; }
	#main-body .parts-otsukaid + .button a {
		display:inline-block; position:relative; padding:10px 28px 10px 10px;
		border:1px solid #ccc; border-radius:5px;
		background:#fff;
		background:-webkit-linear-gradient(top, #fff 0%, #efefef 100%);
		background:linear-gradient(to bottom, #fff 0%, #efefef 100%);
		box-shadow:0 2px 2px rgba(0, 0, 0, 0.6);
		font-size:14px; font-size:1.4rem; color:#666; }
	#main-body .parts-otsukaid + .button a::before {
		position:absolute; top:0; right:10px; bottom:0;
		width:8px; height:10px; margin:auto 0;
		background:url(/common-o/img/events/icon-arrow-r-large-gray.svg) 0 50% no-repeat;
		background-size:8px auto; content:""; }
	#main-body .parts-otsukaid + .button a:hover {
		box-shadow:0 2px 2px rgba(0, 0, 0, 0.26); text-decoration:none; }


/* === 最新の登録情報を反映するボタン === */
#main #main-body .button-info-upload {
	margin-top:20px; margin-bottom:18px; text-align:right;}
	#main #main-body .button-info-upload button {
		display:inline-block; position:relative; padding:10px 28px 10px 10px;
		border:1px solid #ccc; border-radius:5px;
		background-color:#fff;
		background:-webkit-linear-gradient(top, #fff 0%, #efefef 100%);
		background:linear-gradient(to bottom, #fff 0%, #efefef 100%);
		box-shadow:0 2px 2px rgba(0, 0, 0, 0.6);
		font-size:14px; font-size:1.4rem; color:#666;
		font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
		cursor:pointer; -webkit-appearance:none; -moz-appearance:none; }
	#main #main-body .button-info-upload button::before {
		position:absolute; top:0; right:10px; bottom:0;
		width:8px; height:9px; margin:auto 0;
		background:url(/common-o/img/events/icon-arrow-r-large-gray.svg) no-repeat;
		background-size:8px auto; content:""; }
	#main #main-body .button-info-upload button:hover {
		box-shadow:0 2px 2px rgba(0, 0, 0, 0.26); text-decoration:none; }


/* === 登録情報を変更するテキスト === */
#main #main-body .text-info-update { margin:0.4em 0 0; text-align:right; }


/* === モーダル === */

/* アニメーションの設定 */
@keyframes modalAnimateShow {
	from { opacity:0; }
	to   { opacity:1; }
}

@keyframes modalAnimateHidden {
	from { opacity:1; }
	to   { opacity:0; }
}

/* 背景 */
.modal-overlay {
	display:none; position:fixed; top:0; right:0; bottom:0; left:0;
	z-index:1003; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);
	opacity:0; }
.modal-overlay.animate-wait[aria-hidden="false"] { opacity:0; }
.modal-overlay.animate-wait[aria-hidden="true"] { display:block; opacity:1; }
.modal-overlay.animate[aria-hidden="false"] { animation:modalAnimateShow 0.4s; }
.modal-overlay.animate[aria-hidden="true"] {
	display:block; animation:modalAnimateHidden 0.4s; }
.modal-overlay[aria-hidden="false"] { display:block; opacity:1; }
.modal-overlay[aria-hidden="true"] { opacity:0; }

/* コンテンツ */
.modal-content {
	position:fixed; top:0; bottom:0; left:35px; right:35px;
	-ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;
	z-index:1004; width:680px; height:340px;
	margin:auto; padding:20px 40px 50px; display:none; opacity:0; background:#fff;
	box-sizing:border-box;}
.modal-content.animate-wait[aria-hidden="false"] { opacity:0;}
.modal-content.animate-wait[aria-hidden="true"] {
	display:-ms-flexbox; display:-webkit-flex; display:flex; opacity:1; }
.modal-content.animate[aria-hidden="false"] {
	animation:modalAnimateShow 0.4s; }
.modal-content.animate[aria-hidden="true"] {
	display:block; display:-ms-flexbox; display:-webkit-flex; display:flex;
	animation:modalAnimateHidden 0.4s; }
.modal-content[aria-hidden="false"] {
	display:block; display:-ms-flexbox; display:-webkit-flex; display:flex; opacity:1; }
.modal-content[aria-hidden="true"] { opacity:0; }
	/* モーダルヘッダー */
	.modal-content .header {}
		.modal-content .header .close {
			display:block; width:40px; height:40px; margin:0 0 0 auto; padding:0;
			border:none;
			background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cpath fill='%23424242' d='M21.61.58,12.5,9.7,3.39.58A2,2,0,0,0,.58,3.39L9.7,12.5.58,21.61a2,2,0,0,0,2.81,2.81L12.5,15.3l9.11,9.12a2,2,0,0,0,2.81-2.81L15.3,12.5l9.12-9.11A2,2,0,0,0,21.61.58Z'/%3E%3C/svg%3E") 50% 50% no-repeat #fff;
			cursor:pointer; }
	/* モーダルコンテンツ */
	.modal-content .body {
		display:block; display:-ms-flexbox; display:-webkit-flex; display:flex;
		-ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;
		-ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
		-webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; margin:0;
		-webkit-overflow-scrolling:touch; }
		.modal-content .body .message {
			width:100%; margin-top:1em; font-size:20px; font-size:2rem;
			line-height:1.5em; text-align:left; }
		/* ボタン */
		.modal-content .body .area-button {
			display:block; display:-ms-flexbox; display:-webkit-flex; display:flex;
			-ms-flex-pack:space-around; -webkit-justify-content:space-around;
			justify-content:space-around; margin-top:30px; }
			.modal-content .body .area-button button {
				display:inline-block; position:relative; padding:10px 48px 10px 30px;
				border:1px solid #ccc; border-radius:5px;
				background-color:#fff;
				background:-webkit-linear-gradient(top, #fff 0%, #efefef 100%);
				background:linear-gradient(to bottom, #fff 0%, #efefef 100%);
				box-shadow:0 2px 2px rgba(0, 0, 0, 0.6);
				font-size:20px; font-size:2rem;
				font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
				cursor:pointer; -webkit-appearance:none; -moz-appearance:none; }
			.modal-content .body .area-button button:nth-of-type(n+2) {
				margin-left:20px; }
			.modal-content .body .area-button button::before {
				position:absolute; top:0; right:20px; bottom:0;
				width:12px; height:14px; margin:auto 0;
				background:url(/common-o/img/events/icon-arrow-r-large-gray.svg) no-repeat;
				background-size:12px auto; content:""; }
			.modal-content .body .area-button button:hover {
				box-shadow:0 2px 2px rgba(0, 0, 0, 0.26); text-decoration:none; }



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

	コンテンツフッター

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

#main footer .area-linklist-recommend-information{ margin-top: 2em; padding:20px 20px; border: 1px solid #ccc; border-radius: 5px; }
#main footer .area-linklist-recommend-information p,
#main footer .area-linklist-recommend-information ul li{ list-style:none; font-size:14px; font-size:1.4rem; line-height:1.7em;}
#main footer .area-linklist-recommend-information p{ margin-top:0.5em;}
#main footer .area-linklist-recommend-information p.title{ margin-top:0; font-size:16px; font-size:1.6rem; line-height:1.4em; font-weight:bold;}

#main footer .area-linklist-recommend-information ul{ margin-top:1em;}
#main footer .area-linklist-recommend-information ul li{}
#main footer .area-linklist-recommend-information ul li span{ display:inline-block; width:90px;}


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

	右サイド

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

/* side */
#side .area-contact{
	margin:126px 0 0; padding:10px;
	border:1px solid #cfcdce; border-radius:5px;
	background-color:#faf6f5; }
	#side .area-contact p{margin:0;}
	/* 吹き出し */
	#side .area-contact .comment{ padding-bottom:20px; background:url(/common-o/img/pic-area-contact-bg.png) no-repeat right bottom;}
	#side .area-contact .comment p{
		position:relative;
		width:109px; padding:5px 8px;
		background-color:#fff;
		border:1px solid #d0cecf; border-radius:5px;
		font-size:12px; font-size:1.2rem; line-height:1.4em;
		box-shadow:rgba(102, 102, 102, 0.65098) 0 2px 2px 0; }


	/* 吹き出しのカール */
	/* creates the triangle */
	#side .area-contact .comment p:after,
	#side .area-contact .comment p:before{
		left:80%;
		top:100%;
		border:solid transparent;
		content: "";
		position: absolute;}
	#side .area-contact .comment p:after{
		border-top-color: #fff;
		border-width:17px 1px 17px 17px;
		margin-left: -11px;}

	#side .area-contact .comment p:before{
		border-top-color: #d0cecf;
		border-width:20px 1px 20px 20px;
		margin-left: -13px;}

	#side .area-contact .comment{}

	/* ☆お問い合わせエリア（内容エリア） */
	#side .area-contact .area-contact-info{}
		/* テキストがなかった場合、.area-contact-infoと同じdivに、.text-noneを追加 */
		#side .area-contact .text-none{}
		/* ■テキスト部分 */
		#side .area-contact .area-contact-info .text{padding:0;}
			#side .area-contact .area-contact-info .text .title{
				margin-top:5px;
				color:#333; font-weight:bold; font-size:14px; font-size:1.4rem; line-height:1.4em;}
		/* ■コンバージョン部分 */
		#side .area-contact .area-contact-info .conversion{ margin-top:8px; padding:0;}
			/* □電話番号エリア */
			#side .area-contact .area-contact-info .conversion .conversion-tel{ width:100%;}
				#side .area-contact .area-contact-info .conversion .conversion-tel .contact-tel-office{
					padding:2px 1px 2px 2px;
					border:1px solid #572626; border-radius:10px;
					background:#572626;
					text-align:center;
					font-size:10px; font-size:1.0rem; line-height:1.1em; color:#fff;}
				/* 電話番号 */
				#side .area-contact .area-contact-info .conversion .conversion-tel .contact-tel-number{
					margin:2px 0 0; padding:0; text-align:center;
					font-size:27px; font-size:2.7rem; line-height:1.2em; font-weight:bold; letter-spacing:-2px;
					word-break:break-all; }
				/* 備考テキスト */
				#side .area-contact .area-contact-info .conversion .conversion-tel .contact-tel-text{
					margin:5px 0 0; padding:0; font-size:11px; font-size:1.1rem; line-height:1.2em; text-align:center;}

				#side .area-contact .area-contact-info .conversion .conversion-tel .contact-opentime-text{
					margin:0; padding:0; font-size:11px; font-size:1.1rem; line-height:1.2em; text-align:center;}


	/* プライバシーマークエリア */
	#side #privacy-detail{ margin-top:2em;}
	#side #privacy-detail p.text{ float:left; width:162px; font-size:12px; font-size:1.2rem; line-height:1.4em;}
	#side #privacy-detail p.mark{ float:right; width:56px; margin-top:0.5em;}
	#side #privacy-detail p.mark a{ padding:0; background:none;}



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

	入力確認ページ

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


.confirm #main h2 {
	background-color: #ccc;
	font-size: 2rem;
	line-height: 1.4em;
	margin: 1.5em 0 0;
	padding: 10px;}

.confirm #main #main-body .area-inquiry dl{ margin-top:0;}

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

	エラーページ

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

#main { min-height:450px;}
	#main .message-error{ margin:3em auto 0 auto; width:500px; padding:25px; border:1px solid #ccc;}
	#main .message-error p{ text-align:center;}
	#main .message-error p.point{ margin-top:0; color:#c00;}

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

	タブレット対応

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

@media screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait){

/* side */
#side { background:none; box-shadow:none; }
#side .area-contact {
	margin:0; padding:10px;
	border:1px solid #cfcdce; border-radius:5px;
	background-color:#faf6f5; }

	#side .area-contact .comment { float:right; width:200px; }

	/* プライバシーマークエリア */
	#side #privacy-detail p.text {
		float:left; width:624px; font-size:12px; font-size:1.2rem; line-height:1.4em; }
	#side #privacy-detail p.mark { float:right; width:56px; margin-top:0.5em; }


/* === 大塚IDの登録・ログイン === */
#main-body .parts-otsukaid { margin-top:30px; margin-left:0; }
}