@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  list.css
 style info :  /list/内、29の祭りと番組・CMリストのスタイル
=================================================================== */

/* -----------------------------------------------------------
	common
----------------------------------------------------------- */


a:link {
	color: #000;
}
a:visited {
	color: #000;
}


.clear{
	clear:both;
}
p.flL{
	float:left;
}
p.flR{
	float:right;
}
p.alR{
	text-align:right;
}
p.alC{
	text-align:center;
}
ul li img{
	vertical-align:bottom;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
.clearfix { display: block;　/* for Mac IE */
}

/* -----------------------------------------------------------
	29の祭りと番組・CMリスト
----------------------------------------------------------- */

/*====================================
	#listHead
	 リストのヘッダー（共通）
====================================*/
div#listHead{
	width:920px;
	height:170px;
	margin-bottom:15px;
	position:relative;
}
div#listHead p#imamade{
	width:260px;
	height:147px;
	position:absolute;
	left:642px;
	top:9px;
}
div#listHead p#imamade a{
	display:block;
	width:260px;
	height:147px;
	background:url(../../list/images/sp.gif) repeat;
	text-indent:-9999px;
}
div#listHead p#hitokoto{
	width:557px;
	height:75px;
	position:absolute;
	left:36px;
	top:81px;
}
div#listHead p#hitokoto a{
	display:block;
	width:557px;
	height:75px;
	background:url(../../list/images/sp.gif) repeat;
	text-indent:-9999px;
}



/*====================================
	common
	 両リストの共通部分
====================================*/

div#matsuriList,
div#cmList{
	width:892px;
	background:url(../../list/images/matsuriList_bg.jpg) repeat-y 100% 0;
	margin-left:14px;
}
div#matsuriListIn,
div#cmListIn{
	background:url(../../list/images/matsuriListIn_bg.jpg) no-repeat 0 100%;
	padding-bottom:2px;
}

div#matsuriList dl dt,
div#cmList dl dt{
	padding-top:7px;
	padding-left:24px;
}

div#matsuriList dl dt img,
div#cmList dl dt img{
	margin-left:3px;
}
div#matsuriList dl dd.num,
div#cmList dl dd.num{
	position:absolute;
	left:2px;
	top:2px;
}

div#listBnr{
	width:180px;
	_width:175px;
	float:left;
	background:#fff url(../../list/images/list_bnr_map_bg.jpg) no-repeat 0 0;
	display:inline;
}
div#listBnr img{
	margin:2px 0 0 2px;
}


/*====================================
	#matsuriList
	 29の祭りリスト
====================================*/
div#matsuriList div.list_wrap{
	width:890px;
	background:#fff url(../../list/images/list_wrap_bg.jpg) repeat-y 0 0;
}
div#matsuriList div.list_wrap_last{
	width:892px;
	background:#fff url(../../list/images/list_wrap_bg_last.jpg) repeat-y 0 0;
}
div#matsuriList dl{
	width:178px;
/*	height:145px;*/
	background:url(../../list/images/list_bg.jpg) no-repeat 0 0;
	color:#000066;
	line-height:1.2;
	position:relative;
	float:left;
}
div#matsuriList dl dt img{
	padding-bottom:12px;
}
div#matsuriList dl dt a{
	text-decoration:none;
	color:#000066;
	display:block;
	background:url(../../list/images/sp.gif) repeat;
	word-wrap: break-word;
}
div#matsuriList dl dt a:hover{
	color:#927D95;
}
div#matsuriList dl dd.photos{
	width:160px;
	height:44px;
	background:url(../../list/images/list_photos_off.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin-left:10px;
	padding-bottom:10px;
}
div#matsuriList dl dd.photos a{
	width:160px;
	height:44px;
	display:block;
	background:url(../../list/images/list_photos.jpg) no-repeat 0 0;
}
div#matsuriList dl dd.photos a:hover{
	background:url(../../list/images/list_photos_on.jpg) no-repeat 0 0;
}


/*====================================
	#cmList
	 番組・CMリスト
====================================*/
div#cmList div.cmlist_wrap{
	width:890px;
	background:#fff url(../../list/images/cmlist_wrap_bg.jpg) repeat-y 0 0;
}
div#cmList div.cmlist_wrap_last{
	width:892px;
	background:#fff url(../../list/images/cmlist_wrap_bg_last.jpg) repeat-y 0 0;
}

div#cmList dl{
	width:178px;
	color:#000000;
	line-height:1.4;
	background:url(../../list/images/cmlist_repbg.jpg) repeat-y 0 0;
	position:relative;
	float:left;
}
div#cmList dl dt{
	background:url(../../list/images/cmlist_bg.jpg) no-repeat 0 0;
	height: 42px;
	font-size: 1px;

}
div#cmList dl dt img{
	padding-bottom:4px;
}
div#cmList dl dd{
	word-wrap:break-word;
}
div#cmList dl dd a{
	color:#000;
}
div#cmList dl dd a:hover{
	text-decoration:none;
}
div#cmList dl dd.cm{
	padding-top:18px;
	padding-bottom:5px;
	background:url(../../list/images/cm_bg.jpg) no-repeat 0 0;
	margin-left:4px;
	margin-right:2px;
	font-size: 1px;
}
div#cmList dl dd.tv{
	padding-top:20px;
	padding-bottom:5px;
	background:url(../../list/images/tv_bg.jpg) no-repeat 0 0;
	margin-left:4px;
	margin-right:2px;
}
div#cmList dl p.txt{
	float:left;
	margin-top:20px;
	padding-left:5px;
	width:93px;
}




.textfix{
	font-size: 13px;
}

div#cmList dl p.txt img{
	margin-left:25px;
}

div#cmList dl p.photos{
	width:74px;
	height:56px;
	float:right;
	margin-top:5px;
	text-indent:-9999px;
}
div#cmList dl p.photos a{
	display:block;
	width:74px;
	height:56px;
}
div#cmList dl dd.cm p.photos{
	background:url(../../list/images/cmlist_photos_off.jpg) no-repeat 0 0;
}
div#cmList dl dd.cm p.photos a{
	background:url(../../list/images/cmlist_photos.jpg) no-repeat 0 0;
}
div#cmList dl dd.cm p.photos a:hover{
	background:url(../../list/images/cmlist_photos_on.jpg) no-repeat 0 0;
}
div#cmList dl dd.tv p.photos{
	background:url(../../list/images/cmlist_cm_off.jpg) no-repeat 0 0;
}
div#cmList dl dd.tv p.photos a{
	background:url(../../list/images/cmlist_cm.jpg) no-repeat 0 0;
}
div#cmList dl dd.tv p.photos a:hover{
	background:url(../../list/images/cmlist_cm_on.jpg) no-repeat 0 0;
}




/* -----------------------------------------------------------
	29の祭りの詳細
----------------------------------------------------------- */

/*====================================
	#matsuriWrapper
	 29の祭りのラッパー(#matsuriMain + #matsuriSide)
====================================*/

div#matsuriWrapper{
	width:908px;
	margin-top:10px;
	margin-bottom: 22px;	
}

/*====================================
	#matsuriSide
	 29の祭りのサイド
====================================*/

div#matsuriSide{
		width:217px;
		float:left;
		position:relative;
}

div#matsuriSide h3{
}
div#matsuriSide p{
	margin-left:6px;
	margin-bottom:10px;
}

div#matsuriSide ul li{
	margin-left:3px;
	margin-bottom:6px;
}
div#matsuriSide ul li.outside{
	position:absolute;
	margin:0;
	left:3px;
	top:-23px;
}

div#matsuriSide div#matsuriVoice{
	background:url(../../list/images/voice_bg.jpg) repeat-y;
	margin-bottom:15px;
	margin-left:3px;
}
div#matsuriSide div#matsuriVoice p{
	margin:0 10px 5px;
}
div#matsuriSide div#matsuriVoiceIn{
	background:url(../../list/images/voice_btm.jpg) no-repeat 0 100%;
	padding-bottom:8px;
}

/*______ matsuriInfo ______*/

div#matsuriSide div#matsuriInfo{
	width:217px;
	background:url(../../list/images/head_bg.jpg) repeat-y 0 0;
	line-height:1.4;
	font-size:0.93em;
	margin-top:50px;
	margin-bottom:5px;
	_height: 250px;
	min-height: 250px;
	font-size:12px;	/*IE用*/
}


div#matsuriSide div#matsuriInfo dl{
	background:url(../../list/images/head_sepa.jpg) no-repeat 0 100%;
	_height: 250px;
	min-height: 250px;
}
div#matsuriSide div#matsuriInfo dl dt{
	margin-bottom:4px;
	padding-left:8px;
	padding-right:5px;
	padding-top:10px;
	background:url(../../list/images/head_sepa.jpg) no-repeat 0 0;
}

div#matsuriSide div#matsuriInfo dl dd{
	padding:0 5px 5px 8px;
	margin-left:0;
}


/*====================================
	#matsuriMain
	 29の祭りのメイン
====================================*/
div#matsuriMain{
	width:689px;
	margin-right:2px;
	background:url(../../list/images/content_bg_btm.jpg) no-repeat 11px 100%;
	padding-bottom:28px;
	float:left;

}

/*______ matsuriHead ______*/

div#matsuriHead{
	height:301px;
	position:relative;
	margin-bottom:16px;
}

div#matsuriHead div#matsuriArasuji{
	width:268px;
	position:absolute;
	left:405px;
	top:93px;
	font-size:0.93em;
	font-size:12px;	/*IE用*/
}

div#matsuriHead p#btnPrint{
	position:absolute;
	left: 497px;
	top: 8px;
}
	


/*______ tablist ______*/

div#matsuriMain ul{
	margin-left:11px;
}
div#matsuriMain ul li{
	display:inline;
	float:left;
	height:36px;
	text-indent:-9999px;
}

div#matsuriMain ul li#tab1,
div#matsuriMain ul li#tab2,
div#matsuriMain ul li#tab3,
div#matsuriMain ul li#tab5,
div#matsuriMain ul li#tab1 a,
div#matsuriMain ul li#tab2 a,
div#matsuriMain ul li#tab3 a,
div#matsuriMain ul li#tab5 a{
	width:113px;
}
div#matsuriMain ul li#tab4,
div#matsuriMain ul li#tab6,
div#matsuriMain ul li#tab4 a,
div#matsuriMain ul li#tab6 a{
	width:112px;
}

div#matsuriMain ul li#tab1{
	background:url(../../list/images/tab1_off.jpg) no-repeat;
}
div#matsuriMain ul li#tab2{
	background:url(../../list/images/tab2_off.jpg) no-repeat;
}
div#matsuriMain ul li#tab3{
	background:url(../../list/images/tab3_off.jpg) no-repeat;
}
div#matsuriMain ul li#tab4{
	background:url(../../list/images/tab4_off.jpg) no-repeat;
}
div#matsuriMain ul li#tab5{
	background:url(../../list/images/tab5_off.jpg) no-repeat;
}
div#matsuriMain ul li#tab6{
	background:url(../../list/images/tab6_off.jpg) no-repeat;
}

div#matsuriMain ul li a{
	display:block;
	height:36px;
}

div#matsuriMain ul li#tab1 a{
	background:url(../../list/images/tab1_on.jpg) no-repeat;
}
div#matsuriMain ul li#tab2 a{
	background:url(../../list/images/tab2_on.jpg) no-repeat;
}
div#matsuriMain ul li#tab3 a{
	background:url(../../list/images/tab3_on.jpg) no-repeat;
}
div#matsuriMain ul li#tab4 a{
	background:url(../../list/images/tab4_on.jpg) no-repeat;
}
div#matsuriMain ul li#tab5 a{
	background:url(../../list/images/tab5_on.jpg) no-repeat;
}
div#matsuriMain ul li#tab6 a{
	background:url(../../list/images/tab6_on.jpg) no-repeat;
}

div#matsuriMain ul li#tab1.cr,
div#matsuriMain ul li#tab1.cr a{
	background:url(../../list/images/tab1_cr.jpg) no-repeat;
}
div#matsuriMain ul li#tab2.cr,
div#matsuriMain ul li#tab2.cr a{
	background:url(../../list/images/tab2_cr.jpg) no-repeat;
}
div#matsuriMain ul li#tab3.cr,
div#matsuriMain ul li#tab3.cr a{
	background:url(../../list/images/tab3_cr.jpg) no-repeat;
}
div#matsuriMain ul li#tab4.cr,
div#matsuriMain ul li#tab4.cr a{
	background:url(../../list/images/tab4_cr.jpg) no-repeat;
}
div#matsuriMain ul li#tab5.cr,
div#matsuriMain ul li#tab5.cr a{
	background:url(../../list/images/tab5_cr.jpg) no-repeat;
}
div#matsuriMain ul li#tab6.cr,
div#matsuriMain ul li#tab6.cr a{
	background:url(../../list/images/tab6_cr.jpg) no-repeat;
}

/*______ matsuriContent ______*/

div#matsuriContent{
	background:url(../../list/images/content_bg.jpg) repeat;
	padding-top:23px;
	margin-left:11px;
	margin-right:2px;
	line-height:1.8;
	font-size: 117%;
}
* html div#matsuriContent{
	font-size: 110%;
	letter-spacing: 1px;
}
*+html div#matsuriContent{
	font-size: 110%;
	letter-spacing: 1px;
}

div#matsuriContent h3{
	margin:0 0 0px 15px;
}
div#matsuriContent p{
	margin:0 15px 0 20px;
}

div#matsuriContent p.pagetop{
	background:url(../../list/images/pagetop_bg.jpg) no-repeat 0 0;
	text-align:right;
	padding-right:24px;
	clear:both;
}

div#matsuriContent .leadphoto{
	margin-left:10px;
	margin-right: 5px;
	float:right;
}
div#matsuriContent p.interview{
	color:#990000;
	margin-bottom: 20px;
}
.contentPara{
	padding-bottom: 30px;
}


div#matsuriContent p.flL{
	_margin-left:10px;
}

/*______ TV番組ご案内 ______*/


.tvList{
	margin-left: 15px;
}
.tvListTitle{
	float: left;
}
.tvListClear{
	clear: left;
	margin-bottom: 20px;
}
.tvListCon{
	padding-left: 130px;
}

.cm_day{
	float: left;
}
.end70{
	font-size: 80%;
	padding-left: 120px;
	line-height: 1.3;
}



.tv_gaiyou{
	clear: left;
}
.tv_message{
	padding-bottom: 5px;
}


/*==== 写真 */

div#tvPhoto{
	text-align:right;
	float:left;
	margin-right:15px;
}
div#tvPhoto p{
	line-height:1.2em;
	margin-right:0;
	font-weight:bold;
}

/*______ CM撮影日時 ______*/
.cmMainPara{
	padding-bottom: 20px;
}
.cmMainPara2{
	padding-bottom: 20px;
	color:#C00;
	font-weight:bold;
}
.AcrobatText{
	font-size: 70%;
	line-height: 1.6;
}
.cm_form{
	padding-top: 1px;
}
.cm_formText{
	line-height: 1.5;
}
.cm_formWrap{
	clear: left;
	margin-top: 20px;
}


div#matsuriContent p.cmMap{
	float:right;
	width:293px;
	margin:0;
}

div#matsuriContent div.cmMain{
	float:left;
	width:340px;
}

div#matsuriContent div#cmApply,
div#matsuriContent div#adobeAcrobat {
	margin:0 30px 20px;
}

div#matsuriContent div#cmApply div.img{
	float:left;
	width:195px;
	margin:0 10px 0 0;
}
div#matsuriContent div#cmApply div.txt{
	float:left;
	width:410px;
	margin:0;
}
	
div#matsuriContent div#adobeAcrobat div.img{
	float:left;
	width:112px;
	margin:0 15px 0 0;
}
div#matsuriContent div#adobeAcrobat div.txt{
	float:left;
	width:488px;
	margin:0;
}




/*______ 参加者写真 ______*/
#sankasha img {
	vertical-align: bottom;
	margin-right: 14px;
	margin-bottom: 14px;
}
#sankasha{
	clear: left;
	margin-left: 14px;
	margin-bottom: 14px;
	font-size: 1px;
}

/*______ 実景 ______*/
#cmFlWrap{
	margin-bottom: 14px;
}
/*______ cm動画 ______*/
#cmMovieFlWrap{
	margin-bottom: 14px;
}
.cmMoviePlusWrap p{
	background-image: url(../../list/images/cameraSisizou.gif);
	background-repeat: no-repeat;
	padding-left: 90px;
	height: 53px;
	min-height: 53px;
}
.cmMoviePlusWrap{
	margin-left: 0px;
	margin-bottom: 6px;
}


.end{
	font-weight: bold;
	padding-bottom: 25px;
}



/* ie6とie7の紹介記事の量が足りなかったら左の隙間が埋まる対策 */
* html .ie6_7height{ height: 200px;}
*+html .ie6_7height{ height: 200px;}