/* CSS Document */

html{
	overflow-y:scroll;
}

a{
	color:#3241BD;
	text-decoration:none;
}

a:hover{
	color:#3241BD;
	text-decoration:underline;
}

.linkarea{
	cursor:pointer;
}

.linkpath{}

body{
	color:#333;
	-webkit-text-size-adjust:none;
	display:none;
}

body.smp{
	display:block;
}

body.other,
body.tablet{
	display:block;
}

body.smp .pc{
	display:none;
}

body.other .smp,
body.tablet .smp{
	display:none;
}

body.other{
	background:#F1F1F1;
	min-width:990px;
}

body.other #content{
	width:950px;
	padding:0px 20px;
	overflow:hidden;
	margin:0px auto;
}

body.other #content .page_name{
	font-size:20px;
	font-weight:800;
	padding:0px 10px;
	margin-bottom:15px;
}

body.other .button01{
	border:1px solid #aaa;
	display:inline-block;
	min-width:150px;
	min-height:23px;
	line-height:23px;
	text-align:center;
	font-size:14px;

	background:#ededed url(../common/button01_bg_01.png) repeat-x bottom;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cfcfcf), color-stop(0.00, #ededed));
	background: -webkit-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
	background: -moz-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
	background: -o-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
	background: -ms-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
	background: linear-gradient(top, #ededed 0%, #cfcfcf 100%);

	text-decoration:none;
	color:#333;
	
	cursor:pointer;
}

body.other .button01:hover{

	background:#e0e0e0 url(../common/button01_bg_02.png) repeat-x bottom;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.00, #e0e0e0));
	background: -webkit-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
	background: -moz-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
	background: -o-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
	background: -ms-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
	background: linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
}

body.smp{
	min-width:480px;
}

/* iosのみヘッダー、フッターのサイズを調整 */
body.smp.ios #nol_header{
	width:320px;
	zoom:1.5;
}

body.smp.ios #nol_header #nol_menu li a{
	font-size:18px;
}

body.smp.ios #nol_contentsFooter{
	width:320px;
	zoom:1.5;
}

body.smp.ios #nol_contentsFooter p.nol_h{
	font-size:21px;
}

body.smp.ios #nol_contentsFooter #nol_broadcastList ul li a{
	font-size:15px;
	overflow:hidden;
	height:21px;
}

body.smp.ios #nol_contentsFooter #nol_broadcastList ul li.small a{
	font-size:13px;
}

body.smp.ios #nol_contentsFooter #nol_broadcastList #nol_broadcastMenu li a{
	font-size:21px;
}

body.smp .button01{
	border:1px solid #aaa;
	display:inline-block;
	min-height:60px;
	line-height:60px;
	text-align:center;
	font-size:26px;
	
	margin:0px 4px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cfcfcf), color-stop(0.00, #ededed));
	background: -webkit-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
	background: -moz-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
	background: -o-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
	background: -ms-linear-gradient(top, #ededed 0%, #cfcfcf 100%);
	background: linear-gradient(top, #ededed 0%, #cfcfcf 100%);

	text-decoration:none;
	color:#333;
	
	cursor:pointer;
}

body.smp .button01:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.00, #e0e0e0));
	background: -webkit-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
	background: -moz-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
	background: -o-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
	background: -ms-linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
	background: linear-gradient(top, #e0e0e0 0%, #c7c7c7 100%);
}

body.smp .width50par{
	width:50%;
}

body.smp .width100par{
	width:100%;
}

body.smp .pagetop{
	text-align:right;
	font-size:20px;
}


/* ヘッダーNEW 201303  PC */
body.other #header_new{
	background-color: #FFF;
}

body.other #header_new .wrap01{
	width: 950px;
	height: 54px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 12px;
	text-align: left;
}

body.other #header_new .wrap01 img{

}

body.other #header_new .wrap01 .logo{
	float: left;
	margin-right: 42px;

}

body.other #header_new .wrap01 .lead{
	font-size: 18px;
	line-height: 1.5;
	float: left;
}

body.other #header_new .wrap01 .lead small{
	font-size:14px;
}

body.other #header_new .wrap01 .lead .red{
	background:#CD1D21;
	color:#fff;
	padding:2px 5px;
}
.gnavi_new   {
	background-image: url(../common/gnavi_bg.jpg);
	background-repeat: repeat-x;
	height: 40px;
	display: block;
	padding-top: 5px;
	margin-bottom: 10px;

}
.gnavi_new ul    {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	display: block;
}
.gnavi_new ul li    {
	float: left;
}

body.other #header_new .wrap01 .nhk_online{
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}


/* ヘッダー  PC */
body.other #header{
}

body.other #header .wrap01{
	width:950px;
	height:123px;
	margin:0px auto;
	position:relative;
}

body.other #header .wrap01 img{
	vertical-align:bottom;
}

body.other #header .wrap01 .logo{
	position:absolute;
	left:0px;
	top:0px;
}

body.other #header .wrap01 .lead{
	position:absolute;
	left:185px;
	top:24px;
	
	font-size:18px;
	line-height:1.5;
}

body.other #header .wrap01 .lead small{
	font-size:14px;
}

body.other #header .wrap01 .lead .red{
	background:#CD1D21;
	color:#fff;
	padding:2px 5px;
}

body.other #header .wrap01 .gnavi{
	position:absolute;
	left:186px;
	top:62px;
	width:765px;
}

body.other #header .wrap01 .gnavi ul li{
	float:left;
}

body.other #header .wrap01 .nhk_online{
	position:absolute;
	left:806px;
	top:26px;
}


/* ヘッダーNEW 201303 スマフォ */
body.smp #header_new .block01{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#ffffff;
	padding:10px;
	position:relative;
	height:68px;
}

body.smp #header_new .block01 .logo{
	position:absolute;
	left:8px;
	top:15px;
}

body.smp #header_new .block01 .button{
	position:absolute;
	right:5px;
	top:25px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.54, #C31415), color-stop(0.46, #F5404F));
	background: -webkit-linear-gradient(top, #F5404F 46%, #C31415 54%);
	background: -moz-linear-gradient(top, #F5404F 46%, #C31415 54%);
	background: -o-linear-gradient(top, #F5404F 46%, #C31415 54%);
	background: -ms-linear-gradient(top, #F5404F 46%, #C31415 54%);
	background: linear-gradient(top, #F5404F 46%, #C31415 54%);
	
	border:1px solid #D50000;
	border-radius:5px;
	
	color:#fff;
	text-decoration:none;
	font-size:20px;
	
	display:inline-block;
	width:98px;
	height:43px;

	line-height:43px;
	text-align:center;
	
	cursor:pointer;
}

body.smp #header_new .block01 .button.on{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.54, #F5404F), color-stop(0.46, #C31415));
	background: -webkit-linear-gradient(top, #C31415 46%, #F5404F 54%);
	background: -moz-linear-gradient(top, #C31415 46%, #F5404F 54%);
	background: -o-linear-gradient(top, #C31415 46%, #F5404F 54%);
	background: -ms-linear-gradient(top, #C31415 46%, #F5404F 54%);
	background: linear-gradient(top, #C31415 46%, #F5404F 54%);
}

body.smp #header_new .block01 .image{
	margin:5px 105px 0px 75px;
	position:relative;
	text-align:center;
}

body.smp #header_new .block01 .free{
	margin:15px 110px 0px 80px;
	position:relative;
	font-size:26px;
	line-height:45px;
}

body.smp #header_new .block01 .image img{
	vertical-align:bottom;
}

body.smp #header_new .menu{
	position:relative;
	z-index:10000;
	width:100%;
	max-width:560px;
	margin:-1px auto 1px;
	
	display:none;
}

body.smp #header_new .menu table{
	position:absolute;
	width:100%;
	background:#EFEFEF;
	background:rgba(255,255,255,0.95);
	border:1px solid #ccc;
	
	-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.25);
}

body.smp #header_new .menu table tr td{
	border:1px solid #ccc;
	padding:10px 10px;
	font-size:24px;
	vertical-align:top;
}

body.smp #header_new .menu table tr td small{
	font-size:12px;
}


/* ヘッダー スマフォ */
body.smp #header .block01{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#F3F3F3;
	padding:10px;
	position:relative;
	height:45px;
}

body.smp #header .block01 .logo{
	position:absolute;
	left:5px;
	top:5px;
}

body.smp #header .block01 .button{
	position:absolute;
	right:5px;
	top:10px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.54, #C31415), color-stop(0.46, #F5404F));
	background: -webkit-linear-gradient(top, #F5404F 46%, #C31415 54%);
	background: -moz-linear-gradient(top, #F5404F 46%, #C31415 54%);
	background: -o-linear-gradient(top, #F5404F 46%, #C31415 54%);
	background: -ms-linear-gradient(top, #F5404F 46%, #C31415 54%);
	background: linear-gradient(top, #F5404F 46%, #C31415 54%);
	
	border:1px solid #D50000;
	border-radius:5px;
	
	color:#fff;
	text-decoration:none;
	font-size:20px;
	
	display:inline-block;
	width:98px;
	height:43px;

	line-height:43px;
	text-align:center;
	
	cursor:pointer;
}

body.smp #header .block01 .button.on{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.54, #F5404F), color-stop(0.46, #C31415));
	background: -webkit-linear-gradient(top, #C31415 46%, #F5404F 54%);
	background: -moz-linear-gradient(top, #C31415 46%, #F5404F 54%);
	background: -o-linear-gradient(top, #C31415 46%, #F5404F 54%);
	background: -ms-linear-gradient(top, #C31415 46%, #F5404F 54%);
	background: linear-gradient(top, #C31415 46%, #F5404F 54%);
}

body.smp #header .block01 .image{
	margin:-2px 105px 0px 75px;
	position:relative;
	text-align:center;
}

body.smp #header .block01 .free{
	margin:-2px 110px 0px 80px;
	position:relative;
	font-size:26px;
	line-height:45px;
}

body.smp #header .block01 .image img{
	vertical-align:bottom;
}

body.smp #header .menu{
	position:relative;
	z-index:10000;
	width:100%;
	max-width:560px;
	margin:-1px auto 1px;
	
	display:none;
}

body.smp #header .menu table{
	position:absolute;
	width:100%;
	background:#EFEFEF;
	background:rgba(255,255,255,0.95);
	border:1px solid #ccc;
	
	-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.25);
}

body.smp #header .menu table tr td{
	border:1px solid #ccc;
	padding:10px 10px;
	font-size:24px;
	vertical-align:top;
}

body.smp #header .menu table tr td small{
	font-size:12px;
}

/* フッター  PC */
body.other #footer .wrap01{
	width:990px;
	height:50px;
	position:relative;
	margin:40px auto 0px;
	padding-bottom:30px;
	background:url(../common/footer_bg_01.png) no-repeat bottom;
}

body.other #footer .wrap01 .logo{
	position:absolute;
	left:171px;
	top:13px;
}

body.other #footer .wrap01 .lead{
	position:absolute;
	left:244px;
	top:0px;
	line-height:1.4;
}

body.other #footer .wrap01 .lead2{
	position:absolute;
	left:244px;
	top:36px;
	line-height:1.4;
}

body.other #footer .wrap01 .link{
	position:absolute;
	left:244px;
	top:20px;
	line-height:1.0;
}

body.other #footer .wrap01 .link li{
	line-height:1.0;
	float:left;
	border-right:1px solid #3241BD;
	padding-right:5px;
	margin-right:5px;
}

body.other #footer .wrap01 .link li.lastChild{
	border-right:none;
}

#content{
	/*overflow:hidden;*/
	zoom:1;
}

/* PC共通 */
body.other #content .heading01{
	font-size:1.3333em;
	font-weight:800;
	border-bottom:1px solid #333;
	padding-bottom:5px;
	margin-bottom:-1px;
	
	position:relative;
	z-index:10;
}

body.other #content .heading02{
	width:200px;
	height:29px;
	line-height:22px;
	
	font-size:13px;
	color:#fff;
	text-indent:5px;
	
	position:relative;
	margin-left:-19px;
	margin-bottom:-10px;
}

body.other #content .heading02.blue{
	background:url(../common/ribbon_blue_01.png) no-repeat;
}

body.other #content .heading02.green{
	background:url(../common/ribbon_green_01.png) no-repeat;
}

/* スマフォ共通 */