/*天使の窓 ～Golden Window Fair 2014～　レイアウト*/
@charset "utf-8";
/* CSS Document */


html { background:#fff4d8 url(/event/mado/image/141018/bg_all.jpg) top repeat;}

body {  
	font-family:"メイリオ","ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Helvetica,sans-serif;
	line-height:1.0;
	text-align:center;
	color:#5b352c;
	}

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


a		{text-decoration:underline; color:#FA8501; overflow:hidden;}

a:hover		{
		text-decoration:none;
		color:#ffb007;
		transition : all .2s; /* Animation Effect */
		}

a:hover img	{
		filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
		transition : all .2s; /* Animation Effect */
		}

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


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

/* Text */
.txtl	{ text-align:left;}
.txtr	{ text-align:right;}
.txtc	{ text-align:center;}

.line	{border-bottom: #999 1px dotted;margin-bottom:10px;}
.dno{display: none;}

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

/* 文字 */
	/* Text Size - */
	.fntXL	{ font-size:125%;}/*20px*/
	.fntL	{ font-size:112%;}/*18px*/
	.fntM	{ font-size:16px;}
	.fnts	{ font-size:88%;}/*14px*/
	.fntxs	{ font-size:75%;}/*12px*/
	.txts	{ font-size:62%;}/*10px*/

/* 文字色 */
.pnk	{color:#E93670;}
.pnk_l	{color:#f296c5;}
.blu_l	{color:#03affd;}
.blu	{color:#36F;}
.blu_d	{color:#03C;}
.red	{color:#CC0001;}
.ylw	{color:#feae04;}
.grn	{color:#777;}
.org	{color:#F60;}
.blk	{color:#000;}
.vio	{color:#c39;}
.lav	{color:#63F;}
.sepia	{color:#825444;}

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

/* Base Container*/
	#header,
	#infoMain,
	#arMain,
	#footer	{ width:100%;}


/* ------------------------------------------------ */
/* Header ---------*/

#header	{
	width:100%;
	position:relative;
	background:#351F1F;
}

	#hdrInner	{
		width:960px; height:45px;
		margin:0 auto;
		position:relative;
	}
	/* ロゴリンク指定 */
	#header .lnkSDnet	{
		position:absolute;
		top:10px; left:10px;
	}
	#header .logoVs	{
		position:absolute;
		top:15px; right:10px;
		z-index: 20;
	}





/* ------------------------------------------------ */
/* TOP 		Event Information*/
#infoMain	{
		background:#CAA88D url(/event/mado/image/141018/top_main_bg.jpg) top center no-repeat;
		text-align:center;
		height:410px;
		}

	#mainInnr{ width:950px; margin:0 auto; position:relative; text-align:left; z-index:10; }
	#mainInnr h1{ position:absolute; left:-10px; top:-2px;}
	#mainInnr img#top_main_pic{ position:absolute; right:-25px; top:-45px;}
	#mainInnr a{ color:#FFA007;}#mainInnr a:hover{ color:#C07408;}
	
	div#eveSchdl dl	{ display:none;}

	#top_main_info01	{position:absolute; top:350px; left:0/*10px*/;
	}
	#top_main_info02	{position:absolute; top:350px; left:360px/*10px*/;
	}
	img#top_main_info01,
	img#top_main_info02 { height:52px;}
/* ------------------------------------------------ */
/*コンテンツ*/
#contents	{ width:970px; margin:0 auto; position:relative;background:url(/event/mado/image/141018/bg_cont.png) top center repeat-y; }


/* ------------------------------------------------ */
/*挨拶文*/
#top_intro{	width:960px;
		height:360px;
		margin:0 auto;
		overflow:hidden;
		}
		#top_intro p{ margin:30px auto;}

/*イベントプログラム目次（TOP）*/
#eve_pro{ 	width:950px;
		height:445px;
		margin:0 auto 180px;
		background:url(/event/mado/image/141018/top_evpro_bg.jpg) top center no-repeat;
		position:relative;
		text-align:left;
		}

	#eve_pro h2{ position:absolute; top:75px; left:110px;}
	#eve_pro ol{ position:absolute; top:120px; left:125px;}
	#eve_pro li{ padding:10px 0; text-indent:-1.5em; margin-left:1.5em; color:#6c433c;}
		#eve_pro li a{ color:#eb6419;}
	#eve_pro_Rose{position:absolute; bottom:-50px; right:0px;}


/* ------------------------------------------------ */
/*イベント内容紹介*/
.contInner{	
		width:850px;margin:0 auto 50px;
		background:url(/event/mado/image/141018/bg_contInner.png) top center repeat-y;
		position:relative;color:#45201a;}
			
	div.contInner:after	{
		content:"";
		width:850px; height:50px;
		background:url(/event/mado/image/141018/bg_contInner_btm.png);
		position:absolute; bottom:-50px; left:0px;
	}

	.contInner h2 {position:relative; top:-120px; margin-bottom:-120px;}
	.contInner h3 { margin:20px 55px; font-size:150%;border-top:3px dotted;border-bottom:3px dotted;padding:10px; }
	.contInner h4 { margin:20px auto 10px; font-size:125%; border-bottom:3px dotted; width:500px;}
	.contInner dl { width:500px; margin:20px auto; text-align:left; padding:20px;
					background:url(/event/mado/image/141018/eve_dlBox_bg.gif) repeat;
					box-shadow: 2px 2px 2px 1px rgba(132, 103, 89 ,0.5);
					}
	.contInner dt { color:#8b4513; padding:5px 0;}
	.contInner dd { margin-bottom:10px;padding:5px 0;}

	.lnkBtn{ position:absolute;}

.eveBox{
			width:830px;
			height:0px;
			position:relative;
			margin:0 auto;
			overflow:hidden;
			}

div#eve01{ 
			padding-top:295px;
			background:url(/event/mado/image/141018/infoCont_eve01.jpg) top center no-repeat;
			}

div#eve02{ 
			padding-top:390px;
			background:url(/event/mado/image/141018/infoCont_eve02_01.jpg) top center no-repeat;
			}
	div#eve02_02{ 
				padding-top:185px;
				background:url(/event/mado/image/141018/infoCont_eve02_02.jpg) top center no-repeat;
				}

div#eve03{ 
			padding-top:355px;
			background:url(/event/mado/image/141018/infoCont_eve03.jpg) top center no-repeat;
			margin-top:10px;
			}

div#eve04{ 
			padding-top:465px;
			background:url(/event/mado/image/141018/infoCont_eve04.jpg) top center no-repeat;
			margin-top:10px;
			}

div#eve05{ 	
			padding-top:445px;
			background:url(/event/mado/image/141018/infoCont_eve05.jpg) top center no-repeat;
			}

			
div#eve06{ 	
			padding-top:335px;
			background:url(/event/mado/image/141018/infoCont_eve06.jpg) top center no-repeat;
			}

			
div#eve07{ 	
			padding-top:990px;
			background:url(/event/mado/image/141018/infoCont_eve07_01.jpg) top center no-repeat;
			}

	div#eve07_02{
			padding-top:255px;
			background:url(/event/mado/image/141018/infoCont_eve07_02.jpg) top center no-repeat;
			}

p#vsvipBlog { text-align:center; margin:-25px auto 15px;}

/* ------------------------------------------------ */
/* Return to Page Top */
		p.lnkPtop	{
			width:850px;
			height:1em;
			padding:40px 0 10px;
			margin:10px auto 0px;
			font-size:75%;
			text-align:right;
			color:#fff;
			clear:both;
			background:url(/event/mado/image/141018/infoCont_line.gif) top center no-repeat;
			}
		p.lnkPtop a	{  padding:2px 10px 3px 10px; margin-right:58px; background:#846759; border-radius:12px; color:#fff; text-decoration:none;}
		p.lnkPtop a:hover	{ background:#ffa566; }

/* ------------------------------------------------ */
/*ColorBox*/
#cboxContent #cboxCurrent{font-size:10px; }
#cboxContent #cboxTitle{text-align:right;position:absolute; bottom:4px; left:-25px;}


/* ------------------------------------------------ */
/* アクセス */

#access {
	background:url(/event/mado/image/access_bg.jpg) top center no-repeat;
	width:950px;
	height:555px;
	margin:50px auto 0;
	position:relative;
	text-align:left;
	color:#69554c;
	}

	#access h4{
		position:absolute; top:60px; left:260px;
		text-align:left;
		}
	.accessNavi{
		position:absolute; top:145px; left:265px;
		}
	.accessNavi p{
		line-height:1.4
		}

	#access dl{
		text-align:left;margin-bottom:10px;
		}
	#access dt{
		background:#F69272;
		color:#fff;
		width:130px;
		box-shadow: 1px 1px 2px 1px rgba(132, 103, 89 ,0.5);
		margin-bottom:2px;
		padding:4px 0 3px 10px;
		font-weight:bold;
		}
	#access dd{
		line-height:1.4;
		padding:5px 0 10px 10px;
		}

	#access .map{
		position:absolute; top:145px; left:666px;
		}

	#access p.lnkPtop	{
			width:950px;
			height:1em;
			padding:0;
			margin:0;
			background:none;
			position:absolute; bottom:30px;
			}
	#access p.lnkPtop a	{ margin-right:30px;}


/* ------------------------------------------------ */
/* Footer */
#footer	{
	padding:50px 0 50px;
	background:#240d07/*#2E130C*/;
	text-align:center;
	box-shadow: 0px -5px 5px 0px rgba(0,-2,0,0.2);
	}

		#footer	ul	{
			width:950px;
			margin:0px auto 40px auto;
			position:relative;
			letter-spacing:-0.4em;
		}
		#footer	ul li	{
			width:170px; height:70px;
			margin-left:25px;
			letter-spacing:normal;
			display:inline-block;
			*display: inline; *zoom: 1;
		}
		#footer	ul li:first-child	{

			margin-left:0;
		}

	#footer	p{margin:35px 0 0;color:#fff;font-size:14px;line-height:1.6;}

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



/*入場案内*/
/* ------------------------------------------------ */
/*#wrapGuide*/
#inline_example1		{
				width:600px;
				padding:30px;
				background:#fff;
				margin:0 auto; 
				padding:30px;
				background:#fff;
				line-height:1.4;
				text-align:center;
				}
				
#inline_example1 h2	{
				font-size:150%;
				font-weight:bold;
				margin:0 0 20px;
				padding-bottom:12px;
				text-align:center;
				text-shadow:-1px 0px 2px #caa993;
				border-bottom:#73554A double 6px;
				}
#inline_example1 h3	{
				font-size:112%;
				font-weight:bold;
				margin:20px 4px 20px 0;
				padding:4px 0 3px 10px;
				color:#FFFFFF;
				text-align:left;
				background:#F69272;
				box-shadow: 2px 2px 2px 1px rgba(132, 103, 89 ,0.5);
				}
				
#inline_example1 ul,
#inline_example1 ol,
#inline_example1 p{ text-align:left;}

#inline_example1 .gLst li	{
				padding:0.5em 0.2em 1em 2.5em;
				text-indent:-1.8em;
				line-height:1.4;
				font-size:100%;
				}
#inline_example1 .attLst	{
				padding:0 4px;
				margin:0 0.5em 40px;
				letter-spacing:0.05em;
				}
#inline_example1 .attLst li	{
				padding:0.5em 0.2em 0.2em 1.5em;
				text-indent:-1em;
				line-height:1.4;
				font-size:87.5%;
				border-bottom:1px dotted #caa993;
				}
#inline_example1 p 	{
				padding:0 0.5em 1em;
				border-bottom:1px dotted #666;
				}




	
/*アフターレポート*/
/* ------------------------------------------------ */

#arMain	{ width:100%;
		text-align:center;
		height:345px;
		}
	#arMainInnr{ width:950px; height:345px; margin:0 auto; position:relative; }
	#arMainInnr h1 { position:absolute; top:0px; left:-50px; z-index:2;}
	#arMainInnr img#mainPic { position:absolute; top:-50px; left:515px; z-index:3;}
	#arMainInnr h2,#eveSchdl{ display:none;}


#arInner { 
		margin:0 auto;
		width:950px;
		padding-top:30px;
		padding-bottom:30px;
		background:url(/event/mado/image/141018/bg_cont_top_grd.png) top center repeat-x;
		}
	#arInner h3	{ 
		font-weight:bold;
		padding-top:22px;
		font-size:120%;
		color:#5c331a;
		text-indent:75px;
		height:53px/*75px*/;
		width:870px;
		margin:0 auto 20px;
		text-align:left;
		text-shadow:2px 1px 3px #c9bbbb;
		overflow:hidden;
		background:url(/event/mado/image/141018/ar_Tit_bg.png) no-repeat top left;
		}
	#arInner p	{ margin:0 auto 15px; padding:0; width:800px; text-align:left;line-height:1.4;}
		
		#arInner p.lnkPtop	{
			width:850px;
			height:1em;
			padding:5px 0 10px;
			margin:10px auto 0px;
			font-size:75%;
			text-align:right;
			color:#fff;
			clear:both;
			background:none;
			}
			#arInner p.lnkPtop a	{ margin-right:15px;}
			

				
	/* アフターレポート イメージリスト */
	ul.gallery	{
		width:840px;
		margin:10px auto 20px;
		position:relative;
	}
		ul.gallery li	{
			width:260px;
			margin:7px;
			/*border:#FFF 1px solid;*/
			border:3px solid #fff;
			box-shadow:0 2px 5px rgba(46,19,12,0.3);
			line-height:0;
			position:relative;
			float:left;
		}
		ul.gallery li a img	{ width:260px; height:180px;}
		ul.gallery li img	{ width:260px; height:180px;}
		  ul.gallery li a:before{
		  content: url(http://www.volks.co.jp/owners/osatogaeri2014/image/ic_imgUP.gif);
		  position: absolute;
		  right: 0px;
		  top: 0px;
		  z-index:10;
		  }