@charset "utf-8";
/* -------------------------------------------------------
  01. base
------------------------------------------------------- */

/* headTitle */
.headTitle {
	margin-top		: 23px;
	text-align		: center;
	border-top		: #D8D8D8;
	background		: url(..//img/bg_head_title.gif) repeat left top;
}


/* contentTitle */
.anchorListWrap {
	padding			: 22px 0 11px;
	background		: #FFFFFF;
	line-height		: 0;
}
.anchorList {
	width			: 962px;
	margin			: auto;
}
.anchorList li {
	float			: left;
	display			: inline-block;
	padding-left	: 13px;
	padding-bottom	: 11px;
}
.anchorList li.leftSide {
	padding-left		: 0;
}



/* contentWrap */
.contentWrap {
	width			: 100%;
	padding			: 40px 0;
	background		: url(../img/bg_contentwrap_blue.gif) repeat left top;
}
.contentWrap.blue {
	background		: url(../img/bg_contentwrap_white.gif) repeat left top;
}

.contentBlock {
	position		: relative;
	width			: 960px;
	margin			: 14px auto 16px;
	background		: url(../img/bg_content_block_repeat.png) repeat-y center top;
}
.contentBlock:before {
	position		: absolute;
	display			: block;
	content			: "";
	width			: 960px;
	height			: 14px;
	top				: -14px;
	left			: 0;
	background		: url(../img/bg_content_block_top_brown.png) no-repeat center top;
}
.contentBlock:after {
	position		: absolute;
	display			: block;
	content			: "";
	width			: 960px;
	height			: 16px;
	bottom			: -16px;
	left			: 0;
	background		: url(../img/bg_content_block_bottom.png) no-repeat center top;
}

.contentHeadWrap {
	position		: relative;
	width			: 946px;
	height			: 133px;
	margin			: auto;
	background		: url(../../program/img/bg_content_block_head.png) repeat-x center top;
}
.contentWrap.blue .contentHeadWrap {
	background		: url(../../program/img/bg_content_block_head_blue.png) repeat-x center top;
}
.contentHeadWrap .programMonth {
	position		: absolute;
	top				: -14px;
	left			: 11px;
}
.contentHeadWrap .programMonth .flagSpace {
	position		: relative;
	width			: 104px;
	height			: 134px;
	text-indent		: -9999px;
}
.contentHeadWrap .programMonth .flagSpace span {
	position		: absolute;
	display			: block;
	width			: 96px;
	height			: 30px;
	top				: 0;
	left			: 0;
    
        transition	: height 0.5s;
   -moz-transition	: height 0.5s;
-webkit-transition	: height 0.5s;
}
.contentBlock.viewed .contentHeadWrap .programMonth .flagSpace span {
	height			: 134px;
}
.ie8 .contentBlock.viewed .contentHeadWrap .programMonth .flagSpace span,
.ie9 .contentBlock.viewed .contentHeadWrap .programMonth .flagSpace span {
	height			: 30px;
}
.contentHeadWrap .programMonth .flagSpace:after {
	position		: absolute;
	display			: block;
	content			: "";
	width			: 8px;
	height			: 6px;
	top				: 0;
	right			: 0;
	background		: url(../../program/img/bg_content_month.png) no-repeat left top;
}
.contentWrap.blue .contentHeadWrap .programMonth .flagSpace:after {
	background		: url(../../program/img/bg_content_month_blue.png) no-repeat left top;
}
.content01 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_01.png) no-repeat left bottom;
}
.content02 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_02.png) no-repeat left bottom;
}
.content03 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_03.png) no-repeat left bottom;
}
.content04 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_04.png) no-repeat left bottom;
}
.content05 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_05.png) no-repeat left bottom;
}
.content06 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_06.png) no-repeat left bottom;
}
.content07 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_07.png) no-repeat left bottom;
}
.content08 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_08.png) no-repeat left bottom;
}
.content09 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_09.png) no-repeat left bottom;
}
.content10 .contentHeadWrap .programMonth .flagSpace span {
	background		: url(../../program/img/pct_content_month_10.png) no-repeat left bottom;
}
.contentWrap .contentBlockInner .floatRight .storyTitle {
	display			: block;
	width			: 430px;
	height			: 32px;
	padding-right	: 10px;
	line-height		: 32px;
	text-align		: right;
	background		: url(../../program/img/bg_program_story_title.gif) no-repeat left top;
}
.contentWrap.blue .contentBlockInner .floatRight .storyTitle {
	background		: url(../../program/img/bg_program_story_title_blue.gif) no-repeat left top;
}
.contentWrap .contentBlockInner .floatRight .storyTitle a {
	padding-left	: 12px;
	background		: url(../img/arrow_brown.png) no-repeat left 6px;
}

.contentHeadWrap h3 {
	position		: absolute;
	top				: -7px;
	left			: 130px;
}
.contentHeadWrap .programSchedule {
	position		: absolute;
	top				: 2px;
	right			: 31px;
}
.contentBlockInner {
	width			: 880px;
	margin			: auto;
	padding			: 20px 0 25px;
	line-height		: 0;
}
.contentBlockInner .floatLeft {
	width			: 405px;
}
.contentBlockInner .floatRight {
	width			: 440px;
}
.campaignWrap p {
	line-height		: 24px;
}