@charset "euc-jp";

/* all */


a       	{ font-size: 12px; line-height: 150%; color:#026aa7; text-decoration:underline;}
a:hover 	{ font-size: 12px; line-height: 150%; color:#026aa7; text-decoration: none;}

p			{ font-size: 12px; line-height: 150%; color: #333333; margin: 0; padding: 0;}

.clear		{ position: absolute; top: -9999px; left: -9999px; margin:0px; padding:0px; display:inline;}
.center		{ margin: 0 auto; text-align: center;}

img			{ border: 0;}


/* top */
#fesMain	{ background: url(/cs/list/taleschannel/festival2009/_common/img/main_bg.gif) repeat-y; width: 920px; margin: 0 auto; display: table;}
#fesMain2	{ background: url(/cs/list/taleschannel/festival2009/_common/img/main_bg2.gif) repeat-y; width: 920px; margin: 0 auto; display: table;}
#fesHead	{ background: url(/cs/list/taleschannel/festival2009/_common/img/main_head.gif) no-repeat; height: 28px; margin: 0 auto;}
#fesHead2	{ background: url(/cs/list/taleschannel/festival2009/_common/img/main_head2.gif) no-repeat; height: 28px; margin: 0 auto;}
#fesFoot	{ background: url(/cs/list/taleschannel/festival2009/_common/img/main_foot.gif) no-repeat bottom; width: 920px; height: 4px; margin: 0 auto;}

#fesNaviArea{ width: 220px; margin: 0; float: left; display: table;}
#fesNaviBg	{ background: url(/cs/list/taleschannel/festival2009/_common/navi/navi_bg.gif) repeat-y; width: 221px; margin: 0 auto;}
/*#fesNaviBg img{ margin: 1px 0 4px 0;}*/
#fesNaviBg ul{ margin: 0 auto; *margin: 0; padding: 5px 0; width: 157px; background: #FFFFFF;}
#fesNaviBg li{ list-style: none; margin: 0 0 4px 0;}

#fesNaviHead{ background: url(/cs/list/taleschannel/festival2009/_common/navi/navi_head.gif) no-repeat; width: 221px; height: 36px; margin: 0 auto;}
#fesNaviFoot{ background: url(/cs/list/taleschannel/festival2009/_common/navi/navi_foot.gif) no-repeat; width: 221px; height: 36px; margin: 0 auto;}

#fesNaviArea #mainBannerLeft{ width: 207px; margin: 10px 0 0 10px; padding-right: 0;}
/**html #fesContentArea2 #mainBannerRight{ width: 206px; margin-right: 9px; height: 730px; float: right;}*/
#fesNaviArea #mainBannerLeft p{ color: #0267a3; font-weight: bold; line-height: 130%; letter-spacing: -0.03em; margin: 5px 0;}





#fesContentArea{ width: 665px; margin: 0 0 20px 0; padding: 0; text-align: center; float: right; display: table;}

#fesContentArea2{ width: 665px; margin: 0; padding: 0; text-align: center; float: right; display: table;}
#fesContentArea2 #mainImgLeft{ width: 455px; float: left; display: table; padding-top: 10px;}
#fesContentArea2 #mainBannerRight{ width: 207px; margin: 0; padding-right: 0; height: 730px; float: right; display: table;}
/**html #fesContentArea2 #mainBannerRight{ width: 206px; margin-right: 9px; height: 730px; float: right;}*/
#fesContentArea2 #mainBannerRight p{ color: #0267a3; font-weight: bold; line-height: 130%; letter-spacing: -0.03em; margin: 5px 0;}

.whatsNewArea	{ background: url(/cs/list/taleschannel/festival2009/_common/img/rightWnCt.gif) repeat-y; width: 183px; margin: 10px 0 15px 10px; *margin: 10px 0 15px 0;}
.whatsNewArea dl{ margin: 0 10px 0 10px; font-size: 12px; line-height: 140%; text-align: left;}
.whatsNewArea dt{ font-weight: bold; color: #034c7f; margin: 0;}
.whatsNewArea dd{ color: #666666; margin: 0 0 10px 0;}

.whatsNewArea	{ background: url(/cs/list/taleschannel/festival2009/_common/img/rightWnCt.gif) repeat-y; width: 183px; margin: 10px 0 15px 10px; *margin: 10px 0 15px 0;}
.whatsNewArea ul{ margin: 7px 10px 0 10px; font-size: 12px; line-height: 140%; text-align: center;}
.whatsNewArea li{ margin: 0 0 7px 0; list-style: none;}
.whatsNewArea li.wnmt5{ margin: 0 0 5px 0; padding-top: 3px; list-style: none;}

#fesContents{ width: 890px; margin: 0; display: table; margin: 0 15px;} 


#topCaption	{ margin: 20px 0 0 0;}


#countDown	{ background: url(/cs/list/taleschannel/festival2009/_common/img/countdown_bg2.gif) no-repeat; width: 163px; height: 113px; margin: 0 auto; text-align: center;}
/*#countDown #countText{ font-size: 38px; color: #db333d; font-weight: bold; padding: 48px 0 0 20px;}*/
#countDown #countText{ padding: 33px 0 0 0;}


/* contents */
.fesTitle	{ margin: 0 auto 5px auto;}
.fesCap		{ margin: 15px auto;}
.fesSubTitle{ margin: 5px auto;}
.fesMiniTitle{ margin: 10px 30px; text-align: left;}

dl.fesCastText{ font-size: 12px; color: #333333; line-height: 150%; width: 608px; margin: 5px auto 12px auto; display: table;}
.fesCastText dt{ margin: 0; width: 110px; font-weight: bold; text-align: left; float: left; display: table;}
.fesCastText dd{ margin: 0; text-align: left; float: left; display: table; }


.fesCastArea{ width: 608px; margin: 5px auto; text-align: left; display: table;}
.fesCastImg	{ float: left; margin: 0 10px 0 0;}
.fesGuestImg{ float: left; margin: 0 30px 0 0;}

.fesGuestTextArea{margin: 0 0 0 26px; display: table;}
.fesGuestText1{ width: 282px; border: 1px solid #026aa7; margin: 0 0 10px 0; text-align: left; float: left;}
.fesGuestText1 p{ margin: 5px; font-size: 10px;}
.fesGuestText2{ width: 282px; border: 1px solid #026aa7; margin: 0 0 10px 30px; text-align: left; float: left;}
.fesGuestText2 p{ margin: 5px; font-size: 10px;}


#fesTotop 	{ font-size: 12px; color: #0267a3; text-align: right; padding: 10px 15px 0 0;}
#fesTotop a	{ text-decoration: underline;}
#fesTotop a:hover	{ text-decoration: none; color: #0f9ce8;}

#qrCodeImg	{ margin: 20px 10px;}


p.fesMainText{ font-size: 12px; color: #333333; line-height: 150%; width: 608px; text-align: left; margin: 5px auto;}
dl.fesMainText2 { font-size: 12px; color: #333333; line-height: 150%; width: 608px; text-align: left; margin: 5px auto;}
.fesMainText2 dt{ font-size: 14px; font-weight: bold; color: #035186;}
.fesMainText2 dd{ margin: 0 0 15px 10px;}
.fesMainText2 dd span.red{ color: #CC0000;}




/* popup */
#popHead	{ background: url(/cs/list/taleschannel/festival2009/popup/img/popup_head.gif) no-repeat; width: 500px; height: 27px; margin: 0;}
#popFoot	{ background: url(/cs/list/taleschannel/festival2009/popup/img/popup_foot.gif) no-repeat; width: 500px; height: 25px; margin: 0;}
#popMainBg	{ background: url(/cs/list/taleschannel/festival2009/popup/img/popup_mainBg.gif) repeat-y; width: 500px; margin: 0;}

.popBtnClose{ margin: 10px auto; text-align: center;}

#popup_img	{ margin: 10px auto; text-align: center;}
#popup_imgItem{ margin: 10px 0; text-align: center; vertical-align: middlel; background: #FFFFFF; width: 100%; height: 410px; display: table;}
#popup_imgItem img{ margin: 10px auto;}

/*all*/
.bold		{ font-weight: bold; padding: 0;}
.font14		{ font-size: 14px;}
.talignLeft	{ text-align: left;}
.mL30		{ margin-left: 25px;}


/*present*/
.preImg		{ margin: 20px auto; text-align: center;}
.preImg p	{ font-size: 10px; color: #3333CC; margin: 10px 0 0 0;}

/*ticket*/
#ticketImp	{ width: 455px; border: 1px solid #CC0000; text-align: left; padding: 3px 7px;}
#ticketImp span.ticketTitle{ font-size: 14px; font-weight: bold; color: #035186;}


/*item*/
.itemTable			{ background: #034b7e; margin: 10px auto; width: 630px; text-align: center;}
.itemTable .tdTitle	{ background: #a6d2ec;}
.itemTable .tdTitle2{ background: #eaf6fc; text-align: left;}


.itemTable .tdText1	{ background: #FFFFFF; text-align: left;}
.itemTable .tdText2	{ background: #FFFFFF; text-align: right;}
.itemTable p		{ font-size: 12px; color: #203a4d; margin: 2px; line-height: 130%;}
p.itemText			{ margin: 0 0 20px 20px; text-align: left;}

dl.fesMainText3 { font-size: 12px; color: #333333; line-height: 150%; width: 608px; text-align: left; margin: 5px auto;}
.fesMainText3 dt{ font-size: 14px; font-weight: bold; color: #035186;}
.fesMainText3 dd{ margin: 0 0 15px 10px;}
.fesMainText3 dd span.red{ color: #CC0000;}
#itemMap		{ width: 210px; float: right; display: table;}

/*report*/

.repoImgArea		{ margin:10px auto 5px auto; padding: 0; width: 610px;}
.repoImgArea ul		{ margin: 0 0 5px 0; display: table;}
.repoImgArea li		{ list-style: none; margin: 0 1px; float: left;}

.repoImgArea2		{ margin:10px auto 5px auto; padding: 0; width: 610px;}
.repoImgArea2 ul	{ margin: 0 0 5px 0; display: table;}
.repoImgArea2 li	{ list-style: none; margin: 0 2px; float: left;}

.repoImgArea3		{ margin:10px auto 5px auto; padding: 0; width: 550px;}
.repoImgArea3 ul	{ margin: 0 0 5px 0; display: table;}
.repoImgArea3 li	{ list-style: none; margin: 0 10px; float: left;}

.repoSelect			{ margin:10px auto 30px auto; padding: 0; width: 430px; text-align: center;}
.repoSelect ul		{ margin: 0 0 5px 0; display: table;}
.repoSelect li		{ list-style: none; margin: 0 20px; float: left;}
.repoImgLine		{ padding: 30px 0 0 0;}

#repoTable			{ margin: 0 30px;}
p.fesTableText		{ font-size: 12px; color: #333333; line-height: 150%; text-align: left; margin: 0 2px;}


/*dvd*/
.dvdImgArea			{ width: 530px; margin: 20px auto 0 auto; display: table;}
ul.dvdImgBox1		{ width: 250px; margin: 0; float: left;}
ul.dvdImgBox1 li	{ list-style: none; margin: 0 0 3px 0;}
ul.dvdImgBox2		{ width: 250px; margin: 0; float: right;}
ul.dvdImgBox2 li	{ list-style: none; margin: 0 0 3px 0;}

dl.dvdOutline		{ width: 600px; margin: 10px auto 10px auto; text-align: left; font-size: 12px; color: #333333; line-height: 150%;}
dl.dvdOutline dt	{ width: 100px; font-weight: bold; float: left; margin: 0 0 8px 0;}
dl.dvdOutline dd	{ width: 490px; display: table; margin: 0 0 8px 0;}

div.dvdCastArea		{ margin: 20px auto; border: 1px solid #CCCCCC; width: 550px;}
dl.dvdCast			{ margin: 5px 10px; text-align: left; font-size: 12px; color: #333333; line-height: 150%;}
dl.dvdCast dt		{ margin: 10px 0 0 0; width: 100%; display: table; clear: both; float: none;}
dl.dvdCast dd		{ margin: 0 0 0 15px;}

dl.dvdCastList		{ margin: 0;}
dl.dvdCastList dt	{ margin: 0; width: 5.5em; float: left;}
dl.dvdCastList dd	{ margin: 0;}

.dvdTable			{ background: #034b7e; margin: 10px auto; width: 550px; text-align: center;}
.dvdTable .tdTitle	{ background: #a6d2ec;}
.dvdTable .tdTitle2{ background: #eaf6fc; text-align: left;}

.dvdTable .tdText1	{ background: #FFFFFF; text-align: left;}
.dvdTable .tdText2	{ background: #FFFFFF; text-align: right;}
.dvdTable p			{ font-size: 12px; color: #203a4d; margin: 2px; line-height: 130%;}
p.dvdText			{ width: 550px; margin: 0 auto 20px auto; text-align: left; color: #000099;}

#dvdTopics			{ width: 530px; margin: 10px auto 20px auto; text-align: left;}
#dvdTopics div		{ width: 530px; margin: 10px auto; padding: 5px 8px; border: 1px solid #0265a1;}