html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-family: inherit;
	font-size: 1em;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
img { border: none;}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

/* @import "reset5.css"; */

html { height: 100%; }
body { color:#000; line-height:1; height: 100%; padding: 0; position: relative; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; }

* { word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:12px;}
*:first-child+html body { font-size:77%;}
* html body { font-size:77%; }

.txt10 { font-size:83%; }
.txt11 { font-size:92%; }
.txt12 { font-size:100%; }
.txt13 { font-size:108%; }
.txt14 { font-size:117%; }
.txt15 { font-size:125%; }
.txt16 { font-size:133%; }
.txt18 { font-size:150%; }
.txt20 { font-size:167%; }
.txt22 { font-size:183%; }
.txt24 { font-size:200%; }

/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }

.fltL { float: left; }
.fltR { float: right; }
.autow { overflow: hidden; zoom:1; }

/* !clearfix */
.clear { clear:both; margin: 0 0 -1px 0; font-size: 1px; line-height: 1px; height: 1px; }
hr { display: none; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* !Links */
a:link { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
a:active { color:#666; text-decoration:none; }

.wrapper { position: relative; zoom: 1; }




/* #logo img, */
/* #container { position: relative; zoom: 1; background-repeat:repeat; } */
#container {
  background: url(/Top11/common/images/bg_gradient_02.png) 0 0 repeat;
  /* background: url(/Top11/common/images/bg_music_station_ultra_fes_30th.jpg) 50% 0 repeat; */
  /* background: #E7EFEF url(/Top11/common/images/bg_summerstation_2015.gif) 50% 0 repeat;
  overflow: hidden; */
  /* background: #fff url(/Top11/common/images/bg_pan_pacific_swimming.jpg) 0 0 repeat; */
}
#container > article {
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.blur { background: url(/Top11/common/images/blur50.png) no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.pos01 { background-position: 130% 50% }
.pos02 { background-position: 130% -10% }
.pos03 { background-position: 90% 20% }
.pos04 { background-position: -30% 0% }
.pos05 { background-position: 10% 40%; }
.pos06 { background-position: 85% -15%; }


article { width: 1280px; border-left:1px solid #fff; border-right:1px solid #fff; margin: 0 auto; display: block; background: #fff; }

#skyscraper { float: right; width: 300px;  padding: 12px 15px 15px 15px; /*height: 263px;*/ position: relative; background:url("/Top11/common/images/skyscraper_bg.gif") 0 0; }
#onAirIchioshiRectangle #skyscraper { background-image:none; }
#skyscraper h3 { font-size: 1px; line-height: 1px; text-align: right; margin: 0 0 3px; }
#skyscraper h3 img { display: inline; }

/* gradation base */
.grad { position: relative; padding: 0 0 0 6px; border-bottom: 1px solid #fff; zoom: 1; background: #f5f5f5; }
.grad .content { border-left: 1px solid #fff; background: #f5f5f5; zoom: 1;}
.grad h2 { position: relative; margin: 0 0 23px; }
.grad h2 .arrow { position: absolute; top: 6px; left: -27px; font-size: 0; line-height: 1px; display: block; zoom: 1; }
.grad img { display: block; }
.grad .gradColor { position: absolute; top: 0; left: 0; }



/* category top */
#categoryHeader { position: relative; }
#categoryHeader .fltL { width: 620px; padding: 24px 0 0 24px; }
#categoryHeader #allprg { position: absolute; top: 0; right: 0; zoom: 1; }





#timeTable { margin: 16px 0 0; border-bottom: 1px solid #b2b2b2; border-collapse: collapse; background: #fff; }

#timeTable td { width: 178px; border-right: 1px solid #b2b2b2; vertical-align: top; border-collapse: collapse; box-sizing: border-box;  text-align:justify; text-justify:inter-character; }
#timeTable td table { width: 100%; border-collapse: collapse; }
#timeTable td td { border: none; width: auto; }
#timeTable #ttDay td { border-bottom: 1px solid #b2b2b2; }
#timeTable #ttDay .day_str { padding: 5px 0; background: url(/Top11/common/images/prg_date_bg.png) repeat-x top left; vertical-align: middle; text-align: center; color: #fff; }
#timeTable #ttDay .none { width: 23px; background: #f5f5f5; }
#timeTable #ttDay .today { background: url(/Top11/common/images/prg_date_bg_yellow.png) repeat-x top left;}
#timeTable #ttDay .sat { background: url(/Top11/common/images/prg_date_bg_blue.png) repeat-x top left;}
#timeTable #ttDay .sun { background: url(/Top11/common/images/prg_date_bg_pink.png) repeat-x top left;}
#timeTable #ttDay .holiday { background: url(/Top11/common/images/prg_date_bg_pink.png) repeat-x top left;}

#timeTable #ttHour { width: 26px; background: url(/Top11/common/images/hour_bg.png) repeat-x; }
#timeTable #ttHour table td { width: 23px !important; vertical-align: middle; text-align: center; border-bottom: 1px solid #fff; }
#timeTable span { display: block; padding: 0 12px 4px; }
#timeTable .min { background: #f1f1f1; margin: 0 0 3px; padding: 4px 12px; position: relative; zoom: 1; }
#timeTable .min img { float: right; margin: -2px -2px 0 4px; }
#timeTable .prog_name { line-height: 1.4; cursor: pointer; }
#timeTable .prog_name > a:first-child { color: #424242; font-weight: 600; padding:8px 0 4px; display: block; font-feature-settings : "palt"; }
#timeTable .prog_name > br { display: none; }
#timeTable .expo_org,
#timeTable .expo { color: #666; font-size: 92%; line-height: 1.6; }
#timeTable .btnTweet { display: inline; margin: 0 0 0; }
#timeTable .today { background: #feffd5; }



#explanation { background: #fff; padding: 12px 13px 12px 117px; zoom: 1; position: relative;}
#explanation dt { position: absolute; top: 50%; left: 20px; margin: -6px 0 0; }
#explanation table { border-left: 1px solid #e3e3e3; }
#explanation th { width: 15px; font-size: 1px; padding: 5px 18px 5px 20px; background: url(/Top11/common/images/exp_border.png) no-repeat right center; }
#explanation .first { padding: 5px 18px 5px 20px; }
#explanation th img {}
#explanation td { padding: 5px 0; font-size: 92%; }

.weeksBtn { width: 204px; float: left; padding: 28px 0 0; }
.weeksBtn table { border: 1px solid #fff; border-collapse: collapse; table-layout: fixed; width: 202px; }
.weeksBtn td { font-size: 83%; background: url(/Top11/common/images/prg_date_bg.png) repeat-x top left; text-align: center; color: #fff; padding: 4px 2px; line-height: 1.2; border: 1px solid #fff; border-collapse: collapse; }
.weeksBtn .today .relative { position: relative; }
.weeksBtn .today   { background: url(/Top11/common/images/prg_date_bg_yellow.png) repeat-x top left; }
.weeksBtn .sat     { background: url(/Top11/common/images/prg_date_bg_blue.png) repeat-x top left; }
.weeksBtn .sun     { background: url(/Top11/common/images/prg_date_bg_pink.png) repeat-x top left; }
.weeksBtn .holiday { background: url(/Top11/common/images/prg_date_bg_pink.png) repeat-x top left; }
.weeksBtn .noData  { background: #d6d6d6; }
.weeksBtn .sat.noData     { background: #d4eaf5; }
.weeksBtn .sun.noData     { background: #f5d5e3; }
.weeksBtn .holiday.noData { background: #f5d5e3; }
.weeksBtn .arrow { position: absolute; top: -23px; left: 50%; margin: 0 0 0 -11px;}

#prevWeek { margin: 0 4px 0 0; }
#thisWeek { }
#nextWeek { float: right; }


/* FancyBox - jQuery Plugin */
#fancybox-loading { position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; }
#fancybox-loading div { position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(/Top11/common/images/fancybox.png); }
#fancybox-overlay { position:absolute; top:0; left:0; width:100%; z-index:1100; display:none; }
#fancybox-tmp { padding:0; margin:0; border:0; overflow:auto; display:none; }
#fancybox-wrap { position:absolute; top:0; left:0; padding:20px; z-index:1101; outline:none; display:none; }
#fancybox-outer { position:relative; width:100%; height:100%; background:#fff; }
#fancybox-content { width:0; height:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:0 solid #fff; }
#fancybox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101; }
#fancybox-close { position:absolute; top:-15px; right:-15px; width:31px; height:30px; overflow: hidden; background:transparent url(/Top11/common/images/close_lrg.png) 0 0; cursor:pointer; z-index:1103; display:none; }
#fancybox-close:hover { background-position: 0 -30px;}
#fancybox-error { color:#444; font:normal 12px/20px Arial; padding:14px; margin:0; }
#fancybox-img { width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; }
#fancybox-frame { width:100%; height:100%; border:none; display:block; }
#fancybox-left,#fancybox-right { position:absolute; bottom:0; height:100%; width:35%; cursor:pointer; outline:none; background:transparent url(blank.gif); z-index:1102; display:none; }
#fancybox-left { left:0; }
#fancybox-right { right:0; }
#fancybox-left-ico,
#fancybox-right-ico { position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; }
#fancybox-left-ico { background-image:url(/Top11/common/images/fancybox.png); background-position:-40px -30px; }
#fancybox-right-ico { background-image:url(/Top11/common/images/fancybox.png); background-position:-40px -60px; }
#fancybox-left:hover,
#fancybox-right:hover { visibility:visible; /* IE6 */ }
#fancybox-left:hover span { left:20px; }
#fancybox-right:hover span { left:auto; right:20px; }
.fancybox-bg { position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001; }
#fancybox-bg-n { top:-20px; left:0; width:100%; background-image:url(/Top11/common/images/fancybox-x.png); }
#fancybox-bg-ne { top:-20px; right:-20px; background-image:url(/Top11/common/images/fancybox.png); background-position:-40px -162px; }
#fancybox-bg-e { top:0; right:-20px; height:100%; background-image:url(/Top11/common/images/fancybox-y.png); background-position:-20px 0; }
#fancybox-bg-se { bottom:-20px; right:-20px; background-image:url(/Top11/common/images/fancybox.png); background-position:-40px -182px; }
#fancybox-bg-s { bottom:-20px; left:0; width:100%; background-image:url(/Top11/common/images/fancybox-x.png); background-position:0 -20px; }
#fancybox-bg-sw { bottom:-20px; left:-20px; background-image:url(/Top11/common/images/fancybox.png); background-position:-40px -142px; }
#fancybox-bg-w { top:0; left:-20px; height:100%; background-image:url(/Top11/common/images/fancybox-y.png); }
#fancybox-bg-nw { top:-20px; left:-20px; background-image:url(/Top11/common/images/fancybox.png); background-position:-40px -122px; }
#fancybox-title { font-family:Helvetica; font-size:12px; z-index:1102; }
.fancybox-title-inside { padding-bottom:10px; text-align:center; color:#333; background:#fff; position:relative; }
.fancybox-title-outside { padding-top:10px; color:#fff; }
.fancybox-title-over { position:absolute; bottom:0; left:0; color:#FFF; text-align:left; }
#fancybox-title-over { padding:10px; background-image:url(/Top11/common/images/fancy_title_over.png); display:block; }
.fancybox-title-float { position:absolute; left:0; bottom:-20px; height:32px; }
#fancybox-title-float-wrap { border:none; border-collapse:collapse; width:auto; }
#fancybox-title-float-wrap td { border:none; white-space:nowrap; }
#fancybox-title-float-left { padding:0 0 0 15px; background:url(/Top11/common/images/fancybox.png) -40px -90px no-repeat; }
#fancybox-title-float-main { color:#FFF; line-height:29px; font-weight:bold; padding:0 0 3px; background:url(/Top11/common/images/fancybox-x.png) 0 -40px; }
#fancybox-title-float-right { padding:0 0 0 15px; background:url(/Top11/common/images/fancybox.png) -55px -90px no-repeat; }

#timeTable .btn-rectangle > span {
	padding: 0;
}

.btn-rectangle {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 8px 8px 8px 16px;
	appearance: none;
	margin: 8px;
	border-radius: 8px;
	width: calc(100% - 16px);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1.2;
	transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.btn-rectangle:hover {
	opacity: .5;
}

.btn-realtime {
	text-align: left;
	background-color: #fff;
	border: 3px solid #f0027f;
	color: #f0027f;
	font-weight: 600;
	padding-right: 5px;
	padding-left: 13px;
}

.btn-realtime > .icon-triangle {
	background-color: #f0027f;
}

.btn-tver {
	background-color: #58a9e1;
	color: #fff;
	font-weight: 600;
}

.btn-telasa {
	background-color: #eb5505;
	color: #fff;
	font-weight: 600;
}

.btn-tver > .icon-triangle,
.btn-telasa > .icon-triangle {
	border: solid 2px #fff;
}

.icon-triangle {
	position: relative;
	box-sizing: border-box;
	border-radius: 100%;
	width: 20px;
	height: 20px;
}

.icon-triangle::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	border-left: 5px solid #fff;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	height: 0;
	width: 0;
}