/*天使の窓 ～3rd Anniversary Fair～　レイアウト*/
@charset "utf-8";
/* CSS Document */


html { background:#F4C8BD url(/event/mado/image/150207/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:#462321;
}

	#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/150207/top_main_bg.jpg) top center no-repeat;
		text-align:center;
		height:470px;
		}

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

	#top_main_info01	{position:absolute; top:410px;
	}
	#top_main_info02	{position:absolute; top:410px;
	}
	/*img#top_main_info01,
	img#top_main_info02 { height:52px;}*/
/* ------------------------------------------------ */
/*コンテンツ*/

.ctnrConts	{
	width: 100%; position: relative;
	background:#fff4d8 url(/event/mado/image/150207/bg_full.jpg) top center no-repeat fixed \9;/*for IE 8*/
	background:url(/event/mado/image/150207/bg_grd_whTop.png) top center no-repeat, /* 最前面の背景レイヤーの背景画像 */
	url(/event/mado/image/150207/bg_full.jpg) top center no-repeat fixed;
	}
#contents	{ width:970px; margin:0 auto; position:relative;background:url(/event/mado/image/150207/bg_cont.png) top center repeat-y; }


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

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

	#eve_pro h2{ position:absolute; top:55px; left:110px;}
	#eve_pro ol{ position:absolute; top:100px; 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 li a:hover{ color:#ed9e00; text-decoration:none;}
	/*#eve_pro_Rose{position:absolute; bottom:-50px; right:0px;}*/


/* ------------------------------------------------ */
/*イベント内容紹介*/
.contInner{	
		width:850px;margin:0 auto 50px;
		background:url(/event/mado/image/150207/bg_contInner.png) top center repeat-y;
		position:relative;
		color:#462321;}
			
	div.contInner:after	{
		content:"";
		width:850px; height:50px;
		background:url(/event/mado/image/150207/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 p  {margin: 15px 65px 30px; text-align: left; line-height: 1.5; }
	.contInner dl { width:500px; margin:20px auto; text-align:left; padding:20px;
					background:url(/event/mado/image/150207/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:265px;
			background:url(/event/mado/image/150207/infoCont_eve01.jpg) top center no-repeat;
			}

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

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

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

div#eve05{ 	
			padding-top:990px;
			background:url(/event/mado/image/150207/infoCont_eve05_01.jpg) top center no-repeat;
			}
	div#eve05_02{ 
				padding-top:335px;
				background:url(/event/mado/image/150207/infoCont_eve05_02.jpg) top center no-repeat;
				}

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

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

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

#Pnight {
    width: 950px;
    height: 415px;
    margin: 0px auto;
    overflow: hidden;
}

	/* イベントイメージリスト */


	ul.galleryPic3,
	ul.galleryPic4	{
		width:760px;
		margin-left: 52px;
		position:relative;
	}
	
		ul.galleryPic3 li a:before,
		ul.galleryPic4 li a:before	{
			content:url(/event/mado/image/ic_imgUP_org.gif);
			position:absolute; right:-5px; top:-5px;
		}

	/*3列*/
		ul.galleryPic3 li	{
			width:225px;
			margin:10px;
			border:3px solid #fff;
			box-shadow:0 2px 5px rgba(46,19,12,0.4);
			line-height:0;
			float:left;
			position:relative;
		}
		ul.galleryPic3 li img	{ width:225px;}

		ul.galleryPic3 li em img{ 
			position:absolute;
			left:-12px; bottom:-18px;
			width:75px;
			}
	/*4列*/
		ul.galleryPic4 li	{
			width:170px;
			margin:7px 5px;
			border:3px solid #fff;
			box-shadow:0 2px 5px rgba(46,19,12,0.4);
			line-height:0;
			float:left;
			position:relative;
		}
		
		ul.galleryPic4 li img	{ width:170px;}

		ul.galleryPic4 li em img{ 
			position:absolute;
			left:-8px; bottom:-28px;
			width:75px;
			}

/* ------------------------------------------------ */
/* 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/150207/infoCont_line.gif) top center no-repeat;
			line-height:1;
			}
		p.lnkPtop a	{  padding:1px 10px 1px 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; left: 20px;}
#cboxContent #cboxTitle{text-align:right;position:absolute; bottom:4px; left:-25px; font-size:12px;}


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

#access {
	background:url(/event/mado/image/access_bg02.jpg) top center no-repeat;
	width:950px;
	height:600px;
	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;
		padding-top:10px;
		}

	#access dl{
		text-align:left;margin-bottom:10px;
		}
	#access dt{
		background:#a78370;
		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:#280C0B;
	text-align:center;
	box-shadow: 0px -5px 5px 0px rgba(0,-2,0,0.2);
	position:relative; z-index:1;
	}

		#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;
				padding-bottom:1em;
				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;*/
				}

#inline_example1 h3 + #inline_example1 p{ padding-bottom:2em;}


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

#arMain	{ width:100%;
		text-align:center;
		background:url(/event/mado/image/150207/ar_main_bg.png) top center no-repeat;
		height:700px;
		margin-bottom:-340px;
		}
	#arMainInnr{ width:950px; margin:0 auto; position:relative; }
	#arMainInnr h1 { position:absolute; top:0px; left:10px; z-index:2;}
	#arMainInnr img#mainPic { position:absolute; top:-50px; left:505px; z-index:3;}
	#arMainInnr h2,#eveSchdl{ display:none;}


#arInner { 
		margin:0 auto;
		width:950px;
		padding-top:35px;
		padding-bottom:30px;
		background:url(/event/mado/image/150207/bg_cont_top_grd.png) top center repeat-x;
		}
	#arInner h3	{ 
		font-weight:bold;
		padding-top:20px;
		font-size:120%;
		color:#5c331a;
		text-indent:80px;
		height:55px/*75px*/;
		width:870px;
		margin:0 auto 20px;
		text-align:left;
		text-shadow:2px 1px 3px #c9bbbb;
		overflow:hidden;
		background:url(/event/mado/image/150207/ar_Tit_bg.png) no-repeat top left;
		}
	#arInner p	{ margin:0 auto 15px; padding:0; width:710px; text-align:left;line-height:1.5;}
		
		#arInner p.lnkPtop	{
			width:850px;
			height:1em;
			padding:15px 0 10px;
			margin:10px auto 45px;
			font-size:75%;
			text-align:right;
			color:#fff;
			clear:both;
			background:none;
			}
			#arInner p.lnkPtop a	{ background:#A9897B; 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(/event/mado/image/ic_imgUP_org.gif);
		  position: absolute;
		  right: -4px;
		  top: -4px;
		  z-index:10;
		  }