@charset "UTF-8";
/*
 * layout_pc.css
 *
 *  version --- 1.0
 *  updated --- 
 */

/* !Layout
---------------------------------------------------------- */

html {
	overflow-y: scroll;
	font-size:100%; 
}
body {
	text-align: center;
}
@media print {
html,  html body {
*zoom: 0.65;
}
}

/* !wrapper
---------------------------------------------------------- */

#wrapper {
	width: 100%;
	text-align: center;
}

/* !header
---------------------------------------------------------- */

#header {
}

/* !contents
---------------------------------------------------------- */

#contents {
	margin: 0 auto;
	width: 1020px;
	text-align: left;
	padding:19px 0 0 0;
}
#main {
	float: left;
	width: 700px;
}
#sub {
	float: right;
	width: 310px;
	margin-top: -10px;
}
#sub > div {
	background: #fff;
}

/* !heading
---------------------------------------------------------- */
.title{
	background:url(../../img/title.png) no-repeat left center;
	width:278px;
	height:45px;
	margin:20px 0 40px;
}

/* !select_tab
---------------------------------------------------------- */

.select_tab{
}
.date{
	background:url(../../img/tab_date_h.png) no-repeat;
	float:left;
	width:345px;
	height:87px;
}
.date a{
	background:url(../../img/tab_date.png) no-repeat;
	float:left;
	width:345px;
	height:87px;
}
.date a:hover{
	background:none;
	float:left;
	width:345px;
	height:87px;
}
.date_active{
	background:url(../../img/tab_date_active.png) no-repeat;
	float:left;
	width:345px;
	height:87px;
}
.howto{
	background:url(../../img/tab_howto_h.png) no-repeat;
	float:right;
	width:345px;
	height:87px;
}
.howto a{
	background:url(../../img/tab_howto.png) no-repeat;
	float:right;
	width:345px;
	height:87px;
}
.howto a:hover{
	background:none;
	float:right;
	width:345px;
	height:87px;
}
.howto_active{
	background:url(../../img/tab_howto_active.png) no-repeat;
	float:right;
	width:345px;
	height:87px;
}

.select_tab li a{
	display:block;
	width:345px;
	height:87px;
}

/* !section00 結線
---------------------------------------------------------- */

.wrap_section00{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 700px;
	margin-bottom: 30px;
	padding:30px;
	background-color:#fbf9f8;
}

.section00{
	width: 100%;
}

.section00 p.ttlNet{
	font-size:1.2em;
	text-align: left;
	font-weight: bold;
        margin-bottom: 1em;
}

.section00 p.txtNet{
        margin-bottom: 1em;
}

.section00 p.txtNet span{
	font-size:0.8em;
}

.section00 p.imgNet{
	text-align: center;
}

.section00 p img{
	width:100%;
}

/* !Section01
---------------------------------------------------------- */

.sectionContents{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 700px;
	padding:70px 30px 20px;
	background-color:#fbf9f8;
}
.section01,.section03,.section04,.section05,.section06 {
	background-color:#fbf9f8;
}

.title_check{
	background:url(../../img/title_check.png) no-repeat left center;
	width:313px;
	height:36px;
	margin:0 auto 30px;
}
.main_image{
	text-align:center;
	margin-bottom:55px;

}
.subheading{
	text-align:center;
	margin-bottom:40px;
}
.type{
	width:100%;
	margin-bottom:10px;
}
.tow_types{
	float:left;
	width:46%;
	padding:2%;
}
.title_type{
	background-color:#205071;
	color:#FFF;
	font-size:1.2em;
	line-height:1.5;
	padding:3px;
	text-align:center;
}
.text_type{
	padding-top:10px;
}
.main_link{
	float:left;
	width:46%;
	padding:2%;
}
.main_link a{
	width:185px;
	display:block;
	margin:0 auto;
}
.main_link img{
	display:block;
	margin:0 auto;
}
.main_link a:hover{
	background:url(../../img/bnr_maincontents_h.png) no-repeat;
	width:185px;
	height:48px;
	margin:0 auto;
}
.main_link a:hover img{
	visibility:hidden;
}

.arrow{
	display:inline-block;
	padding:0 7px;
}

.number{
	font-size:1.3em;
	padding-right:10px;
	vertical-align:middle;
}
.bnr_01{
	background:url(../../img/bnr_howto_h.png) no-repeat;
	width:294px;
	height:60px;
	margin:40px auto 65px;
}
.bnr_01 a{
	display:inline-block;
}
.bnr_01 a:hover{
	background-color:transparent;
}
.bnr_01 a:hover img{
	visibility:hidden;
}
.howto_link {
	padding: 40px 0 70px;
	border-bottom:2px solid #e5e5e5;
}
.howto_link a{
	width:294px;
	display:block;
	margin:0 auto;
}
.howto_link img{
	display:block;
	margin:0 auto;
}
.howto_link a:hover{
	background:url(../../img/bnr_howto_h.png) no-repeat;
	width:294px;
	height:60px;
	margin:0 auto;
}
.howto_link a:hover img{
	visibility:hidden;
}

/* !Section02
---------------------------------------------------------- */
.description{
	padding:20px 0 30px;
}
.section02 {
	background-color:#e2eff7;
}
.title_picup{
	background:url(../../img/title_picup.png) no-repeat left center;
	width:215px;
	height:30px;
	margin:0 auto 30px;
}
.picup_img{
	text-align:center;
	margin-bottom:30px;
}
.contents_title{
	position: relative;	
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:3px dotted #c7c8c8;
	min-height:55px;
	padding-right:60px;

}
.bnr_02{
	background:url(../../img/bnr_campaign_h.png) no-repeat;
	width:256px;
	height:60px;
	margin:0 auto 65px;
}
.bnr_02 a{
	display:inline-block;
}
.bnr_02 a:hover{
	background-color:transparent;
}
.bnr_02 a:hover img{
	visibility:hidden;
}

/* !Section03
---------------------------------------------------------- */

.title_linked{
	background:url(../../img/title_linked.png) no-repeat left center;
	width:317px;
	height:36px;
	margin:0 auto 40px;
}
.program{
	width:100%;
	display:block;
	border-bottom:2px solid #e5e5e5;
	margin-bottom:30px;
}
.program:last-child{
	border-bottom:none;
}

.leftbox{
	float:left;
	width:50%;
	display:block;
}
.rightbox{
	float:right;
	width:50%;
	display:block;
}
.program_name{
	position:relative;
	min-height:55px;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:2px dotted #c7c8c8;
	padding-right:60px;
	padding-bottom:5px;
}

.program_name2{
	position:relative;
	min-height:89px;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:2px dotted #c7c8c8;
	padding-right:60px;
	padding-bottom:5px;
}

.align{
	position:absolute;
	bottom:10px;
}
.present{
	background:url(../../img/present.png) no-repeat right top;
}
.onair{
	background:url(../../img/icon_time.png) no-repeat left 10px;
	border-bottom:2px dotted #c7c8c8;
	padding:10px 0 10px 30px;
}
.box_inner{
	width:90%;
}
.capture{
	width:283px;
	height:159px;
	margin-bottom:20px;
}
.bnr_03{
	background:url(../../img/bnr_official_site_h.png) no-repeat;
	width:156px;
	height:46px;
	margin:0 auto 30px;
}
.bnr_03 a{
	display:inline-block;
}
.bnr_03 a:hover{
	background-color:transparent;
}
.bnr_03 a:hover img{
	visibility:hidden;
}

/* !Section04
---------------------------------------------------------- */
.section04 {
	border-image:url(../../img/pattern_stripe.png) repeat;
	background-color:#fbf9f8;
	padding-top:50px;
}
.non_linked_inner{
	border-bottom:2px solid #e5e5e5;
}
.main_contents{
	padding-top:65px;
}
.non_linked_menu{
	background-color:#efefef;
}
.capture02{
	width:270px;
	height:152px;
}
.leftbox01{
	float:left;
	width:46%;
	display:block;
	margin:40px 1% 30px 3%;
}
.leftbox01 img{
	margin-bottom:20px;
}

.rightbox01{
	float:right;
	width:46%;
	display:block;
	margin:40px 3% 30px 1%;
}
.rightbox01 img{
	margin-bottom:20px;
}

.description02{
	padding:10px 5px 0;
}

.menu{
	position:relative;
	min-height:60px;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	padding-right:60px;
	padding-bottom:15px;
}
.menu02{
	position:relative;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	padding-right:60px;
	padding-bottom:15px;
}

.line{   
	border-top: 2px dotted #c7c8c8;
	margin:0 auto;
	width:95%;
}
.title_non_linked{
	background:url(../../img/title_non_linked.png) no-repeat left center;
	width:317px;
	height:36px;
	margin:0 auto 40px;
}
.icon{
	text-align:center;
	margin-bottom:20px;
}

.notes{
	font-size:.85em;
	text-align:center;
	margin-bottom:30px;
}

/* !Section05
---------------------------------------------------------- */
.section05,.section06 {
	padding: 70px 70px 20px;
}
.controller {
	padding: 0 0 40px;
}
.controller figure {
	text-align: center;
	margin: 0;
}
.controller figure figcaption {
	font-size: 1em;
	margin: 20px 0 0;
}
.controller figure figcaption span {
	color: #e60012;
	font-weight: bold;
	margin: 0 3px;
}
.controller figure:after {
	content: "";
	display: block;
	background: url(../../img/bg_arrow_01.png) no-repeat left center;
	width: 37px;
	height: 57px;
	margin: 50px auto;
}
.controller h2 {
	background: url(../../img/ttl_screen_01.png) no-repeat left center;
	width: 248px;
	height: 22px;
	margin: 0 auto 20px;
}
.controller .controllerScreen {
	margin: 0 auto;
}
.controller .controllerScreen dt {
	text-align: center;
	margin: 0 auto 10px;
}
.controller .controllerScreen .controllerList {
}
.controller .controllerScreen .controllerList ol li {
	padding: 20px 0 30px;
	border-bottom: 2px dotted #e60012;
}
.controller .controllerScreen .controllerList ol li:nth-child(4) {
	border-bottom: 0;
}
.controller .controllerScreen .controllerList ol li:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(../../img/bg_number_01.png) no-repeat left center;
	float: left;
}
.controller .controllerScreen .controllerList ol li:nth-child(2):before {
	background: url(../../img/bg_number_02.png) no-repeat left center;
}
.controller .controllerScreen .controllerList ol li:nth-child(3):before {
	background: url(../../img/bg_number_03.png) no-repeat left center;
}
.controller .controllerScreen .controllerList ol li:nth-child(4):before {
	background: url(../../img/bg_number_04.png) no-repeat left center;
}
.controller .controllerScreen .controllerList ol li h3 {
	float: right;
	width: 500px;
	color: #e60012;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 3px;
}
.controller .controllerScreen .controllerList ol li p {
	float: right;
	width: 500px;
	font-size: 1em;
}
.controller .controllerScreen .controllerInterlock {
	padding: 45px 40px;
	background-color: #fff3d4;
	text-align: center;
}
.controller .controllerScreen .controllerInterlock p {
	font-size: 1em;
	text-align: left;
	margin: 0 0 30px;
}

/* !Section05
---------------------------------------------------------- */
.section06 {
	padding-top: 25px;
	padding-bottom: 50px;
}
.normalData h2 {
	background: url(../../img/ttl_data_01.png) no-repeat left center;
	width: 258px;
	height: 61px;
	margin: 0 auto 25px;
}
.normalDataList li {
	float: left;
	width: 264px;
	margin: 0 0 30px;
	position: relative;
}
.normalDataList li:nth-child(even) {
	float: right;
}
.normalDataList li:nth-child(2n+1) {
	clear: both;
}
.normalDataList li:nth-child(2n+1):before {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 560px;
	border-top: 2px dotted #205071;
}
.normalDataList li:nth-child(1):before {
	border-top: 0;
}
.normalDataList li:last-child:after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 560px;
	border-top: 2px dotted #205071;
}
.normalDataList li h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 30px 0 5px;
}
.normalDataList li h3:before {
	content: "■";
	color: #205071;
	font-size: 1em;
	display: inline-block;
}
.normalDataList li figure {
	margin: 0;
}
.normalDataList li:last-child figure {
	margin: 0 0 30px;
}
.normalDataList li figure img {
	margin: 0 0 17px;
}
.normalDataList li figure figcaption {
	font-size: 1em;
}

/* !pageTop
---------------------------------------------------------- */
.pagetop{
	position:relative;

}
.pagetop a{
	background:url(../../img/btn_page_top.png) no-repeat;
	position:absolute;
	left:45%;
	bottom:0;
	width:90px;
	height:45px;
}
.pagetop a:hover{
	background:url(../../img/btn_page_top_h.png) no-repeat;
	position:absolute;
	left:45%;
	bottom:0;
	width:90px;
	height:45px;
}
/* !footer
---------------------------------------------------------- */

footer {
	margin-top: 0;
	padding: 30px 0 15px 0;
	background:#000;
}
footer img {
	margin-left:-300px;
}

/* !その他
---------------------------------------------------------- */
.pattern_stripe{
	height:6px;
	background:url(../../img/pattern_stripe.png) repeat-x;
	border: 0px none;
	padding:0 30px;
	margin:20px 0;
	background-color:#fbf9f8;
}
.top{
	text-align:right;
	background:url(../../img/icon_up.png) no-repeat right top;
}
.top a{
	font-weight:bold;
	color:#333;
	padding-right:25px;
}
.clearfix{
	 content:'';
	 display:block;
	 clear:both;
 }
.cleartext{
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
}
.onlySP{
	display:none;
}

/*視聴データ取り扱い追記*/
.title_shicyou_data{
	background:url(../../img/title_shicyou_data.png) no-repeat left center;
	width:500px;
	height:39px;
	margin:0 auto 40px;
}

.bnr_05{
	background:url(../../img/bnr_shicyou_h.png) no-repeat;
	width:294px;
	height:54px;
	margin:0 auto 30px;
}
.bnr_05 a{
	display:inline-block;
}
.bnr_05 a:hover{
	background-color:transparent;
}
.bnr_05 a:hover img{
	visibility:hidden;
}