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

html	{
	background:#a9a5cd; /*ie8*/
	background:linear-gradient(#c0c4dc, #cdd4e4);
}
body	{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica,sans-serif;
	color:#80434b;
	background:url(/htd_kyoto11/zenyasai/image/bg_vslogo_tile.png) 0 0 repeat fixed;

	
	}

	a { text-decoration:none; color:#358dae;}
	a:hover { text-decoration:none; color:#87b05f;}
	
	/* Return to Page Top
	-----------------------------*/		
	p.lnkPtop	{
		width:960px;
		padding:0px;
		margin:0 auto 40px;
		font-size:75%;
		font-style:italic;
		text-align:right;
		clear:both;
		z-index:20;
		}
	p.lnkPtop a	{
		height:1em;
		padding:5px 15px;
		margin-right:5px;
		background:#533c3a;
		box-shadow:0 5px 10px rgba(50,50,50,0.4);
		border-radius:5px;
		color:#fff;
		text-decoration:none;
		}
	p.lnkPtop a:hover	{ background:#e0668d; }

/* Clear Fix */
	.clrfx:after	{ content:".";display:block; height:0;clear:both;visibility:hidden;}
	.clrfx	{ zoom:1;}
	.clr	{ clear:both;}

/* Text */
	.txtl	{ text-align:left;}
	.txtc	{ text-align:center;}
	.txtr	{ text-align:right;}
	span.rtMrk	{ font-size:10px !important; vertical-align:top !important;}

/* Float*/
	.fltl	{ float:left;}
	.fltr	{ float:right;}

/* Ornament */

div.imgOrnt	{ display:block; z-index:6; }
div#orUpl	{
	width:270px; height:160px;
	background:url(/htd_kyoto11/zenyasai/image/ormnt_UpL.png) 0 0 no-repeat;
	position:absolute; left:50%; top:0;
	margin-left:-620px;
	}
div#orUpr	{
	width:320px; height:160px;
	background:url(/htd_kyoto11/zenyasai/image/ormnt_UpR.png) 0 0 no-repeat;
	position:absolute; top:0; left:66.66667%;

	}
@media screen and (max-width: 960px) {
div#orUpl	{
	position:absolute; left:-140px; top:0;
	margin-left:0px;
	}
div#orUpr	{
	position:absolute; top:0; left:100%; margin-left:-320px;
	background-position:120px 0;

	}
}

/*-------------------------------
 Header
---------------------------------*/
#header	{
	width:100%; height:290px;
	min-width:960px;
	margin-bottom:-30px;
	background:url(/htd_kyoto11/zenyasai/image/BG_header.png) 0 0 repeat-x;
	position:relative;
	}

	#hdrInner	{
		width:960px; height:225px;
		padding:35px 0 0 0;
		margin:0 auto;
		position:relative;
	}
	#hdrInner img	{ position:relative; z-index:10;}

	#hdrInner a.logoVStop	{
		width:150px; height:30px;
		position:absolute; top:5px; right:10px;
		display:block;
		}
	#hdrInner h1	{ float:left;}
	
		#infoBoard	{
			width:256px; height:175px;
			float:right;
		}


/*-------------------------------
 Menu Global
---------------------------------*/		
.menuG	{
	width:960px; height:50px;
	margin:0 auto;
	position:relative;
}
	#mgHdr.menuG	{
		clear:both;
	}
	#mgWrp.menuG	{
		position:absolute;
		left:0; bottom:100px;
	}

	.menuG li	{ width:320px; height:50px; float:left;}

	.menuG li a,
	.menuG li span	{
		width:318px; height:0;
		padding-top:48px;
		overflow:hidden;
		line-height:2;
		background:url(/htd_kyoto11/zenyasai/image/contentsMenu.png) left top no-repeat;
		background-color:rgb(226,168,168);	/*ie8*/
		background-color:rgba(226,168,168,0.8);
		border:1px solid #ffdddd;
		border-right-color:#de9494;
		border-bottom-color:#de9494;
		display:block;
	}
	/*.menuG li span	{
		background-color:rgb(256,256,256);
		background-color:rgba(256,256,256,0.8);
		border-color:rgb(256,256,256);
		background-position:-642px -1px;
	}*/
	.menuG li em	{
		position:absolute; right:5px; top:-10px;
		background:#F69;
		color:#fff;
		font-size:12px;
		padding:3px 3px 3px 5px;
		border-radius:5px;
	}
	
	.menuG.slctM01 li.ctM01 a,
	.menuG.slctM02 li.ctM02 a,
	.menuG.slctM03 li.ctM03 a,
	.menuG li a:hover	{
		background-color:rgb(164,158,202);	/*ie8*/
		background-color:rgba(164,158,202,0.8);
		border:1px solid #7e769c;
		border-right-color:#c4c0dc;
		border-bottom-color:#c4c0dc;
		display:block;
	}
	.menuG li.ctM01 a	{ background-position:-1px -1px;}
	.menuG li.ctM02 a	{ background-position:-321px -1px;}
	.menuG li.ctM03 a	{ background-position:-642px -1px;}
	
	


/*-------------------------------
 Contents
---------------------------------*/
#wrapper	{
	width:960px;
	padding-bottom:160px;
	margin:0px auto 40px;
	background:#f7f2ed url(/htd_kyoto11/zenyasai/image/BG_wrapper.jpg) 0 0 repeat fixed;
	position:relative;
	box-shadow:0 5px 10px rgba(50,50,50,0.4);
	z-index:1;
}
 .innerWrap	{ width:920px; margin:0 auto 20px; position:relative; }

	div.cntrImg	{ margin-bottom:60px;}
	div.cntrImg	img	{
		display:block;
		margin:0 auto;
	}
	#wrapper hr	{
		width:920px; height:1px;
		background:#d7c2ab;
		box-shadow:0 0px 0 1px #e7dacb;
		border:none;
		margin:40px auto 40px;
	}
	
	/* お知らせ
	-----------------------------*/
	#news	{
		width:640px;
		margin:-40px auto 30px;
		border:1px solid #98786a;
		background:#fff;
		box-shadow:0 2px 4px rgba(50,50,50,0.1);
		position:relative;
		z-index:20;
	}
		#news dt	{
			padding:5px 20px;
			margin-bottom:5px;
			background:#98786a;
			color:#fff;
		}
		#news dd	{
			padding:5px 20px;
			font-size:87.5%;
		}
		#news dd + dd	{
			border-top:1px dotted #98786a;
		}


	/* VS/VIP会員案内
	-----------------------------*/	
	#infoVS	{
		width:860px;
		background:#b05a65;
		position:relative;
		margin:0 auto 40px;
	}
		#infoVS p	{
			color:#fff;
			line-height:1.4;
			font-size:93.75%;
			padding:1em 2em;
			xpadding-bottom:10px;
		}
		#infoVS a	{
			position:absolute; right:-30px; top:50%;
		}
	
	/* Common
	-----------------------------*/
	img.picBlck	{ display:block;}
	
	ul.lnkBrClm6	{
		width:960px; margin-bottom:30px;
	}
	ul.lnkBrClm6 li	{
		width:460px;
		margin:10px;
		float:left;
	}
	.lnkBrFull	{
		width:100%; text-align:center; margin-bottom:20px;
	}
	
	#contHdr	{
		background:url(/htd_kyoto11/zenyasai/image/BG_contents.gif) 0 0 repeat;
		padding:10px 0;
		margin:0px auto 80px;
		box-shadow:0 10px 5px 0px rgba(46,19,12,0.2);
		text-align:center;
		position:relative; top:40px;
	}
		h2.cntTit	{
			width:460px;
			margin:0 auto;
			background:url(/htd_kyoto11/zenyasai/image/bg_cntTit.gif) 0 0 repeat-x;
			box-shadow:0 3px 3px 0 rgba(50,50,50,0.4);
		}
		span.icCnthdr	{
			display:block;
			position:absolute; right:90px; bottom:0;
		}

		h3.ctTitSb	{
			padding:10px 20px;
			margin:0 10px;
			height:1em;
			line-height:1em;
			background:url(/owners/osatogaeri2014/image/BG_contents_appTitSb.gif) left top repeat;
			color:#fff;
			font-size:112.5%;
			font-weight:bold;
			letter-spacing:0.05em;
			display:inline-block;
		}
		h3.ctTitSb span	{ font-weight:normal; font-size:14px;}
		
	/* コンテンツリード */
	p.readCat	{
		font-size:112.5%;
		line-height:1.6;
		text-align:center;
		margin-bottom:1em;
	}

	/* Topページ
	-----------------------------*/
	dl#eveSmry	{
		width:820px;
		margin:0 auto 40px;
		position:relative;
		overflow:hidden;
		zoon:1;
	}
		dl#eveSmry dt,
		dl#eveSmry dd	{
			float:left;
		}
		dl#eveSmry dt	{
			clear:left;
			color:#4c5735;
			font-size:125%;
			padding-right:1em;
			line-height:1;
		}
		dl#eveSmry dd	{
			color:#523839;
			font-size:100%;
			margin-bottom:2em;
			line-height:1.2;
		}
		dl#eveSmry dd span,
		dl#eveSmry dd strong	{ color:#942432;}
			dl#eveSmry dd span	{ font-size:87.5%;}
			dl#eveSmry dd strong	{ font-size:125%;}
			dl#eveSmry dd em	{ display:inline-block; padding:0 0 1px 0; margin-bottom:10px; border-bottom:2px solid #942432;}
			

	/* Cont_申込方法
	-----------------------------*/
	#btnWebApp	{
		padding:30px 0 40px;
		margin-bottom:20px;
		text-align:center;
	}
	
	/* 必要な物 */
	#appChk	{
		width:920px;
		padding:10px 0;
		margin:0 auto 30px;
		background:#fff;
		border:3px solid #cd7d7c;
		border-right:none;
		border-left:none;
		box-shadow:0 5px 3px -2px rgba(46,19,12,0.4);
	}
		#appChk img	{
			margin:0 auto 10px;
			display:block;
			position:relative;
		}
		#appChk p	{
			margin:0 80px 10px;
			padding-left:1em;
			font-size:93.75%;
			line-height:1.4;
		}
		#appChk p.indent	{ text-indent:-1em;}


	/* ウェブユーザー登録 */
	dl#webuser	{
		width:800px;
		border-top:2px dotted #9b5e66;
		padding-top:20px;
		margin:0 auto 40px;
	}
	#webuser dt{
		display:block;
		width:778px; height:50px;
		line-height:50px;
		padding:0 10px;
		color:#333631;
		font-size:112.5%;
		letter-spacing:0.04em;
		position:relative;
		background:#fbe1e3;
		border:1px solid #edbbbf;
		cursor:pointer;
		}
		#webuser dt:before	{
			content:"● ";
			color:#fff;
			text-shadow:-1px -1px 2px rgba(135,135,65,1);
		}
		#webuser dt:after	{
			content:" ▼ 詳細表示";
			color:#b5124a;
			margin-left:20px;
			font-size:77.7778%;
		}
		#webuser dt.active:after	{
			content:" × 閉じる";
			color:#b5124a;
			margin-left:20px;
			font-size:77.7778%;
		}
	
	#webuser dd{
		background:#fff;
		width:783px;
		height:auto;
		padding:20px 5px 20px 10px;
		border-left:#edbbbf 1px solid;
		border-right:#edbbbf 1px solid;
		border-bottom:#edbbbf 1px solid;
		display:none;
		}
	#webuser dt.active,{
		background:#fff;
		}
	#webuser dd > p	{
		margin:0 40px 20px;
	}
	#webuser dd > p span	{ font-size:87.5%;}
	#webuser dd > p.infoTxtTit	{
		padding:10px;
		text-align:center;
		background:#694b44;
		border-radius:5px;
		color:#fff;
		font-size:87.5%;
	}

	/* 流れ　*/
	#appStp	{
		width:914px;
		background:#fff;
		border:3px solid #a2a15e;
		border-radius:10px;
		box-shadow:0 5px 3px -2px rgba(46,19,12,0.4);
		padding:10px 0;
		position:relative;
		margin:0 auto 40px;
	}
		#appStp	 span.appKikan	{
			display:block;
			position:absolute;
			right:10px; top:10px; 
		}
		#appStp span.icNow	{
			display:block;
			padding-top:30px;
			position:relative;
			}
		#appStp span.icNow:after	{
			content:url(/htd_kyoto11/zenyasai/image/ic_komame_imakoko.png);
			position:absolute; left:765px; top:6px;
		}
	#appStp ul	{
		margin:0 30px;
		padding:20px 0 10px;
	}
	#appStp li	{
		padding-left:3em;
		text-indent:-3em;
		font-size:93.75%;
		line-height:1.4;
		margin-bottom:0.5em;
	}
	#appStp li strong	{ color:#b51749;}
	

	/* 注意事項 */
	#appImprt	{
		margin:0px auto 40px;
		background:#f7e8e3;
		box-shadow:0 3px 3px 0px rgba(46,19,12,0.2);
	}
		#appImprt h3	{
			padding:15px 0;
			margin-bottom:20px;
			background:#694b43 url(/htd_kyoto11/zenyasai/image/ic_caution.png) 180px 10px no-repeat;
			color:#fff;
			font-size:125%;
			text-align:center;
			vertical-align:middle;
		}
	#appImprt dl	{
		padding:0px 40px 20px;
	}
		#appImprt dl dt	{
			font-size:112.5%;
			color:#d0767f;
			margin-bottom:5px;
			font-weight:bold;
		}
		#appImprt dl dd	{
			padding:0 1em 0 2em;
			text-indent:-1em;
			margin-bottom:0.5em;
			color:#333;
			line-height:1.2;
			font-size:93.75%;
			
		}
		#appImprt dl dd + dt	{ margin-top:2em;}
		#appImprt dl dd strong	{ display:inline-block; padding:0 0 1px 1em; border-bottom:2px solid #c00;}

	/* Q&A */
	#appQA	{
		width:920px;
		padding:20px 0;
		margin:0 auto 60px;
		background:#faf9f7;
		border:2px solid #cbc7a4;
		box-shadow:0 5px 5px rgba(46,19,12,0.2);
	}
	#appQA 	h3.ctTitSb	{
		margin-left:140px;
		position:relative;
	}
	#appQA 	h3.ctTitSb:before	{
		content:url(/htd_kyoto11/zenyasai/image/ic_komame_Q.png);
		position:absolute; left:-130px; top:-50px;
	}
	#appQA dl	{
		padding:40px 40px 0;
	}
		#appQA dl dt,
		#appQA dl dd	{
			font-size:100%;
			line-height:1.4;
			padding-left:1.5em;
			text-indent:-1.5em;
		}
		#appQA dl dt	{ color:#525b38;}
		#appQA dl dd	{ color:#cc6975; margin-bottom:20px;}
		#appQA dl dd + dt	{ padding-top:20px; border-top:3px dotted #7e5c52;}

	/* Webお申込み手順 */
	.web_stp,
	.web_arrow	{display:block; margin:0 auto; position:relative;}
	.web_arrow	{margin-bottom:20px;}

/*-------------------------------
 お問い合せ先
---------------------------------*/
div#inqBox	{
	width:960px; height:100px;
	background:#533c3a;
	position:absolute;
	left:0; bottom:0px;
	
}
	
/*-------------------------------
 Footer
---------------------------------*/
#footer	{
	width:100%; min-width:960px;
	background:#c3949a;
	text-align:center;
	position:relative;
	z-index:30;
}
	#footer ul	{
		width:940px;
		padding:30px 10px;
		margin:0 auto;
	}
		#footer li	{
			margin:0 5px;
			display:inline-block;
		}
		#footer li img	{ line-height:1; box-shadow:0 2px 5px 0 rgba(46,19,12,0.7);}

	#ftrInner	{
		width:100%; min-width:960px;
		padding:40px 0; 
		margin:0 auto;
		background:#80434b;
		color:#fff;
		}
	
		p.copy{
			width:940px;
			padding:15px 10px;
			margin:0px auto ;
			line-height:1.4;
			font-size:93.75%;
		}