@charset "utf-8";

 

 /* box

------------------------------------------------- */

#main {

	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	font-size: 15px;

}



.annotation {

	font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;

	letter-spacing: 0.05em;

}

.annotation span {

	font-style: italic;

	margin: 0 1px 0 -1px;

}



#series {

	height: 100%;

}

.annotation a:link,

.annotation a:active,

.annotation a:hover,

.annotation a:visited {

	color: #4c7aff;

}

.annotation a:link,

.annotation a:active,

.annotation a:visited {

	text-decoration: none

}

.annotation a:hover { text-decoration: underline; }





#head_img {

	position: relative;

	zoom: 1;

}

#head_img .he_ano {

	position: absolute;

	top: 334px;

	left: 38px;

}





.leaf_head {

	background: #b99335;

	height: 53px;

}

.leaf_head p {

	padding: 16px 0 0 14px;

	font-size: 30px;

	color: #ffffff;

	line-height: 1;

}



.logo-mark {

	margin: 0 0 15px 0;

}

.logo-mark img {

	margin-right: 26px;

}









/* .content_anchor

------------------------------------------------- */

.content_anchor {

	clear: both;

	margin: 20px 0 50px 0;

	padding: 20px 0;

	background: #F4F3F1;

	zoom: 1;

}

.content_anchor ul {

	margin: 0 15px;

	padding: 0 0 5px 0;

	zoom: 1;

}

.content_anchor ul li {

	float: left;

	white-space: nowrap;

	margin: 3px 10px 0 0;

	display: inline;

	padding: 1px 10px 2px 20px;

	background: url(../../images/icon/bg_arrow_bottom_off.gif) left 3px no-repeat;

	zoom: 1;

}





.section_01 {

	margin-bottom: 40px;

}

	.section_01 h2 {

		padding-left: 15px;

		border-left: 10px solid #98610f;

		font-size: 18px;

		font-weight: bold;

		line-height: 1.7;

	}



.section_02 {

	margin-bottom: 42px;

	background: url(../images/bg_section_02.jpg) left top no-repeat;

	min-height: 65px;

}

	.section_02 h2 {

		padding: 13px 0 31px 23px;

		font-size: 26px;

		font-weight: bold;

		line-height: 1;

		color: #ffffff;

	}

	.section_02 h3 {

		margin-bottom: 18px;

		font-size: 20px;

		font-weight: bold;

		color: #1297a1;

	}

	

.section_03 {

	margin-bottom: 20px;

}

	.section_03 h2 {

		margin-bottom: 20px;

		padding: 0 0 0 15px;

		border-left: 10px solid #98610f;

		font-size: 18px;

		font-weight: bold;

		line-height: 1.7;

		color: #535353;

	}

	

.section_04 {

	margin-bottom: 10px;

}

	.section_04 h2 {

		margin: 0;

		padding: 0;

		padding-left: 15px;

		border-left: 10px solid #98610f;

		font-size: 18px;

		font-weight: bold;

		line-height: 1.7;

	}

	.section_04 h3 {

		margin: 0;

		padding: 0;

		margin-bottom: 25px;

		padding-left: 15px;

		border-left: 10px solid #c59d3d;

		font-size: 16px;

		font-weight: bold;

		color: #1297a1;

		line-height: 1.8;

	}

	.section_04 dl dt {

		float: left;

		width: 360px;

		margin-right: 25px;

	}

	.section_04 dl dd {

		float: left;

		width: 360px;

	}

	

.section_05 {

	margin-bottom: 10px;

}

	.section_05 h2 {

		margin: 0;

		padding: 0;

		padding-left: 15px;

		border-left: 10px solid #98610f;

		font-size: 18px;

		font-weight: bold;

		line-height: 1.7;

	}

	.section_05 h3 {

		margin: 0;

		padding: 0;

		margin-bottom: 25px;

		padding-left: 15px;

		border-left: 10px solid #c59d3d;

		font-size: 16px;

		font-weight: bold;

		color: #1297a1;

		line-height: 1.8;

	}

	.section_05 dl dt {

		float: left;

		width: 115px;

	}

	.section_05 dl dd {

		float: left;

		width: 615px;

	}

	

.article_a {

	margin-top: 25px;

}

	.article_a dl dt {

		float: left;

		width: 360px;

		margin-right: 24px;

	}

	.article_a dl dd {

		float: left;

		width: 360px;

	}

	.article_a .caution {

		margin-top: 45px;

		padding: 22px 20px;

		background: #fafafa;

	}

	.article_a .caution p.caution_title{

		margin-bottom: 20px;

		font-weight: bold;

	}



.article_b {

	margin-top: 25px;

	padding: 45px 0 30px 0;

	border: 1px solid #cfcfcf;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	text-align: center;

}



.article_c {

	margin-top: 42px;

}

	.article_c .left {

		float: left;

		width: 360px;

	}

	.article_c .right {

		float: right;

		width: 360px;

	}

	.article_c h3 {

		padding-left: 15px;

		border-left: 10px solid #98610f;

		font-size: 18px;

		font-weight: bold;

		line-height: 1.7;

		color: #535353;

	}



.article_d {

	margin-top: 20px;

	padding: 30px;

	border: 1px solid #cfcfcf;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

	.article_d li {

		float: left;

		margin-right: 34px;

		width: 205px;

	}

	.article_d li.last {

		margin-right: 0;

	}

	.article_d li p.purpose {

		margin-bottom: 15px;

		font-size: 14px;

		color: #2792a6;

		font-weight: bold;

	}



.article_e {

	margin-bottom: 27px;

}

	.article_e dl dt {

		float: left;

		width: 100px;

	}

	.article_e dl dd {

		float: left;

		width: 600px;

	}



.article_f {

	margin-top: 42px;

}

	.article_f .left {

		float: left;

		width: 360px;

	}

	.article_f .right {

		float: right;

		width: 360px;

	}

	.article_f h2 {

		margin: 0;

		padding: 0;

		padding-left: 5px;

		border-left: 10px solid #98610f;

		font-size: 18px;

		font-weight: bold;

		line-height: 1.7;

	}

	.article_f h3 {

		margin: 0;

		padding: 0;

		margin-bottom: 25px;

		padding-left: 5px;

		border-left: 10px solid #c59d3d;

		font-size: 16px;

		font-weight: bold;

		color: #1297a1;

		line-height: 1.8;

	}

	





/* ==================================================

 *

 * top

 *

 * ================================================== */



/* #wapper

------------------------------------------------- */

.bg_image {

	min-height: 700px;

	background: url(../images/bg_top.png) left top repeat-x;

}



.appeal_01,

.appeal_02,

.appeal_03 {

	width: 745px;

	height: 300px;

	position: relative;

	zoom: 1;

	margin-bottom: 2px;

}

.appeal_01 {

	margin-top: 13px;

	background: url(../images/img_top_02.png) left top no-repeat;

}

.appeal_02 {

	background: url(../images/img_top_03.png) left top no-repeat;

}

.appeal_03 {

	background: url(../images/img_top_04.png) left top no-repeat;

}

.appeal_01 p,

.appeal_02 p,

.appeal_03 p {

	position: absolute;

	top: 219px;

	left: 31px;

}



.six_features {

	margin-top: 28px;

	border-top: 1px solid #ededed;

	border-right: 1px solid #ededed;

}

	.six_features div {

		width: 247px;

		float: left;

		border-bottom: 1px solid #ededed;

		border-left: 1px solid #ededed;

		position: relative;

		zoom: 1;

	}

	.six_features div p.six_features_title {

		margin: 20px 19px 0 19px;

		font-size: 14px;

		color: #535353;

	}

	.six_features div p.six_features_comment {

		margin: 20px 19px 0 19px;

		font-size: 18px;

		color: #a2752b;

	}

	.six_features div p.six_features_link {

		margin: 12px 19px 21px 19px;

		font-size: 14px;

		color: #a2752b;

	}

	.six_features div p.six_features_link a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent:-9999px;

		background/*\**/: #fff\9; /*IE7、8用ハック*/

		opacity: 0;

		moz-opacity: 0; 

		filter:alpha(opacity=0); /*フィルターで透明に*/

	}

	.six_features div p.six_features_link:hover {

		text-decoration: underline;

		color: #4c7aff;

	}



.top_function {

	margin-top: 30px;

}

		.top_function h2 {

			clear: both;

			padding-left: 15px;

			border-left: 10px solid #98610f;

		}

		.top_function ul {

			margin: 10px 0 16px 20px;

		}

		.top_function li {

			float: left;

			margin-right: 20px;

		}

		.top_function ul.other li {

			margin-right: 15px;

		}

		.top_function li .tunner {

			border: 1px solid #d1ae2f;

			font-weight: bold;

			font-size: 18px;

			line-height: 1.7;

			width: 340px;

			padding-bottom: 12px;

		}

		.top_function li .tunner li {

			height: 43px;

		}

		.top_function li .tunner li.digi {

			padding: 13px 0 0 53px;

			background: url(../images/icon_top_01.png) left top no-repeat;

		}

		.top_function li .tunner li.bsdigi {

			padding: 13px 0 0 53px;

			background: url(../images/icon_top_02.png) left top no-repeat;

		}

		.top_function li .tunner li.csdigi {

			padding: 13px 0 0 53px;

			background: url(../images/icon_top_03.png) left top no-repeat;

		}

		





/* ==================================================

 *

 * timeshift

 *

 * ================================================== */



/* .section_timeshit

------------------------------------------------- */

.section_timeshift {

	border: 1px solid #ebebeb;

	padding-bottom: 32px;

}

.section_timeshift_01 {

	margin: 0 20px;	

}

	.section_timeshift_01 h2 {

		margin-top: 36px;

		text-align: center;

		font-size: 24px;

		line-height: 1.2;

	}

	.section_timeshift_01 p.fir_txt {

		margin: 35px 0 0 215px;

	}

	.section_timeshift_01 p {

	}

 	.section_timeshift_01 p.img {

		margin-top: 18px;

		text-align: center;

	}

 	.section_timeshift_01 p.txt {

		margin: 20px 72px 0 72px;

	}

	.section_timeshift_01 p.under {

		line-height: 1.8;

	}

	.section_timeshift_01 p.under span {

		border-bottom: dotted 1px #000000;

	}

 	.section_timeshift_01 div {

		margin: 31px 0;

	}

 	.section_timeshift_01 .left_rec {

		margin: 0;

		float: left;

		width: 460px;

	}

 	.section_timeshift_01 .right_rec {

		margin: 0;

		float: right;

		width: 240px;

	}

 	.section_timeshift_01 .left_rec,

 	.section_timeshift_01 .right_rec {

		background: #dbc96e;

		-webkit-border-radius: 5px;

		-moz-border-radius: 5px;

		border-radius: 5px;

	}

 	.section_timeshift_01 .left_rec h3,

 	.section_timeshift_01 .right_rec h3 {

		margin: 0 auto;

		padding-top: 10px;

		font-size: 14px;

		font-weight: normal;

		text-align: center;

	}

 	.section_timeshift_01 .left_rec .rec_body,

 	.section_timeshift_01 .right_rec .rec_body {

		margin: 10px 1px 1px 1px;

		background: #ffffff;

		-webkit-border-radius: 0 0 5px 5px;

		-moz-border-radius: 0 0 5px 5px;

		border-radius: 0 0 5px 5px;

	}

 	.section_timeshift_01 .left_rec .rec_body ul,

 	.section_timeshift_01 .right_rec .rec_body ul {

		padding: 15px 0 0 13px;

	}

 	.section_timeshift_01 .left_rec .rec_body ul li,

 	.section_timeshift_01 .right_rec .rec_body ul li {

		float: left;

		width: 68px;

		margin-right: 5px;

	}

 	.section_timeshift_01 .left_rec .rec_body ul li.last,

 	.section_timeshift_01 .right_rec .rec_body ul li.last {

		margin-right: 0;

	}

 	.section_timeshift_01 .left_rec .rec_body ul li p.digi,

 	.section_timeshift_01 .right_rec .rec_body ul li p.digi {

		margin-bottom: 2px;

		padding: 4px 0 6px 0;

		width: 100%;

		font-size: 13px;

		background: #c7f4ff;

		text-align: center;

		line-height: 1;

	}

 	.section_timeshift_01 .left_rec .rec_body ul li p.digi_chan,

 	.section_timeshift_01 .right_rec .rec_body ul li p.digi_chan {

		padding: 12px 0 13px 0;

		width: 66px;

		font-size: 13px;

		border: #c7f4ff 1px solid;

		text-align: center;

		line-height: 1;

	}

 	.section_timeshift_01 .left_rec .rec_body p.txt,

 	.section_timeshift_01 .right_rec .rec_body p.txt {

		margin: 12px 15px 28px 15px;

	}



.section_timeshift_02 {

	width: 743px;

	min-height: 95px;

	background: url(../images/img_timeshift_01_03.jpg) left top no-repeat;

	padding-top: 48px;

}

 	.section_timeshift_02 .point {

		margin: 0 20px;

	}

 	.section_timeshift_02 .point .left {

		float: left;

		width: 100px;

		margin-right: 1px;

		background: #980000;

		height: 100px;

	}

 	.section_timeshift_02 .point .left p {

		margin: 22px 0 0 6px;

		color: #ffffff;

	}

 	.section_timeshift_02 .point .right {

		float: left;

		width: 600px;

		background: #f3e3e3;		

		height: 100px;

	}

 	.section_timeshift_02 .point .right p {

		margin: 30px 0 0 38px;

	}



.section_timeshift_03 {

	width: 743px;

	min-height: 95px;

	background: url(../images/img_timeshift_01_03.jpg) left top no-repeat;

	padding-top: 48px;

}

 	.section_timeshift_03 .point {

		margin: 0 20px;

	}

 	.section_timeshift_03 .point .left {

		float: left;

		width: 100px;

		margin-right: 1px;

		background: #980000;

		height: 100px;

	}

 	.section_timeshift_03 .point .left p {

		margin: 30px 0 0 15px;

		color: #ffffff;

	}

 	.section_timeshift_03 .point .right {

		float: left;

		width: 600px;

		background: #f3e3e3;		

		height: 100px;

	}

 	.section_timeshift_03 .point .right p {

		margin: 28px 0 0 18px;

	}

 	.section_timeshift_03 p.img {

		margin: 55px 0 30px 0;

		text-align: center;

	}



.section_timeshift_04 {

	width: 743px;

	min-height: 95px;

	background: url(../images/img_timeshift_01_03.jpg) left top no-repeat;

	padding-top: 48px;

}

 	.section_timeshift_04 .point {

		margin: 0 20px;

	}

 	.section_timeshift_04 .point .left {

		float: left;

		width: 100px;

		margin-right: 1px;

		background: #980000;

		height: 100px;

	}

 	.section_timeshift_04 .point .left p {

		margin: 40px 0 0 15px;

		color: #ffffff;

	}

 	.section_timeshift_04 .point .right {

		float: left;

		width: 600px;

		background: #f3e3e3;		

		height: 100px;

		position: relative;

		zoom: 1;

	}

 	.section_timeshift_04 .point .right p {

		margin: 20px 0 0 16px;

	}

 	.section_timeshift_04 .point .right p.img {

		position: absolute;

		top: -10px;

		right: 13px;

	}

 	.section_timeshift_04 .img_area {

		margin: 23px auto 19px auto;

		width: 704px;

		position: relative;

		zoom: 1;

	}

 	.section_timeshift_04 .img_area p.left {

		position: absolute;

		top: 70px;

		left: 20px;

		text-align: center;

	}

 	.section_timeshift_04 .img_area p.right {

		position: absolute;

		top: 65px;

		right: 20px;

		text-align: center;

	}

	

.section_timeshift_note {

	padding: 20px;

}

	.section_timeshift_note p.sto {

		font-weight: bold;

	}



.induction {

	margin: 24px 1px 10px 1px;

}

	.induction li {

		float: left;

		width: 247px;

		border-right: dotted 1px #c6c6c6;

		border-left: dotted 1px #c6c6c6;

	}

	.induction li.left {

		border-left: none;

	}

	.induction li.center {

		border-right: none;

		border-left: none;

	}

	.induction li.right {

		border-right: none;

	}

	.induction li.left div {

		margin-left: 40px;

	}

	.induction li.center div {

		margin-left: 22px;

	}

	.induction li.right div {

		margin-left: 34px;

	}

	.induction p.title {

		margin: 8px 0 9px 0;

		color: #3097dc;

		font-weight: bold;

	}

	.induction p.txt {

		margin: 0 0 24px 0;

		font-size: 14px;

	}



.section_timeshift_05 {

	padding: 30px 0 23px 0;

	border: 1px solid #ebebeb;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

	.section_timeshift_05a {

		margin: 0 29px;

		background: url(../images/img_timeshift_01_13.jpg) left top no-repeat;

		height: 255px;

		position: relative;

		zoom: 1;

	}

	.section_timeshift_05a p {

		position: absolute;

		top: 85px;

		left: 0;

	}

	.section_timeshift_05b {

		margin: 0 29px;

		background: url(../images/img_timeshift_01_14.jpg) -10px top no-repeat;

		height: 211px;

		position: relative;

		zoom: 1;

	}

	.section_timeshift_05b p {

		position: absolute;

		top: 83px;

		right: 0;

	}

	.section_timeshift_05c {

		margin: 0 29px;

		background: url(../images/img_timeshift_01_15.jpg) left top no-repeat;

		height: 222px;

		position: relative;

		zoom: 1;

	}

	.section_timeshift_05c p {

		position: absolute;

		top: 85px;

		left: 0;

	}



.section_timeshift_06 {

	margin: 28px 0 15px 0;

}

	.section_timeshift_06 h2 {

		margin: 0;

		padding: 0;

		border: none;

		background: url(../images/img_timeshift_01_18.jpg) left top no-repeat;

		height: 249px;

		text-indent: -9999px;

	}

	.section_timeshift_06 .timeshift_06_body {

		border: 1px solid #cfcfcf;

		border-top: none;

		padding: 0 20px 34px 19px;

		-webkit-border-radius: 0 0 5px 5px;

		-moz-border-radius: 0 0 5px 5px;

		border-radius: 0 0 5px 5px;

	}

	.section_timeshift_06 .timeshift_06_body .conte {

		background: url(../images/img_timeshift_01_19.jpg) left top no-repeat;

		height: 192px;

		position: relative;

		zoom: 1;

	}

	.section_timeshift_06 .timeshift_06_body .conte h3 {

		position: absolute;

		top: 43px;

		left: 131px;

		color: #535353;

		font-size: 16px;

		font-weight: bold;

	}

	.section_timeshift_06 .timeshift_06_body .conte ul {

		padding: 82px 0 0 8px;

	}

	.section_timeshift_06 .timeshift_06_body .conte ul li {

		margin: 0 0 10px 15px;

		float: left;

		width: 208px;

		background: #ffffff;

		border: 1px solid #f19149;

		-webkit-border-radius: 5px;

		-moz-border-radius: 5px;

		border-radius: 5px;

	}

	.section_timeshift_06 .timeshift_06_body .conte ul li p {

		padding: 9px 0 8px 0;

		text-align: center;

		color: #f19149;

	}

.section_timeshift_07 {

	margin: 35px 0 0 0;

	border: 1px solid #cfcfcf;

	padding: 31px 29px 46px 29px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

	.section_timeshift_07 h2 {

		margin: 0;

		padding: 0;

		font-size: 16px;

		font-weight: bold;

		color: #535353;

	}

	.section_timeshift_07 .cont01 {

		background: url(../images/img_timeshift_01_20.png) left top no-repeat;

		height: 252px;

		position: relative;

		zoom: 1;

	}

	.section_timeshift_07 .cont01 p.left {

		font-size: 16px;

		font-weight: bold;

		position: absolute;

		top: 111px;

		left: 83px;

	}

	.section_timeshift_07 .cont01 p.right {

		font-size: 16px;

		font-weight: bold;

		position: absolute;

		top: 121px;

		left: 375px;

	}

	.section_timeshift_07 .cont01 p.indication {

		font-size: 14px;

		font-weight: bold;

		position: absolute;

		bottom: 8px;

		left: 12px;

	}

	.section_timeshift_07 .cont02 {

		background: url(../images/img_timeshift_01_21.jpg) left top no-repeat;

		height: 231px;

		position: relative;

		zoom: 1;

	}

	.section_timeshift_07 .cont02 p.txt1 {

		font-size: 40px;

		font-weight: bold;

		position: absolute;

		top: 32px;

		left: 195px;

		color: #cc5750;

	}

	.section_timeshift_07 .cont02 p.txt1 span {

		font-size: 32px;

	}

	.section_timeshift_07 .cont02 p.txt2 {

		font-size: 14px;

		position: absolute;

		top: 80px;

		left: 260px;

	}

	.section_timeshift_07 .cont02 p.txt3 {

		font-size: 15px;

		font-weight: bold;

		position: absolute;

		top: 131px;

		left: 216px;

	}

	.section_timeshift_07 .cont02 p.txt4 {

		font-size: 16px;

		font-weight: bold;

		position: absolute;

		top: 171px;

		left: 71px;

	}

	.section_timeshift_07 .cont02 p.txt5 {

		font-size: 16px;

		font-weight: bold;

		position: absolute;

		top: 170px;

		left: 363px;

	}

	.section_timeshift_07 .cont02 p.txt4 span,

	.section_timeshift_07 .cont02 p.txt5 span {

		color: #cc5750;

	}

	.section_timeshift_07 .cont03 {

		background: url(../images/img_timeshift_01_22.jpg) left top no-repeat;

		height: 298px;

		position: relative;

		zoom: 1;

	}

	.section_timeshift_07 .cont03 p {

		font-size: 14px;

		font-weight: bold;

		position: absolute;

	}

	.section_timeshift_07 .cont03 p.txt1 {

		top: 10px;

		left: 17px;

	}

	.section_timeshift_07 .cont03 p.txt2 {

		top: 69px;

		left: 0;

		color: #e46c0a;

	}

	.section_timeshift_07 .cont03 p.txt3 {

		top: 114px;

		left: 9px;

		color: #ffffff;

	}

	.section_timeshift_07 .cont03 p.txt4 {

		top: 154px;

		left: 9px;

		color: #ffffff;

	}

	.section_timeshift_07 .cont03 p.txt5 {

		top: 194px;

		left: 9px;

		color: #ffffff;

	}

	.section_timeshift_07 .cont03 p.txt6 {

		top: 234px;

		left: 9px;

		color: #ffffff;

	}

	.section_timeshift_07 .cont03 p.txt7 {

		top: 274px;

		left: 9px;

		color: #ffffff;

	}

	.section_timeshift_07 .cont03 p.txt8 {

		top: 69px;

		right: 0;

		color: #868686;

	}

	.section_timeshift_07 .cont03 p.txt9 {

		top: 114px;

		right: 7px;

		color: #ffffff;

	}

	.section_timeshift_07 .cont03 p.txt10 {

		top: 154px;

		right: 7px;

		color: #ffffff;

	}

	.section_timeshift_07 .cont03 p.txt11 {

		top: 194px;

		right: 7px;

		color: #ffffff;

	}

	.section_timeshift_07 .cont03 p.txt12 {

		top: 234px;

		right: 7px;

		color: #ffffff;

	}

	.section_timeshift_07 .cont03 p.txt13 {

		top: 274px;

		right: 7px;

		color: #ffffff;

	}



.section_timeshift_08 {

	margin-top: 25px;

	border: 1px solid #cfcfcf;

	padding: 29px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

	.section_timeshift_08 h4 {

		margin-bottom: 27px;

	}

	.section_timeshift_08 li {

		float: left;

		width: 211px;

		margin-right: 26px;

	}

	.section_timeshift_08 li.last {

		margin-right: 0;

	}

	.section_timeshift_08 li h4 {

		font-size: 14px;

		color: #1297a1;

		margin-bottom: 13px;

	}



.table_time_01 {

	margin-top: 15px;

	border-right: 1px solid #cfcfcf;

	border-bottom: 1px solid #cfcfcf;

}

	.table_time_01 th {

		padding: 10px 0;

		text-align: center;

		font: bold 15px;

		background: #a8a8a8; 

		border-top: 1px solid #cfcfcf;

		border-left: 1px solid #cfcfcf;

		color: #ffffff;

	}

	.table_time_01 td {

		padding: 20px 19px 16px 19px;

		border-left: 1px solid #cfcfcf;

		font-size: 14px;

	}

.table_time_02 {

	margin-top: 15px;

	border-right: 1px solid #cfcfcf;

	border-bottom: 1px solid #cfcfcf;

}

	.table_time_02 th {

		padding: 10px 0;

		text-align: center;

		font: bold 15px;

		background: #a8a8a8; 

		border-top: 1px solid #cfcfcf;

		border-left: 1px solid #cfcfcf;

		color: #ffffff;

	}

	.table_time_02 td {

		padding: 15px 0 12px 0;

		text-align: center;

		border-left: 1px solid #cfcfcf;

		border-bottom: 1px dashed #cfcfcf;

		font-size: 14px;

	}

	.table_time_02 td.last {

		border-bottom: none;

	}



.section_timeshift_02_01 {

	margin-top: 25px;

	border: 1px solid #cfcfcf;

	padding: 41px 29px 54px 29px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

	.section_timeshift_02_01 .remo_zam {

		border-top: 1px solid #cfcfcf;

		padding-top: 20px;

	}

	.section_timeshift_02_01 .remo_zam h4 {

		font-size: 15px;

		font-weight: bold;

		color: #1297a1;

	}

	.section_timeshift_02_01 .remo_zam .img_02_01 {

		margin-top: 10px;

		position: relative;

		zoom: 1;

		height: 386px;

	}

	.section_timeshift_02_01 .remo_zam .img_02_01 .zam_01 {

		position: absolute;

		top: 9px;

		left: 11px;

	}

	.section_timeshift_02_01 .remo_zam .img_02_01 .zam_02 {

		position: absolute;

		top: 0;

		left: 95px;

	}

	.section_timeshift_02_01 .remo_zam .img_02_01 .zam_03 {

		position: absolute;

		bottom: 9px;

		left: 34px;

	}

	.section_timeshift_02_01 .remo_zam .img_02_01 .zam_04 {

		position: absolute;

		bottom: 0;

		right: 22px;

	}

	

.section_timeshift_02_02 {

	margin-top: 25px;

	border: 1px solid #cfcfcf;

	padding: 41px 29px 54px 29px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	position: relative;

	zoom: 1;

	height: 317px;

}

	.section_timeshift_02_02 h4 {

		font-size: 15px;

		font-weight: bold;

		color: #1297a1;

	}

	.section_timeshift_02_02 p.img {

		position: absolute;

		top: 100px;

		left: 40px;

	}

	

.section_timeshift_02_03 {

	margin-bottom: 10px;

}

	.section_timeshift_02_03 h2 {

		margin: 0;

		padding: 0;

		padding-left: 15px;

		border-left: 10px solid #98610f;

		font-size: 18px;

		font-weight: bold;

		line-height: 1.7;

	}

	.section_timeshift_02_03 h3 {

		margin: 0;

		padding: 0;

		margin-bottom: 25px;

		padding-left: 15px;

		border-left: 10px solid #c59d3d;

		font-size: 16px;

		font-weight: bold;

		color: #1297a1;

		line-height: 1.8;

	}

	.section_timeshift_02_03 dl dt {

		float: left;

		width: 100px;

		margin-right: 5px

	}

	.section_timeshift_02_03 dl dd {

		float: left;

		width: 255px;

	}

	.section_timeshift_02_03 .left_program {

		float: left;

		width: 360px;

	}

	.section_timeshift_02_03 .right_program {

		float: right;

		width: 360px;

	}

	

.section_timeshift_02_04 {

	margin-top: 25px;

	border: 1px solid #cfcfcf;

	padding: 31px 29px 41px 29px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

	.section_timeshift_02_04 h4 {

		font-size: 15px;

		font-weight: bold;

		color: #1297a1;

	}

	.section_timeshift_02_04 .smart_app {

		margin-top: 25px;

		border-top: 1px solid #cfcfcf;

		padding-top: 20px;

	}

	.section_timeshift_02_04 .smart_app h5 {

		font-weight: bold;

		font-size: 14px;

	}

	

.section_timeshift_02_05 {

	margin-top: 25px;

	border: 1px solid #cfcfcf;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	position: relative;

	zoom: 1;

	height: 773px;

}

	.section_timeshift_02_05 p.scenejump_01 {

		position: absolute;

		top: 30px;

		left: 30px;

	}

	.section_timeshift_02_05 p.scenejump_02 {

		position: absolute;

		top: 44px;

		left: 230px;

	}

	.section_timeshift_02_05 p.scenejump_03 {

		position: absolute;

		top: 31px;

		right: 27px;

	}

	.section_timeshift_02_05 p.scenejump_04 {

		position: absolute;

		top: 303px;

		left: 30px;

	}

	.section_timeshift_02_05 p.scenejump_05 {

		position: absolute;

		top: 323px;

		left: 235px;

	}

	.section_timeshift_02_05 p.scenejump_06 {

		position: absolute;

		bottom: 32px;

		left: 30px;

	}



.section_timeshift_03_01 {

	margin-top: 25px;

	border: 1px solid #cfcfcf;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	position: relative;

	zoom: 1;

	height: 590px;

}

	.section_timeshift_03_01 p.time_01 {

		position: absolute;

		top: 28px;

		left: 29px;

	}

	.section_timeshift_03_01 p.time_02 {

		position: absolute;

		top: 124px;

		left: 78px;

		font-size: 15px;

		font-weight: bold;

		color: #ffffff;

		line-height: 1.15;

		z-index: 99;

	}

	.section_timeshift_03_01 p.time_03 {

		position: absolute;

		top: 133px;

		left: 391px;

		font-size: 15px;

		font-weight: bold;

		color: #ffffff;

		line-height: 1.15;

		z-index: 99;

	}

	.section_timeshift_03_01 p.time_04 {

		position: absolute;

		top: 197px;

		left: 36px;

	}

	.section_timeshift_03_01 p.time_05 {

		position: absolute;

		top: 256px;

		left: 359px;

	}

	.section_timeshift_03_01 p.time_06 {

		position: absolute;

		top: 208px;

		left: 434px;

	}

	.section_timeshift_03_01 p.time_07 {

		position: absolute;

		top: 376px;

		left: 34px;

	}

	.section_timeshift_03_01 p.time_08 {

		position: absolute;

		top: 376px;

		left: 380px;

	}

	

.section_timeshift_03_02 {

	margin-top: 35px;

	padding: 30px 29px 44px 25px;

	border: 1px solid #cfcfcf;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

	.section_timeshift_03_02 h4 {

		font-size: 15px;

		font-weight: bold;

		color: #1297a1;

	}

	.section_timeshift_03_02 ul.time_type {

		margin: 30px auto 0 auto;

		width: 631px;

	}

	.section_timeshift_03_02 ul.time_type li {

		width: 300px;

	}

	.section_timeshift_03_02 ul.time_type li.smart {

		float: left;

	}

	.section_timeshift_03_02 ul.time_type li.past {

		float: right;

	}

	.section_timeshift_03_02 ul.btn_lineup {

		margin: 27px 0 0 5px;

	}

	.section_timeshift_03_02 ul.btn_lineup li {

		float: left;

		margin-right: 12px;

	}

	.section_timeshift_03_02 ul.btn_lineup li.last {

		margin-right: 0;

	}







/* ==================================================

 *

 * anytime

 *

 * ================================================== */



/* .section_anytime

------------------------------------------------- */

.section_anytime {

	margin-top: 20px;

}

.section_anytime_body {

	margin: 22px 20px 0 20px;

	padding-bottom: 23px;

}



.section_anytime_02 {

	margin-top: 11px;

}

	.section_anytime_02 .left {

		clear: both;

		margin: 7px 0 18px 0;

		padding: 24px 16px 36px 16px;

		background-color: #fffdf1;

		float: left;

		margin-right: 25px;

		width: 328px;

	}

	.section_anytime_02 .right {

		margin: 7px 0 18px 0;

		padding: 24px 16px 36px 16px;

		background-color: #fffdf1;

		float: left;

		width: 328px;

	}

	.section_anytime_02 .left h3,

	.section_anytime_02 .right h3 {

		margin-bottom: 13px;

		font-size: 15px;

	}

	.section_anytime_02 .left dl dt,

	.section_anytime_02 .right dl dt {

		width: 160px;

		float: left;

	}

	.section_anytime_02 .left dl dd,

	.section_anytime_02 .right dl dd {

		width: 168px;

		float: left;

	}



.section_anytime_03 {

	margin-top: 20px;

	border: 1px solid #ebebeb;

}

.section_anytime_body_03 {

	margin:22px 20px 0 20px;

	padding-bottom: 23px;

}

	.section_anytime_body_03 div {

		margin-top: 27px;

	}

		.section_anytime_body_03 div img.left {

			float: left;

			margin-bottom: 8px;

		}

		.section_anytime_body_03 div img.right {

			float: right;

			margin-bottom: 8px;

		}



.table_any_01 {

	width: 100%;

	border-top: 1px solid #dbdbdb;

	border-right: 1px solid #dbdbdb;

}

	.table_any_01 th {

		padding: 15px 0 14px 0;

		font-weight: bold;

		text-align: center;

		border-bottom: 1px solid #ffffff;

		border-left: 1px solid #dbdbdb;

		background: #dbdbdb;

	}

	.table_any_01 th.last {

		text-align: left;

		padding-left: 12px;

		border-bottom: 1px solid #dbdbdb;

	}

	.table_any_01 td {

		font-size: 12px;

		border-bottom: 1px solid #dbdbdb;

		border-left: 1px solid #dbdbdb;

		text-align: center;

	}

	.table_any_01 td.col1 {

		padding: 18px 0 12px 0;

	}

	.table_any_01 td.col2 {

		padding: 15px 0 18px 0;

	}



.anytime_view {

	background: url(../images/img_anytime_01_07.png) left top no-repeat;

	width: 745px;

	height: 317px;

	position: relative;

	zoom: 1;

}

	.anytime_view p {

		font-size: 14px;

		color: #ffffff;

	}

	.anytime_view p.txt_01 {

		position: absolute;

		top: 11px;

		left: 103px;

	}

	.anytime_view p.txt_02 {

		position: absolute;

		top: 100px;

		left: 557px;

	}



.anytime_need {

	background: url(../images/img_anytime_01_08.png) left top no-repeat;

	width: 745px;

	height: 502px;

	position: relative;

	zoom: 1;

}

	.anytime_need p.btn_01 {

		position: absolute;

		top: 170px;

		right: 75px;

	}

	.anytime_need p.btn_02 {

		position: absolute;

		top: 206px;

		right: 75px;

	}

	.anytime_need p.btn_03 {

		position: absolute;

		top: 450px;

		right: 70px;

	}

	

/*

.anytime_dubbing {

	background: url(../images/img_anytime_01_09.jpg) left top no-repeat;

	width: 745px;

	height: 497px;

	position: relative;

	zoom: 1;

}

	.anytime_dubbing p.btn_01 {

		position: absolute;

		top: 162px;

		right: 95px;

	}

	.anytime_dubbing p.btn_02 {

		position: absolute;

		top: 197px;

		right: 95px;

	}

	.anytime_dubbing p.btn_03 {

		position: absolute;

		top: 446px;

		right: 90px;

	}

*/



/* ==================================================

 *

 * btn

 *

 * ================================================== */

.btn_link {

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	background-color: #1c8bd6;

	position: relative;

	zoom: 1;

}

.btn_link p {

	padding: 13px 0 14px 43px;

	background: url(../../images/icon/bg_arrow_right_off.gif) 17px 17px no-repeat;

	color: #ffffff;

	zoom: 1;

	font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;

}

.btn_link p a {

	display: block;

	position: absolute;

	left: 1px;

	top: 2px;

	width: 100%;

	height: 100%;

	text-indent: -9999px;

	background/*\**/: #fff\9; /*IE7、8用ハック*/

	opacity: 0;

	moz-opacity: 0;

	filter: alpha(opacity=0); /*フィルターで透明に*/

}

.btn_link p:link,

.btn_link p:active,

.btn_link p:visited {

	text-decoration: none;

	color: #fff;

}

.btn_link p:hover {

	text-decoration: underline;

	color: #fff;

}

.btn_link_ar {

	float: right;

}

.w180 {

	width: 180px;

	margin: 0 auto;

}

.w220 {

	width: 220px;

}

.w230 {

	width: 230px;

}

.w290 {

	width: 290px;

	margin: 0 auto;

}





.f12 {

	font-size: 12px;

}

.f13 {

	font-size: 13px;

}

.f14 {

	font-size: 14px;

}

.f15 {

	font-size: 15px;

}

.f16 {

	font-size: 16px;

}

.f17 {

	font-size: 17px;

}

.f18 {

	font-size: 18px;

}

.f26 {

	font-size: 26px;

}

.f28 {

	font-size: 28px;

}

.fon_col {

	color: #535353;

}



sup {

	font-size: 80%;

	vertical-align: baseline;

	position: relative;

	top: -0.8ex;

	left: 0.4ex;

	padding-right: 0.8ex;

}



.mr4 { margin-right: 4px !important; }

.ml4 { margin-left: 4px !important; }

.mr30 { margin-right: 30px !important; }

.ml30 { margin-left: 30px !important; }

.mr40 { margin-right: 40px !important; }

.ml40 { margin-left: 40px !important; }



.pr30 { padding-right: 30px !important; }

.pl30 { padding-left: 30px !important; }





/* Back to Top

-------------------------------------------------- */

#series .backtotop {

	clear: both;

	margin: 10px 10px 30px 0;

	min-height: 25px;

	font-size: 12px;

}

#series .backtotop a {

	float: right;

	padding: 5px 29px 5px 0;

	background: url(../images/icon_arrow_01.png) right top transparent no-repeat;

	zoom: 1;

	line-height: 1.3;

	color: #898989;

}





.section_timeshift_03_02 ul.btn_lineup .layout2 p.btn_blue {

  margin: 10px 0 0;

  text-align: right;

}

.section_timeshift_03_02 ul.btn_lineup .layout2 p.btn_blue a {

  padding: 10px 5px 10px 35px;

  display: inline-block;

  position: relative;

  background-color: #1c8bd6;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  font-size: 13px;

  line-height: 125%;

  color: #fff !important;

  text-decoration: none !important;

  text-align: left;

  letter-spacing: 0.8px;

  -moz-transition: background-color 0.15s;

  -o-transition: background-color 0.15s;

  -webkit-transition: background-color 0.15s;

  transition: background-color 0.15s;

}

.section_timeshift_03_02 ul.btn_lineup .layout2 p.btn_bluea a:before {

  content: "";

  position: absolute;

  left: 22px;

  top: 50%;

  margin-top: -2.5px;

  width: 8px;

  height: 5px;

  background: url('../images/icon_arrow_03.png') 0 0 no-repeat;

}

.section_timeshift_03_02 ul.btn_lineup .layout2 p.btn_blue a:hover {

  background-color: #3fa3e6;

}