@charset "euc-jp";

/*-- all --*/


a       	{ margin: 0; padding: 0; color:#227b5a; text-decoration:underline;}
a:hover 	{ margin: 0; padding: 0; color:#227b5a; 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,ul,li	{ border: 0; margin:0; padding: 0;}

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

.red		{ color: #CC3300;}

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

.whatsNewArea	{ background: url(/cs/list/taleschannel/festival2010/_common/img/rightWnCt.gif) repeat-y; width: 179px; margin: 2px 0 15px 5px;}
.whatsNewArea dl{ margin: 2px 10px 0 10px; font-size: 12px; line-height: 140%; text-align: left; color: #005f3c;}
.whatsNewArea dt{ font-weight: bold; margin: 0;}
.whatsNewArea dd{ color: #134834; margin: 0 0 5px 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;}

/*-- navi --*/
#fesNaviArea{ width: 235px; margin: 0; float: left; display: table; text-align: center;}
#fesNaviBg	{ width: 212px; margin: 0 auto 20px auto; text-align: center;}
#fesNaviBg ul{ margin: 0; width: 212px; list-style: none;}
#fesNaviBg li{ margin: 0; padding: 0; height: 28px; width: 212px; display: block; zoom: 1; font-size: 1px; line-height: 1px;}

.fesNaviLine{ width: 212px; margin: 0 auto; padding:0;}

.fesBnBg	{ background: url(/cs/list/taleschannel/festival2010/_common/navi/bnArea_back.gif) repeat-y; width: 212px; margin: 0 auto 10px auto; text-align: center;}
.fesBnBg ul	{ margin: 0; text-align: center; list-style: none;}
.fesBnBg li	{ margin: 0 0 2px 0; padding: 0; font-size: 12px; color: #0267a3;}
.fesBnBg li.mobile	{ font-size: 10px; color: #cc3333;}
.fesBnBg p	{ font-size: 12px; font-weight: bold; color: #005f3c; line-height: 130%;}


#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;}


#countDown	{ width: 223px; height: 75px; margin: 0 auto 20px auto; text-align: left;}
/*#countDown	{ background: url(/cs/list/taleschannel/festival2010/_common/img/countdown_bg.gif) no-repeat; width: 223px; height: 83px; margin: 0 auto 20px auto; text-align: left;}*/
/*#countDown #countText{ font-size: 38px; color: #db333d; font-weight: bold; padding: 48px 0 0 20px;}*/
#countDown #countText{ padding: 33px 0 0 95px;}



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

#fesContentArea2{ width: 650px; margin: 0; padding: 0; text-align: center; float: right; display: table;}
#fesContentArea2 #mainImgLeft{ width: 448px; float: left; display: table; padding: 0;}
#fesContentArea2 #mainImgLeft img{ margin: 0;}

#fesContentArea2 #mainBannerRight{ width: 195px; margin: 0; padding-right: 0; height: 730px; float: right; display: table; text-align: left;}
/**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;}



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

#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: #0267a3;}

#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;}
dl.fesMainText2 dt{ font-size: 14px; font-weight: bold; color: #005f3c;}
dl.fesMainText2 dt span{ font-size: 12px;}
dl.fesMainText2 dd{ margin: 0 0 15px 10px;}
dl.fesMainText2 dd span.red{ color: #CC0000;}


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

#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;}

/* popup2 */
#pop2Head	{ background: url(/cs/list/taleschannel/festival2010/popup/img/popup2_head.gif) no-repeat; width: 700px; height: 28px; margin: 0;}
#pop2Foot	{ background: url(/cs/list/taleschannel/festival2010/popup/img/popup2_foot.gif) no-repeat bottom; width: 700px; height: 57px; margin: 0;}
#pop2MainBg	{ background: url(/cs/list/taleschannel/festival2010/popup/img/popup2_mainBg.gif) repeat-y; width: 700px; margin: 0;}
#pop2MainFoot{ background: url(/cs/list/taleschannel/festival2010/popup/img/popup2_mainFoot.gif) no-repeat bottom; width: 700px; margin: 0; text-align: center; display: table;}

#popup2_img	{ margin: 0 auto; padding: 10px 0 15px 0; height: 600px; text-align: center;}
#popup2_imgItem{ margin: 10px 0; text-align: center; vertical-align: middlel; background: #FFFFFF; width: 100%; height: 410px; display: table;}
#popup2_imgItem img{ margin: 10px auto;}

#popup2Table{ margin: 0 auto; padding: 0; width: 600px; height: 630px; text-align: center;}
#popup2Table img{ margin: 0 auto 15px auto;}


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


/*-- outline --*/
dl.eventerList{	margin: 0 0 10px 30px; font-size: 12px; line-height: 140%; text-align: left; display: table;}
dl.eventerList dt{margin: 0; width: 70px; font-weight: bold; float: left; display: table;}
dl.eventerList dd{margin: 0 0 0 80px; width: 400px;}

/*-- cast --*/
.fesCastArea{ width: 585px; margin: 5px auto; text-align: left; display: table;}
.fesCastImg	{ float: left; margin: 0 12px 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;}

dl.castList		{ margin: 0 0 3px 0; width: 600px; text-align: left; display: table;}
dl.castList dt	{ margin: 0; width: 6em; height: 1.2em; display: table; float: left; font-size: 12px; font-weight: normal; color: #333333;}
dl.castList dd	{ margin: 0; display: table; height: 1.2em;}

dl.castAList	{ margin: 3px 0 8px 0; width: 600px; text-align: left; display: table;}
dl.castAList dt	{ margin: 5px 0 0 0; width: 6.5em; height: 1.2em; display: table; font-size: 12px; font-weight: normal; color: #333333;}
dl.castAList dd.name{ margin: 0 0 0 5px; width: 8em; height: 1.2em; display: table; float: left; font-size: 12px; font-weight: normal; color: #333333;}
dl.castAList dd	{ margin: 0; display: table; height: 1.2em;}

dl.castA2List		{ margin: 0 0 3px 0; width: 600px; text-align: left; display: table;}
dl.castA2List dt	{ margin: 0; width: 8.5em; height: 1.2em; display: table; float: left; font-size: 12px; font-weight: normal; color: #333333;}
dl.castA2List dd	{ margin: 0; display: table; height: 1.2em;}

.fesArtistArea_1{ width: 600px; margin: 0 auto 10px auto; display: table;}
.fesArtistArea_1 .imgCenter	{ margin: 0 12px;}
.fesArtistArea_1 .imgMain	{ margin: 0 7px 7px 7px;}

#misonoCam		{ margin: 5px 47px;!important width: 271px; height: 83px; display: table; text-align: left; background: url(/cs/list/taleschannel/festival2010/cast/img/artistInfoBg_.jpg) no-repeat;}
#misonoCam p	{ margin: 5px 5px 0 10px; width: 260px; font-size: 12px; color: #337d5a; line-height: 120%;}


/*-- 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;}

dl.ticList		{ margin: 0; width: 600px; text-align: left; display: table;}
dl.ticList dt	{ margin: 0; width: 10em; height: 1.2em; display: table; float: left; font-size: 12px; font-weight: normal; color: #333333;}
dl.ticList dd	{ margin: 0; display: table; height: 1.2em;}


/*-- goods --*/
dl.fesGoodsText		{ font-size: 12px; color: #333333; line-height: 150%; width: 400px; text-align: left; margin: 0 0 5px 20px;}
dl.fesGoodsText dt	{ font-size: 12px; color: #333333;}
dl.fesGoodsText dt span{ font-size: 12px;}
dl.fesGoodsText dd	{ margin: 0 0 10px 10px;}
dl.fesGoodsText dd span.red{ color: #CC0000;}

.goodsTable			{ background: #00653c; margin: 0 auto 10px auto; width: 615px; text-align: center;}
.goodsTable .tdTitle	{ background: #e2f3e8;}
.goodsTable .tdTitle2{ background: #fff6d8; text-align: left;}

.goodsTable .tdText1	{ background: #FFFFFF; text-align: left;}
.goodsTable .tdText2	{ background: #FFFFFF; text-align: right;}
.goodsTable p		{ font-size: 12px; color: #003723; margin: 2px; line-height: 130%;}
.goodsTable p a		{ text-decoration: none;}
.goodsTable p a:hover{ color: #24be72;}
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: 220px; float: right; display: table;}


/*-- report --*/
.fesRepoTitle{ margin: 10px auto 5px auto;}

.reportArea		{ margin: 10px 0px 10px 20px; font-size: 12px; text-align: left; line-height: 140%;}
.reportArea p	{ margin: 5px 20px 10px 0; font-size: 12px; text-align: left; line-height: 140%;}
.reportArea p span	{ font-size: 12px; color: #005f3c; font-weight: bold;}

.reportArea dl.reportList		{ margin: 0 0 3px 0; text-align: left; font-size: 12px;}
.reportArea dl.reportList dt	{ margin: 0; width: 4em; height: 1.5em; display: table; float: left; font-weight: normal; color: #333333;}
.reportArea dl.reportList dd	{ margin: 0; display: table; height: 1.5em;}

.reportArea ul.imgList4line		{ margin: 0 0 5px 0; display: table; list-style: none;}
.reportArea ul.imgList4line	li	{ margin: 0 3px 0 0; float: left;}
.reportArea ul.imgList4line	li.imgLast{margin: 0;}

.reportArea ul.imgList3line		{ margin: 0 0 5px 0; display: table; list-style: none; height:1%;}
.reportArea ul.imgList3line	li	{ margin: 0 3px 0 0; float: left; width: 200px; text-align: center;}
.reportArea ul.imgList3line	li.imgLast{margin: 0;}
.reportArea ul.imgList3line	li img.longImg { margin: 30px 0;}

.reportArea ul.imgList2line		{ margin: 0 35px 5px 35px; display: table; list-style: none; height:1%;}
.reportArea ul.imgList2line	li	{ margin: 0 10px; float: left;}
.reportArea ul.imgList2line	li.imgLast{margin: 0;}

.reportArea ul.listBoder		{ border-bottom: 1px dotted #1c9783; padding-bottom: 10px;}

.reportBtnArea		{ padding: 20px 0; margin: 30px 20px; font-size: 12px; text-align: left; line-height: 140%; display:table;}
.reportBtnAreaIn	{ padding: 0; margin: 0 20px; font-size: 12px; text-align: left; line-height: 140%; display:table;}
.reportBtnArea ul,
.reportBtnAreaIn ul	{ margin: 5px 0 10px 0; list-style: none; display: table;}
.reportBtnArea ul li,
.reportBtnAreaIn ul li{ margin: 0; float: left;}
.reportBtnArea ul li.btnCenter,
.reportBtnAreaIn ul li.btnCenter{ margin: 0 5px; float: left;}



/*-- dvd --*/
.dvdArea				{ margin: 10px auto 15px auto; width: 560px; display: table;}
.dvdArea ul.leftDvd		{ margin: 0; width: 280px; float: left; list-style: none;}
.dvdArea ul.rightDvd	{ margin: 0; width: 280px; float: right; list-style: none;}
.dvdArea p				{ margin: 0; font-size: 10px; text-align: right;}

.dvdArea ul.leftDvd li,
.dvdArea ul.rightDvd li	{ margin: 0 0 2px 0;}

.dvdArea ul.leftDvd li span{ font-size: 10px; color: #005f3c;}
.dvdArea ul.rightDvd li span{ font-size: 12px; color: #005f3c;}

.dvdArea ul.leftDvd li.capMb10{ margin: 0 0 10px 0;}
.dvdArea ul.rightDvd li.capMb5{ margin: 0 0 4px 0;}


p.listTitle		{ font-size: 14px; font-weight: bold; text-align: left; margin: 5px 20px;}
dl.dvdList		{ margin: 0 auto 10px auto; width: 600px; text-align: left; display: table; font-size: 12px; color: #333333; line-height: 140%;}
dl.dvdList dt	{ margin: 0 0 3px 0; width: 8.3em; height: 1.5em; display: table; float: left; font-weight: bold;}
dl.dvdList dd	{ margin: 0 0 3px 0; display: table; height: 1.5em;}

dl.dvdList dt.bnomal{ font-weight: normal;}

div.dvdCastArea		{ margin: 10px auto; border: 1px solid #CCCCCC; width: 550px!important;}
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; display: table;}
dl.dvdCastList dt	{ margin: 0; width: 105px; float: left;}
dl.dvdCastList dd	{ margin: 0 0 0 115px; display: table;}

dl.dvdCastList2		{ margin: 0; display: table; line-height: 130%;}
dl.dvdCastList2 dt	{ margin: 0 0 4px 0; width: 105px; float: left;}
dl.dvdCastList2 dd	{ margin: 0 0 4px 115px; display: table;}

p.otherText		{ margin: 10px 25px; font-size: 12px; text-align: left;}
p.otherText2	{ margin: 10px; font-size: 12px; text-align: left;}

dl.dvdContentsList		{ margin: 0 25px 10px 25px; display: table; font-size: 12px; text-align: left;}
dl.dvdContentsList dt	{ margin: 0; font-weight: bold;}
dl.dvdContentsList dd	{ margin: 0; display: table; line-height: 140%;}
dl.dvdContentsList dd ul{ margin: 0; padding: 0 0 0 1em; list-style: none;}
dl.dvdContentsList dd ul li{ margin: 0; text-indent: -0.5em;}


div.dvdEvent		{ margin: 20px 0 10px 0; text-align: left; font-size: 12px;}
div.dvdEvent dl		{ margin: 0 25px 20px 25px; text-align: left;}
div.dvdEvent dl dt	{ font-weight: bold; color: #005f3c;}
div.dvdEvent dl dd	{ margin: 5px auto; display: table; width: 550px;}
div.dvdEvent dl dd ul{ margin: 0 0 10px 0; list-style: none;}
div.dvdEvent dl dd ul.leftArea{list-style: none; float: left; width: 265px;}
div.dvdEvent dl dd ul.rightArea{list-style: none; float: right;width: 265px;}
div.dvdEvent dl dd ul li{ margin: 0; color: #005f3c;}

div.dvdFlaArea		{ margin: 20px 0 10px 0;}
div.dvdFlaArea dl	{ margin: 0 auto; width: 575px;}
div.dvdFlaArea dl dt{ margin: 0 auto; width: 575px;}
div.dvdFlaArea dl dd{ margin: 0 auto; *margin: 0; padding: 3px; background: #ffe697; border: 1px solid #00653c; width: 560px;}