a{
	text-decoration:none;
	color: inherit;
}
a:hover {
	color:#fff67f;
}
#head-banner{
	position:relative;
}
#head-banner img{
	width:100%;
	height: auto;
	opacity:0;
	filter: alpha(opacity = 0);
}
#head-banner .img2{
	position:absolute;
	display:block;
	z-index:1;
	top:0px;
}
#head-banner .img3{
	position:absolute;
	display:block;
	z-index:2;
	top:0px;
}
.head-h3-01{
	text-align:center;
	padding: 4px 0;
}
h3 img{
	width: 95%;
	max-width: 503px;
	height: auto;
}
.btn-4box-wrap{
	width:700px;
	margin:0 auto;
	*overflow:hidden
}
.btn-4box{
	*width:705px;
	display:table;
	*overflow:hidden;
}
.btn-4box li{
	font-size:1.4em;
	line-height:1.4em;
	display:table-cell;
	*display:block;
	*float:left;
	vertical-align:middle;
	text-align:center;
}
.btn-4box li a{
	width:300px;
	*width:175px;
	height: 40px;
	color:#fff;
	font-size: 16px;
	font-weight:800;
	*height:auto;
	*padding:10px 0;
	display:table-cell;
	*display:block;
	vertical-align:middle;
	text-decoration:none;
	background:url(/resource/img/nhk-text/rb_arrow.png) no-repeat right bottom #ea6da4;
	background:url(/resource/img/nhk-text/rb_arrow_1x.png) no-repeat right bottom #ea6da4\9;
	background-size: 15px;
}
.btn-4box li a:hover{
	color:#fff67f;
}
.btn-4box li.cts2 a{
	background-color:#00b8ee;
}
.btn-4box li.cts3 a{
	background-color:#f08c00;
}
.btn-4box li.cts4 a{
	background-color:#8dc21f;
}
.btn-4box li.cts1 a:hover{
	background:url(/resource/img/nhk-text/rb_arrow_ov.png) no-repeat right bottom #ee8ab6;
	background:url(/resource/img/nhk-text/rb_arrow_ov_1x.png) no-repeat right bottom #ee8ab6\9;
	background-size: 15px;
}
.btn-4box li.cts2 a:hover{
	background:url(/resource/img/nhk-text/rb_arrow_ov.png) no-repeat right bottom #33c6f1;
	background:url(/resource/img/nhk-text/rb_arrow_ov_1x.png) no-repeat right bottom #33c6f1\9;
	background-size: 15px;
}
.btn-4box li.cts3 a:hover{
	background:url(/resource/img/nhk-text/rb_arrow_ov.png) no-repeat right bottom #f3a333;
	background:url(/resource/img/nhk-text/rb_arrow_ov_1x.png) no-repeat right bottom #f3a333\9;
	background-size: 15px;
}
.btn-4box li.cts4 a:hover{
	background:url(/resource/img/nhk-text/rb_arrow_ov.png) no-repeat right bottom #a4ce4c;
	background:url(/resource/img/nhk-text/rb_arrow_ov_1x.png) no-repeat right bottom #a4ce4c\9;
	background-size: 15px;
}


h4{
	clear: both;
	position:relative;
	background:#ea6da4;
	height:60px;
	margin: 70px 0 20px;
	text-align:center;
}
h4.cts2{
	background:#00b8ee;
	margin-top: 120px;
}
h4.cts3{
	background:#f08c00;
	margin-top: 120px;
}
h4.cts4{
	background:#8dc21f;
	margin-top: 120px;
}
h4.cts5{
	background:#4d1e22;
	margin-top: 120px;
}
h4 .boad{
	position:absolute;
	top: -26px;
	left: 1%;
}
h4 .chara{
	position:absolute;
	top: -32px;
	right: 2.6%;
}
#cts2 h4 .chara{
	top: -32px;
}
#cts3 h4 .chara{
	top: -36px;
}
#cts4 h4 .chara{
	top: -31px;
}
#cts5 h4 .chara{
	top: -32px;
}
h4 span img{
	padding: 13px 0 0 0px;

}
.hide{
	display:none;
}
.item_wrap{
	position:relative;
	margin-right:-20px;
	*width:720px;
}
.item{
	background:#fdeff5;
	width: 50%;
	display:table-cell;
	padding: 12px 15px 14px 15px;
	font-size:14px;
	border-right: #fff solid 20px;
	border-bottom: #fff solid 20px;
	*position:relative;
	*display:block;
	*float:left;
	*width:310px
}
.noitem{
	position:relative;
	width: 50%;
	display:table-cell;
}
#cts2 .item{
	background:#eaf6fd;
}
.tv .item{
	background:#fffbc7;
}
#cts2 .tv .item{
	background:#fffbc7;
}
#cts3 .item{
	background:#fff5d7;
}
#cts4 .item{
	background:#fffbc7;
}
#cts4 .tv .item{
	background:#ecf4e3;
}
#cts4 .tr .item{
	background:#fdeff5;
}
.item .cate{
	position:relative;
	color:#4d1e22;
	font-weight:800;
	min-height:30px;
}
.item .cate span{
    background: url(/resource/img/nhk-text/icon_radio.png) no-repeat left center;
	background: url(/resource/img/nhk-text/icon_radio_1x.png) no-repeat left center\9;
	background-size:24px;
	height:30px;
    padding: 16px 0 10px 30px;
}
.tv .item .cate span{
    background: url(/resource/img/nhk-text/icon_tv.png) no-repeat left center;
	background: url(/resource/img/nhk-text/icon_tv_1x.png) no-repeat left center\9;
	background-size:24px;
	height:30px;
    padding: 10px 0 10px 30px;
}
.item .lv{
	position:absolute;
	margin: -33px 0 0 237px;
	color:#00b8ee;
	font-weight:800;
}
.item .lv span{
	width: 74px;
	padding: 5px 0px 10px 0px;
	display: block;
}
.item .lv span.a0{
	background: url(/resource/img/nhk-text/a0.png) no-repeat right top;
	background: url(/resource/img/nhk-text/a0_1x.png) no-repeat right top\9;
	background-size: 25px;
}
.item .lv span.a1{
	background: url(/resource/img/nhk-text/a1.png) no-repeat right top;
	background: url(/resource/img/nhk-text/a1_1x.png) no-repeat right top\9;
	background-size: 25px;
}
.item .lv span.a2{
	background: url(/resource/img/nhk-text/a2.png) no-repeat right top;
	background: url(/resource/img/nhk-text/a2_1x.png) no-repeat right top\9;
	background-size: 25px;
}
.item .lv span.b1{
	background: url(/resource/img/nhk-text/b1.png) no-repeat right top;
	background: url(/resource/img/nhk-text/b1_1x.png) no-repeat right top\9;
	background-size: 25px;
}
.item .lv span.b2{
	background: url(/resource/img/nhk-text/b2.png) no-repeat right top;
	background: url(/resource/img/nhk-text/b2_1x.png) no-repeat right top\9;
	background-size: 25px;
}
.item .lv span.c1{
	background: url(/resource/img/nhk-text/c1.png) no-repeat right top;
	background: url(/resource/img/nhk-text/c1_1x.png) no-repeat right top\9;
	background-size: 25px;
}
.item .lv span.c2{
	background: url(/resource/img/nhk-text/c2.png) no-repeat right top;
	background: url(/resource/img/nhk-text/c2_1x.png) no-repeat right top\9;
	background-size: 25px;
}
.item .lv2{
	position:absolute;
	right: 36px;
	height: 26px;
	top: 7px;
	color:#00b8ee;
	font-weight:800;
}
.item .lv2 span{
	width: 74px;
	padding: 5px 0px 0 0px;
	height: 26px;
	display: block;
	float:left;
	background: url(/resource/img/nhk-text/a1.png) no-repeat right top;
	background: url(/resource/img/nhk-text/a1_1x.png) no-repeat right top\9;
	background-size: 25px;
}
.item .lv2 span.after{
	width: 44px;
	padding-left:4px;
	background: url(/resource/img/nhk-text/a2.png) no-repeat right top;
	background: url(/resource/img/nhk-text/a2_1x.png) no-repeat right top\9;
	background-size: 25px;
}
.item h5{
	color:#ea6da4;
	font-size:30px;
	font-weight:800;
	margin: 1px 0 8px;

	line-height: 1.15em;
}
.item .text_box{
	position: absolute;
	float:right;
	top: 123px;
	vertical-align: bottom;
	/* background: #123; */
	width: 191px;
}
.item .txt{
	position: absolute;

	line-height: 1.45em;
}
.item h5 span{
	position: relative;
	font-size:22px;
	bottom: -1px;
}
.item h5.up{
	margin-top:-8px;
}
.item h5.mid{
	font-size:22px;
	line-height: 1.2em;
}
.item h5.mid span{
	position: relative;
	font-size:14px;
	color:#00b8ee;
	top: -5px;
}

.item .img{
	position: relative;
	float:right;
	margin: -2px 0px 10px 20px;
	border: #ccc solid 1px;
}
.item h6{
	clear: both;
	background:#00b8ee;
	margin: 6px 0 0;
	color:#fff;
	text-align:center;
	font-size:14px;
	font-weight:400;
	height: 18px;
	line-height: 20px;
}
.item dl {
	border: 1px solid #00b8ee;
	border-top: none;
	border-bottom: none;
}
.item dt,dd {
	padding: 0px;
	height: 18px;
	line-height: 18px;
}
.item dt {
	border-bottom: 1px solid #00b8ee;
	clear: left;
	float: left;
	width: 63px;
	text-align:center;
}
.item dd {
	border-left: 1px solid #00b8ee;
	border-bottom: 1px solid #00b8ee;
	margin-left: 63px;
	padding-left: 0px;
	/* overflow: hidden; */
	padding-left: 5px;
}
.long dt {
	width: 75px;
}
.long dd {
	margin-left: 75px;
}
.short dt {
	width: 50px;
}
.short dd {
	margin-left: 50px;
}
.item .btn{
	margin-top:10px;
	display:table;
	text-align:center;
	color:#fff;
}
.item .btn li{
	display: table-cell;
	vertical-align: middle;
	width: 300px;
	height:30px;
}
.item .btn .new{
    padding: 0  10px 0 0;
	
}
.item .btn .new a {
	display: inherit;
	background:#ea6da4 url(/resource/img/nhk-text/rb_arrow.png) no-repeat right bottom;
	background:#ea6da4 url(/resource/img/nhk-text/rb_arrow_1x_2.png) no-repeat right bottom\9;
	background-size: 11px;
	width: 300px;
	height:30px;
	vertical-align: middle;
}
.item .btn .new a:hover {
	color:#fff67f;
	background: #ee8ab6 url(/resource/img/nhk-text/rb_arrow_ov.png) no-repeat right bottom;
	background: #ee8ab6 url(/resource/img/nhk-text/rb_arrow_ov_1x_2.png) no-repeat right bottom\9;
	background-size: 11px;
}
.item .btn .backnum{
	position:relative;
}
.item .btn .backnum a {
	display: inherit;
	background:#8dc21f url(/resource/img/nhk-text/rb_arrow.png) no-repeat right bottom;
	background:#8dc21f url(/resource/img/nhk-text/rb_arrow_1x_2.png) no-repeat right bottom\9;
	background-size: 11px;
	width: 300px;
	height:30px;
	vertical-align: middle;
}
.item .btn .backnum a:hover {
	color:#fff67f;
	background: #a4ce4c url(/resource/img/nhk-text/rb_arrow_ov.png) no-repeat right bottom;
	background: #a4ce4c url(/resource/img/nhk-text/rb_arrow_ov_1x_2.png) no-repeat right bottom\9;
	background-size: 11px;
}

.level{
	position:relative;
	background: #fff;
	float: left;
	font-size:14px;
	width: 333px;
	height: 317px;
	border: #ea6da4 solid 4px;
}
.level h5{
	font-size:20px;
	color:#fff;
	background:#ea6da4;
	margin:0;
	padding: 1px 0 0px;
	text-align: center;
}
.level .level_bar{
	padding: 4px 0 3px 5px;
	position: absolute;
}
.level ul{
	margin: 0px 0 0 43px;
	padding-right: 10px;
}
.level li{
	display: block;
	padding: 4px 0 5px 3px;
	border-bottom:#c8c8c8 solid 1px;
	font-size: 14px;
	line-height: 1.1em;
}
.level li p{
	position: relative;
	display: table-cell;
	top: 2px;
	/* white-space: nowrap; */
	height: 31px;
	vertical-align:middle;
}
.level li:last-child{
	border-bottom:none;
}
.level ul img{
	float:left;
	padding: 0px 4px 4px 2px;
	display: table-cell;
}
.support{
	position:relative;
	width: 340px;
	background: #fff;
	float: right;
	font-size:14px;
	/* border-left:#fff solid 20px; */
	padding-top: 0px !important;
}
.support h5{
	font-size: 16px;
	color:#fff;
	background: #4d1e22;
	margin: 0;
	padding: 2px 0 5px;
	text-align: center;
}
.support h5 span{
	font-size:10px;
	line-height: 4px;
	display:block;
}
.support h6{
	display: table-cell;
	font-size:14px;
	margin:0;
	color:#ea6da4;
}
.support ul{
	padding-top: 3px;
}
.support li{
	clear:both;
	padding: 0px 3px 12px 0px;
	margin: 8px 1px 1px 0px;
	border-bottom:#c8c8c8 solid 1px;
	font-size: 14px;
	line-height: 1.4em;
	display: table;
}
.support li a{
	display:block;
	position:absolute;
	width:350px;
	height:80px;
	z-index:10;
}

.support li p{
    /* display: inline-block; */
    display: inline-block;
    margin: 1px 0 -1px;
    padding-right: 20px;
}
.support li:last-child{
	border-bottom:none;
	margin-bottom: -15px;
}
.support ul img{
	margin: 0px 8px 0px 0px;
	border: #ccc solid 1px;
	display:inline;
	zoom:1;
}
.support ul .l1 img{
	border: #fedf00 solid 1px;
}
.support ul .l2 img{
	border: #e60012 solid 1px;
}
.support ul .right{
	display: table-cell;
	height: 78px;
	vertical-align: middle;
	*display:inline;
	*zoom:1;
	*width:250px;
	height:80px;
}
.head-h3-02-01{
	clear:both;
}
.totop{
	clear:both;
	position:relative;
	float:right;
	width: 144px;
	height:19px;
	background: #ccc;
	color:#fff;
	padding: 0px 0 0 6px;
	font-size:14px;
	margin-bottom:80px;
	margin-top: -39px;
	cursor: pointer;
}
#cts1 .totop{
	margin-bottom:80px;
	margin-top: 10px;
}
.totop img{
	float:right;
	padding: 5px 5px 0 0;
}
.open_btn{
	width: 335px;
	height: 30px;
	margin:0 auto 20px;
	color:#fff;
	font-size:14px;
	padding: 10px 0 0 15px;
	background:#ea6da4 url(/resource/img/nhk-text/icon_open.png) no-repeat right center;
	background:#ea6da4 url(/resource/img/nhk-text/icon_open_1x.png) no-repeat right center\9;
	background-size:27px;
	cursor:pointer;
}
#cts2{
	clear:both;
}
#cts2 .open_btn{
	background:#00b8ee url(/resource/img/nhk-text/icon_open.png) no-repeat right center;
	background:#00b8ee url(/resource/img/nhk-text/icon_open_1x.png) no-repeat right center\9;
	background-size:27px;
}
#cts3 .open_btn{
	background:#f08c00 url(/resource/img/nhk-text/icon_open.png) no-repeat right center;
	background:#f08c00 url(/resource/img/nhk-text/icon_open_1x.png) no-repeat right center\9;
	background-size:27px;
}
#cts4 .open_btn{
	background:#8dc21f url(/resource/img/nhk-text/icon_open.png) no-repeat right center;
	background:#8dc21f url(/resource/img/nhk-text/icon_open_1x.png) no-repeat right center\9;
	background-size:27px;
}
#cts5_box{
	width: 660px;
	margin: 0 auto 80px;
	font-size:14px;
	padding: 10px 20px 10px 20px;
	background:#fff5d7;
	background-size:27px;
}
#cts5_box h5{
	font-size:17px;
	color: #ea6da4;
	margin: 0 0 2px;
}

@media screen and (max-width:1024px) {
.btn-4box-wrap{
	width:auto;
}
.btn-4box{
	width:auto;
}
}
@media screen and (min-width: 640px) and (max-width:1024px) {

}
@media screen and (min-width: 640px) and (max-width:768px) {

}
@media screen and (min-width: 480px) and (max-width:640px) {

}
@media (max-width:975px) {
.cell{
	width:inherit;
	display:block;
	float:none;
}
.item{
	position:relative;
	width:inherit;
	display:block;
}
.item .text_box{
	width: 55%;
	line-height: 1.3em;
}
.level{
	margin-bottom: 20px;
}
.level li{
	width: initial;
	height: 31px;
	/* margin-right: 10px; */
}
.totop{
	margin-top: 10px;
}
#cts5_box{
	width: 90%;
}
.item .lv{
	right: 17px;
}
.support li a{
	width:100%;
}
h4.cts4 .txt{
	max-width:299px;
	width:50%;
	margin-top:0.3%;
	margin-left:5%;
	height:auto;
}
.item .lv2{
	right: 16px;
}

}

@media (max-width:640px) {
.open_btn{
	width: 96%;
}
}

@media (max-width:803px) {
.head-h3-01 {
	padding: 20px 0;
}
.btn-4box li a {
	height:70px;
	font-size: 19px;}
.btn-4box .sp_under {
	display: table-footer-group;
}

.btn-4box li{
	display:block;
	float:left;
	width: 50%;
}

}
@media (max-width:480px) {
.none_sp{
	display:none;
}
.btn-4box li.cts4 a{
	font-size: 17px;
}
h4.cts4 .txt{
	max-width:299px;
	width: 50%;
	margin-top: 2%;
	/* margin: auto; */
	margin-left: -5%;
}
h4 span img{
	padding: 13px 0 0 120px;
}
.item .img{
	margin: 0px 0px 15px 0px;
}
.level li:nth-child(3){
	letter-spacing:-1px;
}
.support li p{
    padding-right: 10px;
}
}