@charset "UTF-8";

/**
 * ダイドー祭りドットコム2013
 * 今年応援する祭り用スタイル
 */

/* ==========================================================================
   インデックス
   ========================================================================== */

/* head
   ========================================================================== */

#list-wrap{
	background:url(images/index_head.jpg) no-repeat left top;
	height:330px;
	/* margin-top:26px; */
	margin-bottom:21px;
	overflow:hidden;
	width:960px;
}
#list-in{
	overflow:hidden !important;
	position:relative;
	height:330px;
}
	#list-wrap h1,
	#list-sttl,
	#list-link,
	#list-left,
	#list-right{
		position:absolute;
	}
	#list-wrap h1{
		left:667px;
		top:11px;
	}
	#list-sttl{
		left:221px;
		top:11px;
	}
	#list-left{
		left:21px;
		top:0;
	}
	#list-right{
		right:21px;
		top:0;
	}
	
		
/* 祭りボックス
   ========================================================================== */

#prg-wrap{
	margin-right:-15px;
	margin-left:-7px;
	width:990px;
	letter-spacing:-.40em;
	zoom:1;
	overflow:hidden;
}
.prg-box{
	background:url(images/thumb_btm.gif) no-repeat left bottom;
	/*float:left;*/
	display:inline-block;
	/display:inline;
	/zoom:1;
	letter-spacing:normal;
	margin-right:15px;
	padding-bottom:28px;
	position:relative;
	vertical-align:top;
	width:315px;
	zoom:1;
}
.event-date{
	font-size:93%;
	text-align:center;
	margin-top:-42px;
	margin-bottom:21px;
	z-index:2;
	position:relative;
	color:#fff;
}
.boxTargetHover{
	filter: alpha(opacity=55);
	-moz-opacity:0.55;
	opacity:0.55;
}

.boxTargetHover .event-date{
	color:#fff;

}
	.gyo2{
		margin-bottom:9px !important;
		margin-top:-30px;
	}
	.date-ttl{
		font-weight:bold;
		padding-right:5px;
	}
	.onair-info{
		padding-left:20px;
		zoom:1;
		z-index:50;
		position:relative;
	}
		#contents .onair-info p{
			font-size:93%;
			line-height:1.38;
			margin-top:5px;
			/*padding-left:3px;*/
			padding-right:100px;
			padding-bottom:3px;
			_vertical-align:auto;
			zoom:1;
		}
		#contents .onair-info p a{
			font-weight:bold;
		}
		#contents .onair-info .coming-soon{
			text-align:center;
			padding-top:13px;
			padding-bottom:8px;
			color:#555;
		}
	.event-photo{
		position:absolute;
		right:21px;
		top:243px;
		z-index:55;
		padding-bottom:5px;
	}

/* 近日公開アイコン */

.icon-coming{
	position:absolute;
	right:0;
	top:0;
	z-index:3;
}

/* ==========================================================================
   詳細
   ========================================================================== */

/* head
   ========================================================================== */

#mainV{
	position:relative;
}

#mainV h1{
	position:absolute;
	top:18px;
	left:20px;
}

#head{
	background:url(images/main_bg.gif) no-repeat left top;
	width:892px;/*960*/
	padding:34px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

#head #txtArea{
	float:left;
	width:550px;
}

#head #txtArea h2{
	font-weight:bold;
	color:#c70226;
	font-size:184%;
	margin-bottom:10px;
	line-height:1.4;
}

.t16{
	font-size:123.1%;
	line-height:1.5;
}
.cap{
	text-align:right;
	margin-top:-28px;
	margin-bottom:13px;
	font-size:12px;
}

#head #infoArea{
	float:right;
	width:280px;
	border-bottom:1px solid #d1cdc8;
	position:relative;
}

#head #infoArea .fadeover{
	position:absolute;
	right:2px;
	top:10px;
}

#head #infoArea h3{
	width:280px;
	border-top:1px solid #d1cdc8;
	padding-top:8px;
}

#head #infoArea p{
	font-size:93%;
	padding:0px 0 8px;
}

#head #infoArea .address{
	font-size:116%;
	display:block;
	margin:3px 0 0;
}

#head #infoArea .rubi{
	font-size:93%;
	color:#777;
	display:block;
	margin:1px 0;
}


/* #mainArea
   ========================================================================== */

#mTtl{
	margin-top:6px;
	position: relative;
}

#mTtl.noTv{
	width:706px;
}

#mTtl h2{
	float:left;
	margin-left:-1px;
}

#mTtl p{
	margin-top:28px;
	padding-left:3px;
}

#naviIntro #navi {
	margin-left:-1px;
	overflow: hidden;
	_zoom: 1;
	position:relative;
	width:707px;
}

#naviIntro #navi li{
	margin-left:1px;
}

#intro{
    -moz-border-radius: 5px;
    border-radius: 5px;
	background:url(/common/css/images/bg_tapes.gif) repeat left top;
	width:654px;/*706*/
	padding:26px 16px 40px 36px;
	margin:21px 0 34px;
}

#intro .fl{
	width:490px;
	padding:10px 0 0 0;
}

#intro .fl.noImg{
	width:650px;
	padding:13px 0 13px 0;
}

#intro .fl h3{
	margin:11px 0 8px;
}

#intro .fl h3 strong{
	font-size:116%;
}

#intro .fr{
	width:126px;
}

/* sideTV
   ========================================================================== */
#tvArea{
	background:url(images/tv_line_off.gif) repeat-y left bottom;
	padding-bottom:34px;
	float:right;
	width:231px;
}

#sideTV{
	background:url(images/side_tv_mat.gif) no-repeat left bottom;
	width:231px;
	padding-bottom:9px;
	-moz-box-shadow: 0px 0px 5px #d9d9d9;
	box-shadow: 0px 0px 5px #d9d9d9;
}

#sideTV .smooth{
	background:#fff;
}
#sideTV .in{
	width:210px;
	margin-left:10px;
	text-align:center;
}

#sideTV .in p{
	font-size:116%;
	font-weight:bold;
	color:#fff;
	line-height:1.125;
}

#sideTV .in p span{
	font-size:11px;
	display:block;
	margin:0 0 1px;
	line-height:1.3;
}
#sideTV .in p span.pd{
	padding:0 10px;
}

#sideTV .in p strong{
	font-size:12px;
	line-height:1.3;
}

#sideTV .in p.ttl{
	width:190px;
	margin:0 auto;
	padding:5px 0;
	background:url(images/side_tv_ttl_mat.gif) no-repeat left top;
}

#sideTV .in p.line{
	background:url(images/tv_line.gif) repeat-x left top;
	padding:9px 0 7px;
}

.bnrLine{
/* 	border-top:1px solid #ddd;
	margin-top:18px;
	padding-top:21px;
 */}



.section{
	width:672px;/*706*/
	padding:0 0 0 26px;
}

.section#t01{border-left:8px solid #d10f0a;}
.section#t02{border-left:8px solid #53960b;}
.section#t03{border-left:8px solid #c4b006;}
.section#t04{border-left:8px solid #954ea7;}
.section#t05{border-left:8px solid #129fac;}

.section h2{
	font-weight:bold;
	font-size:184%;
	line-height:70px;
	padding-left:80px;
	position:relative;
	margin-bottom:13px;
	width:589px;/*669*/
	letter-spacing:0px;
	letter-spacing: -1px\9; /* IE8 */
}

.section h2.gyo2{
	line-height:1.3;
	padding-top:4px;
	margin-bottom:13px !important;
	margin-top:0px;
	height:66px;
}

.section h2.gyo2.plusOne{
	padding-top:0 !important;
	height:auto;
}



.section h2 .ttl{
	position:absolute;
	left:0;
	top:0;
}

.section .t16{
	line-height:1.8125 !important;
	margin-top:29px;
    margin-left: 5em;  
    text-indent: -5em;
    _margin-left: 4.3em;  
    _text-indent: -4.3em;
}

.section .t16_1{
	line-height:1.8125 !important;
	margin-top:29px;
}

.name3 .section .t16{
    margin-left: 6em;  
    text-indent: -6em;
    _margin-left: 5.3em;  
    _text-indent: -5.3em;
}

.oneperson .section .t16{
    margin-left:0 !important;  
    text-indent:0 !important;
    _margin-left:0 !important;  
    _text-indent: 0 !important;
}

.section .t16 .fr{
	padding:8px 0 10px 20px;
}

#mainArea .pt{
	margin-top:13px;
	margin-bottom:46px;
}



/* isotope
   ========================================================================== */

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: -1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* SOON
   ========================================================================== */
   
p.soonTxt{
	margin-top:30px;
}