@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 {

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

	width: 745px;

	min-height: 455px;

	position: relative;

	zoom: 1;

}

#head_img .sale {

  position: absolute;

  top: 143px;

  left: 55px;

  line-height: 1;

  font-size: 16px;

  font-weight: bold;

}

#head_img .sale::before {

  content: "NEW";

  padding: 4px 5px;

  position: absolute;

  top: -2px;

  left: -45px;

  background-color: #c00c0c;

  border-radius: 4px;

  color: #ffffff;

  font-size: 10px;

}

#head_img .note {

	position: absolute;

	top: 390px;

	left: 20px;

	width: 705px;

}

.bnr {

	padding-bottom: 25px;

}



.leaf_head {

	background: #8fc31f;

	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;

}





/* #popup

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



#p1010smovie{

background:#3b3b3a;

padding:5px;

width:768px;

display: none;

}



#lean_overlay{

	position: fixed; z-index:100; 

	top: 0px;

	left: 0px;

	height: 100%;

	width: 100%;

	background: #000000;

	display: none;

}



/*.modal_info{

	text-align: right;

	padding: 0px 0px 5px 0px;

}*/



.modal_close{

	float: right;

	margin: 0px 0px 5px 5px;

}



.modal_info img{

	cursor: pointer;

}







/* .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 #7ca621;

		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 h2.ope {

		font-size: 25px;

	}

	.section_02 h3 {

		margin-bottom: 18px;

		font-size: 20px;

		font-weight: bold;

		color: #447e04;

	}

	

.article_a {

	margin-top: 25px;

}

	.article_a dl dt {

		float: left;

		width: 360px;

		margin-right: 24px;

	}

	.article_a dl dt img {

		text-align: center;

	}

	.article_a dl dt span {

		text-align: left;

	}

	.article_a dl dd {

		float: left;

		width: 360px;

	}



.article_b {

	margin: 25px 20px 0;

}

  .article_b .img {

    border: 1px solid #c9c9c9;

    border-radius: 5px;

    padding: 7px 0 19px;

    text-align: center;

  }

  .article_b .txt {

    margin: 20px 0 0;

  }

  

  

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

 *

 * top

 *

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



/* #wapper

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

.five_features {

	margin-top: 28px;

}



	.five_features table {

		border-top: 1px solid #ededed;

		border-right: 1px solid #ededed;

	}

	.five_features table td {

		border-bottom: 1px solid #ededed;

		border-left: 1px solid #ededed;

	}

	.five_features .first {

		position: relative;

		zoom: 1;

	}

	.five_features .first h2 {

		margin: 19px 0 0 20px;

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

		font-size: 20px;

		font-weight: bold;

		color: #535353;

	}

	.five_features .first h3 {

		margin-left: 20px;

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

		font-size: 18px;

		font-weight: bold;

		color: #1297a1;

	}

	.five_features .first 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); /*フィルターで透明に*/

	}

	.five_features .first .pic {

		margin: 22px 0 10px 0;

		text-align: center;

	}



.top_function {

	margin-top: 30px;

}

		.top_function h2 {

			clear: both;

			padding-left: 15px;

			border-left: 10px solid #7ca621;

		}

		.top_function ul {

			margin: 10px 0 16px 20px;

		}

		.top_function li {

			float: left;

			margin-right: 28px;

		}

		.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;

		}

		





.table_spec {

	width: 100%;

	border-top: 1px solid #bfbfbf;

	border-left: 1px solid #bfbfbf;

}

	.table_spec th {

		padding: 15px 0 14px 11px;

		border-right: 1px solid #bfbfbf;

		border-bottom: 1px solid #bfbfbf;

		font-size: 14px;

		vertical-align: middle;

	}

		.table_spec th span {

			font-size: 12px;

			color: #898989;

		}

	.table_spec td {

		padding: 15px 0 14px 0;

		font-size: 12px;

		border-right: 1px solid #bfbfbf;

		border-bottom: 1px solid #bfbfbf;

		text-align: center;

		vertical-align: middle;

	}

		.table_spec td.al {

			text-align: left;

		}

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

 *

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

}



 

 /* .precautions

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

.precautions {

	margin-bottom: 23px;

	padding: 30px;

	background-color: #f2f2f2;

}

	.precautions h3 {

		margin-bottom: 10px;

		font-size: 16px;

		font-weight: bold;

		color: #535353;

	}



/* #popup

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



#p710smovie{

background:#3b3b3a;

padding:5px;

width:640px;

display: none;

}



#lean_overlay{

	position: fixed; z-index:100; 

	top: 0px;

	left: 0px;

	height: 100%;

	width: 100%;

	background: #000000;

	display: none;

}



/*.modal_info{

	text-align: right;

	padding: 0px 0px 5px 0px;

}*/



.modal_close{

	float: right;

	margin: 0px 0px 5px 5px;

}



.modal_info img{

	cursor: pointer;

}