@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;
	border-bottom	: 1px solid #E5D7C4;
	background		: #FFFFFF;
}
.anchorList {
	width			: 962px;
	margin			: auto;
	text-align		: center;
	line-height		: 0;
	font-size		: 0;
}
.anchorList li {
	display			: inline-block;
	padding-left	: 11px;
	padding-bottom	: 11px;
}
.anchorList li.leftSide {
	padding-left		: 0;
}



/* contentWrap */
.contentWrap {
	padding-bottom	: 50px;
}
.contentBlock {
	margin-top		: 50px;
}
.contentHeadWrap {
	position		: relative;
}
.contentHeadWrap .programMonth {
	position		: absolute;
	width			: 96px;
	height			: 96px;
	top				: 0;
	left			: 0;
}
.contentHeadWrap .programMonth img {
	position		: absolute;
	top				: 5px;
	left			: 5px;
	z-index			: 1;
}
.contentHeadWrap .programMonth .borderSpace {
	position		: relative;
	width			: 100%;
	height			: 100%;
	z-index			: 2;
}
.contentHeadWrap .programMonth .borderSpace span {
	position		: absolute;
	width			: 0;
	height			: 0;
    
        transition	: width 0.2s, height 0.2s;
   -moz-transition	: width 0.2s, height 0.2s;
-webkit-transition	: width 0.2s, height 0.2s;
}
.contentHeadWrap .programMonth .borderSpace .bT {
	top				: 0;
	left			: 0;
	border-top		: 5px solid #E5D7C4;
}
.contentHeadWrap .programMonth .borderSpace .bB {
	right			: 0;
	bottom			: 0;
	border-top		: 5px solid #E5D7C4;
    
        transition-delay	: 0.4s;
   -moz-transition-delay	: 0.4s;
-webkit-transition-delay	: 0.4s;
}
.contentHeadWrap .programMonth .borderSpace .bL {
	left			: 0;
	bottom			: 0;
	border-left		: 5px solid #E5D7C4;
    
        transition-delay	: 0.6s;
   -moz-transition-delay	: 0.6s;
-webkit-transition-delay	: 0.6s;
}
.contentHeadWrap .programMonth .borderSpace .bR {
	top				: 0;
	right			: 0;
	border-left		: 5px solid #E5D7C4;
    
        transition-delay	: 0.2s;
   -moz-transition-delay	: 0.2s;
-webkit-transition-delay	: 0.2s;
}
.contentBlock.viewed .contentHeadWrap .programMonth .borderSpace .bT {
	width			: 100%;
}
.contentBlock.viewed .contentHeadWrap .programMonth .borderSpace .bB {
	width			: 100%;
}
.contentBlock.viewed .contentHeadWrap .programMonth .borderSpace .bL {
	height			: 100%;
}
.contentBlock.viewed .contentHeadWrap .programMonth .borderSpace .bR {
	height			: 100%;
}
.ie8 .contentBlock.viewed  .contentHeadWrap .programMonth .borderSpace span,
.ie9 .contentBlock.viewed  .contentHeadWrap .programMonth .borderSpace span {
	width			: 0;
	height			: 0;
}
.contentHeadWrap h3 {
	display			: inline-block;
	margin-left		: 110px;
}
.contentHeadWrap .programSchedule {
	position		: absolute;
	top				: 2px;
	right			: 31px;
}
.contentBlockInner {
	width			: 860px;
	margin			: auto;
	line-height		: 0;
}
.contentBlockInner img {
	display			: inline-block;
}
.contentBlockInner .floatLeft {
	width			: 435px;
}
.contentBlockInner .floatRight {
	width			: 400px;
	text-align		: center;
	line-height		: 0;
	font-size		: 0;
}
.contentBlockInner .floatRight h4 {
	width			: 400px;
}
.contentBlockInner .floatRight .borderSpace {
	display			: inline-block;
	width			: 0;
	height			: 4px;
	background		: url(../../program/img/bg_program_title_border.gif) repeat-x center top;
    
        transition	: width 1s;
   -moz-transition	: width 1s;
-webkit-transition	: width 1s;
}
.contentBlock.viewed .contentBlockInner .floatRight .borderSpace {
	width			: 100%;
}
.ie8 .contentBlock.viewed .contentBlockInner .floatRight .borderSpace,
.ie9 .contentBlock.viewed .contentBlockInner .floatRight .borderSpace {
	width			: 0;
}
.campaignWrap p {
	line-height		: 24px;
}

.contentBlock.content07 .floatLeft {
	width			: 305px;
}
.contentBlock.content07 .floatRight {
	width			: 553px;
}

.contentHalfWrap {
	width			: 960px;
	margin			: auto;
}
.contentHalfWrap .contentBlockInner {
	width			: 363px;
	margin			: auto;
	line-height		: 0;
}
.contentHalfWrap .floatLeft {
	clear			: both;
}