/*天使のすみかフェア 2014　レイアウト*/
@charset "utf-8";
/* CSS Document */


html {  background:#fffbe8;}

body {  
	font-family: Meiryo,wf_SegoeUI,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif;
	line-height:1.0;
	text-align:center;
	color:#724C43;
	}



a		{text-decoration:none; color:#09f; overflow:hidden;}

a:hover		{
		
		color:#ffbdbd;
		transition : all .2s; /* Animation Effect */
		}

	/*a:hover > img[src$=".jpg"]	{
		background:#fff;
		filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
		transition : all .4s;
		}*/ /* Animation Effect */

	a:hover img	{
		filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
		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!important; }
.txtr	{ text-align:right!important;}
.txtc	{ text-align:center!important;}

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

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

/* 文字 */

	/* Text Size - */
	.fntXL	{ font-size:125%;}/*20px*/
	.fntL	{ font-size:112%;}/*18px*/
	.fntM	{ font-size:16px;}
	.fnts	{ font-size:87.5%;}/*14px*/
	.fntxs	{ font-size:75%;}/*12px*/
	.txts	{ font-size:62%;}/*10px*/
	
	.fntItalic{ font-style:italic; font-family:"Times New Roman", Times, serif;}
	
	
	/* 文字色 */
	.pnk	{color:#E93670;}
	.pnk_l	{color:#FA9DAE;}
	.blu_l	{color:#08918c;}
	.blu	{color:#36F;}
	.blu_d	{color:#03C;}
	.red	{color:#FF0000;}
	.red_l	{color:#CC3540;}
	.red_d	{color:#B51249;}
	.ylw	{color:#feae04;}
	.grn	{color:#777;}
	.grn_d	{color:#517407;}
	.org	{color:#F60;}
	.blk	{color:#000;}
	.vio	{color:#c39;}
	.lav	{color:#63F;}
	.sepia	{color:#825444;}
	.gry	{color:#999999;}


	
	.dno	{ display:none;}
	.dbk	{ display:block; margin:0 auto;}

	
/* ------------------------------------------------ */
/*レイアウト共通*/

/* Base Container*/
	#header,
	#infoMain,
	#eveInfoCon,
	#program,
	#footer	{ width:100%;margin:0 auto;}

/* Base Inner */
	#hdrInner,
	#mainInnr,
	#eveMain,
	p.lnkPtop{ width:960px; margin:0 auto; position:relative; }


/* Header */
#header	{
		height:50px;
		background:url(/sumikafair/2014/image/bg_head.jpg) top center repeat-x;	}
		#header	#logoTopVS	{
			position:absolute; top:5px; left:0px;}
		#header	#logoTopSD	{
			position:absolute; top:10px; right:5px;}
			
/* Return to Page Top */
		p.lnkPtop	{
			width:950px;
			height:1em;
			padding:15px 0;
			margin-bottom:30px;
			font-size:75%;
			text-align:right;
			color:#fff;
			clear:both;
			}
		p.lnkPtop a	{  padding:3px 10px 3px 10px; margin-right:10px; background:#E2817A; border-radius:10px; color:#fff; text-decoration:none;}
		p.lnkPtop a:hover	{ background:#F3AAA4; }

/* Footer */
#footer	{
	padding:35px 0 40px;
	background:#bb554f;
	border-top:#43211a 10px solid;
	text-align:center;
	}

		#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:25px 0 0;color:#fff;font-size:14px;line-height:1.6;}

	hr.line { border-style:none; width:950px; border-bottom: 3px dotted #CCC;margin: 30px auto; clear:both;}


/* ------------------------------------------------ */
/* TOP 		Event Information*/

#infoMain	{
		background:url(/sumikafair/2014/image/top_main_bg.jpg) top center no-repeat,/* 最前面の背景レイヤーの背景画像 */
		linear-gradient( to top, rgba(255,255,255,0),  #fff )/* グラデーション */;
		background:url(/sumikafair/2014/image/top_main_bg.jpg) top center no-repeat\9;
		text-align:center;
		height:770px;
		
		}
		
#top_mainTit,
#top_mainImg,
#top_bn_dress{ position:absolute;}

#top_mainTit { top:0px; left:10px; z-index:1;}
#top_mainImg { top:0px; right:0px; z-index:1;}
#top_bn_dress { top:415px; right:20px; z-index:2;}

#top_bn_Rose{ margin:565px auto 0;}
		
/* TOP 		Event Program*/
#program h2	{ margin:30px auto;}
#program ul	{ margin:40px auto 0px;}
#program li	{
			margin-bottom:40px;
			  }
#program h3 { 
				margin:0 auto;
				display:inline-block;
				background:#fff;
				padding: 6px;
				box-shadow: 0px 0px 5px 3px rgba(132, 103, 89 ,0.5);
				}

#program h3 img	{
				border:6px double #846759;
				box-shadow: 0px 0px 0px 4px rgb(132, 103, 89);
				padding-left:5px;
			    }



/* ------------------------------------------------ */
/* Contents 		Common*/

#cntMain	{
	height:200px;
	background:#fff url(/sumikafair/2014/image/cnt_main_bg.jpg) top center no-repeat;
	margin-bottom:40px;
	}

	#cntMain h1{
	 width:960px;
	 margin:0 auto;
	 position:relative;
	 text-align:left;
	 padding-top:25px;
	 }
 
 	#menuG 		{		
				width:100%;
				position: absolute; top:202px;
				background:rgba(244,96,86,0.7);
				background:url(/sumikafair/2014/image/con_menu_bg.png) repeat-x\9;/*IE 678*/
				height:50px;font-size: 0;
				}
	#menuG ul	{ width:960px; padding:0; margin:0 auto;background:rgba(255, 255, 255 ,0.7);}
	#menuG ul li	{ 
				vertical-align:middle;
				letter-spacing:normal;
				display:inline-block;
				*display: inline; *zoom: 1;
				border:none;
				background:none;display:inline;font-size: 16px;}
				
/* CONT		EventDetail*/

#contents	{ width:100%; }

.contsBox{	
			width:960px;margin:0 auto 60px auto;
			background:url(/sumikafair/2014/image/contsBox_bg_mdl.jpg) top center repeat-y;
			position:relative;}
			
	div.contsBox:before	{
		content:"";
		width:960px; height:60px;
		background:url(/sumikafair/2014/image/contsBox_bg_top.jpg);
		position:absolute; top:-60px; left:0px;
		margin-top:40px;
	}
	div.contsBox:after	{
		content:"";
		width:960px; height:60px;
		background:url(/sumikafair/2014/image/contsBox_bg_btm.jpg);
		position:absolute; bottom:-60px; left:0px;
	}

.contsBox2{
	width:950px;margin:0 auto 60px auto;
	background:#fff;
	position:relative;
	/*border-radius:10px;*/
	padding:30px 0;
	box-shadow:rgba(150, 110, 80, 0.8) 0px 0px 10px 0px ,rgba(232, 208, 172, 0.8) 0px 0px 60px 3px inset;
		/*-webkit-box-shadow:rgba(150, 110, 80, 0.8) 0px 2px 2px -1px ,rgba(238, 211, 184, 0.8) 0px 0px 6px 3px inset;
		-moz-box-shadow:rgba(150, 110, 80, 0.8) 0px 2px 2px -1px ,rgba(238, 211, 184, 0.8) 0px 0px 6px 3px inset;*/
	}

	/*箇条書き注記*/
	ul.attList li	{ line-height:1.3; padding:2px 0; margin:0px; border:none; text-indent:-1em;padding-left:1.2em; margin-left:5px; text-align:left;}
	dl.infoList dt { }
	dl.infoList dd { padding:5px 10px 5px 1em; line-height:1.4; text-indent:-1em;}
	

/* ------------------------------------------------ */
/*SDmidi*/

div#sdm01{
			width:960px;
			padding-top:1260px; height:0;
			position:relative;
			margin:0 auto 30px;
			overflow:hidden;
			background:url(/sumikafair/2014/image/cnt_sdm01.jpg) top center no-repeat;
			}
	div#sdm01 h2{ margin-top:50px;}
	
	#info03{ margin:0 auto 50px;
	width:660px;
	line-height:1.5;
	padding:30px 30px 15px;
	text-align:left;
	background:#fff;
	position:relative;
	border-top: #ccc dotted 1px;
	border-bottom: #ccc dotted 1px;
	}
		#info03 strong {
			color: #CE5870;
		}
		#info03 dt	{
			width:140px; height:17px;
			padding:10px 0;
			margin-bottom:-37px;
			text-align:center;
			line-height:16px;
			border-radius:5px;
			background:#765951;
			color:#fff;
			font-size:87.5%;
		}
		#info03 dd	{
			width:500px; min-height:37px;
			padding:9px 0px 11px 160px;
			margin:0 0 5px 0px;
			font-size:95%;
			line-height:1.3;
			color:#2E130C;
		}
		.bsInfo dd:last-child	{ margin-bottom:0;}

	#sd_spec{ width:960px; margin:0 auto;}

	/* itemBoxL2 */
	div.itemBoxL2	{
		width:460px;
		margin:0 5px 30px;
		letter-spacing:normal;
	}
	div.itemBoxL2 h3.itmName	{ /* Item Name */
		padding:15px 0 15px 15px;
		margin:0 auto 15px auto;
		text-indent:0;
		color:#FFF;
		letter-spacing:0.2em;
		display:none;
	}	
		div.itemBoxL2 img.mainPht	{
		width:460px;
	}


	/*Spec */
	table.spec	{
		width:100%;
		background:#FFF;
		margin-bottom:10px;
		border:3px double #CACACA;
		font-size:87.5%;
	}
	table.spec th,
	table.spec td	{
		padding:10px;
		line-height:1.4;
		border-bottom:1px dotted #999;
		text-align:left;
	}
	table.spec th	{
		width:5em;width:6em\9;
		color:#CE5870;
	}
	table.spec td	{
	}
	.sdatt{ 
		margin:0 60px;
		font-size: 75%;
		text-align:left;
		}


/* ------------------------------------------------ */
/*fullchoice*/

.fcsBox{
			width:960px;
			height:0px;
			position:relative;
			margin:0 auto 30px;
			overflow:hidden;
			}
	.fcsBox h3{ margin-top:50px;}

div#fcs01{ 
			height:1312px;
			}
			div#fcs01 p#info01{ position:absolute;
			top:245px; left:50px;
			z-index:1;
			text-align:center;
			width: 860px;
			line-height:2em;
			font-weight: bold;
			font-size:87.5%;
			text-shadow: 0px 0px 5px #fff, 1px 1px 4px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 1px 1px 3px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, -1px -1px 2px #fff, -1px -1px 1px #fff;
			}
			
			div#fcs01 p#info02{ position:absolute;
			bottom:50px; left:50px;
			z-index:1;
			text-align:center;
			width: 860px;
			font-weight:bold;
			line-height:1.4;
			font-size:80%;
			}

	table.itmPrc	{
		width:664px;
		margin:0 auto 30px auto;
		position:relative;
		padding:10px 20px 15px;
		font-size:12px;
		border:3px double #BBAFAD;
		background:#fff;
	}
	table.itmPrc caption{ 
		margin: 0 0 0.5em;
		background:#9D8282;
		color:#fff;
		text-align:center;
		padding: 0.8em;
		font-size: 120%;
		font-weight: bold;	
	 }
	table.itmPrc th,
	table.itmPrc td	{
		padding:15px 20px 10px 20px;
		border-bottom:1px solid #BBAFAD;
		vertical-align:text-bottom;
	}
	table.itmPrc td	{ text-align:right; padding-left:60px;}
	

	table.itmPrc td em,
	.price strong{font-size:150%; font-style:italic; font-family:"Times New Roman", Times, serif;}
	
	table.itmPrc tr:nth-child(odd) { background-color:#fffafa;}
	table.itmPrc .markRed
		{background:#CC3540;
		color:#fff;
		font-size:12px;
		padding:1px 7px;
		border-radius:10px; line-height:1;}
		


div#fcs02{ 
			padding-top:925px;
			background:url(/sumikafair/2014/image/cnt_fcs02.jpg) top center no-repeat;
			}

div#fcs03{ 
			padding-top:455px;
			background:url(/sumikafair/2014/image/cnt_fcs03.jpg) top center no-repeat;
			}

div#fcs04{ 
			padding-top:505px;
			background:url(/sumikafair/2014/image/cnt_fcs04.jpg) top center no-repeat;
			}

div#fcs05{ 
			padding-top:285px;
			background:url(/sumikafair/2014/image/cnt_fcs05.jpg) top center no-repeat;
			}

div#fcs06{ 
			height:285px;
			}

div#fcs07{ 
			padding-top:510px;
			background:url(/sumikafair/2014/image/cnt_fcs07.jpg) top center no-repeat;
			}
			
/* ------------------------------------------------ */
/*campaign*/

div#cpnBox{
			width:960px;margin:0 auto 60px auto;
			background:url(/sumikafair/2014/image/contsBox_bg_mdl.jpg) top center repeat-y;
			position:relative;
}
	div#cpnBox:after	{
		content:"";
		width:960px; height:60px;
		background:url(/sumikafair/2014/image/contsBox_bg_btm.jpg);
		position:absolute; bottom:-60px; left:0px;
		}
#cpnDtl{ width:860px; margin:30px auto; padding:30px; text-align:left;}
	#cpnDtl h3{ font-size:150%;}
	#cpnDtl dl,#cpnDtl ul{ margin:10px 0;}
	#cpnDtl dt,	#cpnDtl dd{ margin-bottom:10px; line-height:1.4;}
	#cpnDtl dt{ background:#43201A; color:#fff; text-align:center; display: inline-block;width: 170px;height: 20px;margin-bottom: -20px;}
	#cpnDtl dd{ text-align:left; margin-left:200px;}
	#cpnDtl .application  li{ border:1px solid #ccc; border-radius:10px; margin:10px; padding:10px;}

#koukango{ background:#ffdcdd; margin:0 auto 30px ;position:relative; width:870px; padding:30px 0;}
	#koukango table{ margin:0 auto; width:810px;}
		#koukango table th,#koukango table td{ vertical-align:middle;}
		#koukango table th{ background:#43201a; color:#fff; text-align:center; line-height:1.6; padding:10px; width:100px;}
		#koukango table td{ text-align:left;line-height:1.4; font-size:87.5%; padding-left:35px;  }
		#koukango table dt,#koukango table dd{ margin-bottom:5px;text-indent:-1.5em;}
	#koukango img{ position:absolute; top:0px; right:-35px; z-index:1;}
	

.stth4 {
	width:810px;
    margin: 30px auto 5px;
    padding: 10px 0px;
    background: #694B43;
    color: #FFF;
    text-align: center;
}
ul.att	{margin:0px auto 20px;text-align:left; width:800px;}
	ul.att li	{
		border-bottom: 1px dotted #CCB2A6;
		padding: 1em 0 1em 1.5em;
		text-indent: -1.2em;
		font-size: 80%;
		line-height: 1.4;
	}