@charset "utf-8";
.ntv-wrapper {
	background: #FFFFE7;
	min-width: 1000px;
	margin: 0 auto;
	width: 100%;
}
body {
	background: url(../images/bg.jpg) repeat center top;
	box-sizing: content-box;
} /* 全体の背景指定 */
*{
 　margin:0;
 　padding:0;
} 

html,body{
　height: 100% ;
}

#wrapper {
	min-height: 100%;
	background: url(../images/wrapper_bg.jpg) repeat-y 20px top;
	width: 652px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}

body #wrapper {
　height: auto;
}
.info {
	position: absolute;
	top: 890px;
	left: 50%;
	right: 50%;
	width: 100%;
	transform: translate(-50%,0);
}

.info-inner {
	width: 50%;
	margin: 0 auto;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}

#wrapper p.pagetop {
	text-align: right;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}



/* #side */
#side {
	padding: 10px 0px 0px;
	width: 314px;
	min-height: 1200px;
}

#side .box{
	/* border-radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #onAir .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* #footer */
#wrapper #footer {
	background: transparent;
	text-align: center;
	display: block;
}
#footer {
	display: none;
}

p.mailmaga {
	display:block;
	padding-top: 5px;
	padding-bottom: 10px;
	height: 39px;
	width: 157px;
	text-align: left;
	margin-right:  0px;
	margin-left: auto;
	}
p.mailmaga a{
	display:block;
	height: 39px;
	width: 157px;
	background: url(../images/pg_update.gif) no-repeat;
	text-indent: -9999px;
	}




/* #header */
#header {
	padding-top: 10px;
}


/* メニュー */

#nav {
	height: 33px;
	position: relative;
	width: 520px;
	background: url(../images/nav_bg.gif) no-repeat center top;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 10px;
}
#top #nav {
	margin-bottom: 5px;
	padding-top: 0px;
}
#nav ul .information a {
	background: url(../images/nav.gif) no-repeat 0px 0px;
	height: 16px;
	width: 106px;
	position: absolute;
	left: 5px;
	top: 0px;
}
#nav ul .intro a {
	background: url(../images/nav.gif) no-repeat -122px 0px;
	height: 16px;
	width: 107px;
	position: absolute;
	left: 122px;
	top: 0px;
}
#nav ul .story a {
	background: url(../images/nav.gif) no-repeat -246px 0px;
	height: 16px;
	width: 62px;
	position: absolute;
	left: 248px;
	top: 0px;
}
#nav ul .character a {
	background: url(../images/nav.gif) no-repeat -325px 0px;
	height: 16px;
	width: 74px;
	position: absolute;
	left: 327px;
	top: 0px;
}
#nav ul .caststaff a {
	background: url(../images/nav.gif) no-repeat -415px 0px;
	height: 16px;
	width: 102px;
	position: absolute;
	left: 417px;
	top: 0px;
}
#nav ul .mobile a {
	background: url(../images/nav.gif) no-repeat 0px -19px;
	height: 16px;
	width: 52px;
	position: absolute;
	left: 5px;
	top: 19px;
}
#nav ul .music a {
	background: url(../images/nav.gif) no-repeat -75px -19px;
	height: 16px;
	width: 75px;
	position: absolute;
	left: 77px;
	top: 19px;
}
#nav ul .dvdbluray a {
	background: url(../images/nav.gif) no-repeat -170px -19px;
	height: 16px;
	width: 74px;
	position: absolute;
	left: 171px;
	top: 19px;
}
#nav ul .goods a {
	background: url(../images/nav.gif) no-repeat -265px -19px;
	height: 16px;
	width: 40px;
	position: absolute;
	left: 268px;
	top: 19px;
}
#nav ul .aboutkaruta a {
	background: url(../images/nav.gif) no-repeat -323px -19px;
	height: 16px;
	width: 103px;
	position: absolute;
	left: 325px;
	top: 19px;
}
#nav ul .aboutkaruta span {
	background: url(../images/nav.gif) no-repeat -323px -19px;
	opacity: 0.3;
 	filter: alpha(opacity=30);	/* IE6、IE7対応 */
 	-moz-opacity: 0.3;		/* Firefox1.5以前対応 */	height: 16px;
	width: 103px;
	position: absolute;
	left: 325px;
	top: 19px;
}


#nav li {
/*    margin:0; */
/*    padding:0; */
    list-style:none;
	float: left;
}

#nav li a , #nav li span {
    display:block; 
    line-height:normal;
	text-indent: -9999px;
	}





/*----------is2nd----------*/


body.is2nd #contents {
	padding-right: 18px;
	padding-left: 18px;
}

body.is2nd #main {
	width: 633px;
}

body.is2nd .content {
	width: 633px;
	margin-right: auto;
	margin-left: auto;
}
body.is2nd #header {
	width: 560px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

body.is2nd h1 {
	width: 83px;
	display: block;
	height: 286px;
	position: absolute;
	left: -45px;
	top: 10px;
	z-index: 100;
}

body.is2nd h1 a{
	width: 83px;
	display: block;
	height: 286px;
	background: url(../images/logo.png);
	text-indent: -9999px;

}

body.is2nd p.oaate
{
	width: 31px;
	display: block;
	height: 570px;
	background: url(../images/onair.gif);
	text-indent: -9999px;	
	position: absolute;
	left: 558px;
	top: 10px;

}
body.is2nd .main {
	width: 470px;
	margin-right: auto;
	margin-left: 2px;
	background: url(../images/main_bg.jpg) repeat-y center top;
	padding: 20px 81px 20px 82px;
	box-sizing: content-box;
}
body.is2nd .main02 {
	width: 470px;
	margin-right: auto;
	margin-left: 2px;
	padding: 0px 81px 0px 58px;
}
body.is2nd h2 {
	padding-left: 40px;
	padding-bottom: 10px;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: content-box;
}
body.is2nd #bottom {
	background: url(../images/bottom_bg.jpg) no-repeat 2px top;
	width: 633px;
	clear: both;
	float: none;
}
body.is2nd #bottom02 {
	width: 633px;
	clear: both;
	margin-top:-10px;
	float: none;
}
body.is2nd p.comingsoon {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
body.is2nd p.comingsoon .btn{
	padding-top: 20px;
	display: block;
}


/* a:link {
	text-decoration: none;
	color: #FF7463;
}
a:visited {
	text-decoration: none;
	color: #FF7463;
}
a:hover {
	text-decoration: none;
	color: #FF7463;
}
a:active {
	text-decoration: none;
	color: #FF7463;
} */

/*メルマガバナー*/
#side div#banner_navimail {	width: 100%; }
#side div#banner_navimail a {
	background: url(http://www.ntv.co.jp/basic2011/images/bnr_navimail.png) no-repeat 0px 0px;
	background-size:100% auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	min-height: 105px;
	text-indent: -9999px;
	height: 105px;
}
#top #wrapper #contents #section-update {
	background: url(../images/top/information_bg.gif) no-repeat;
	height: 234px;
	width: 294px;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
	box-sizing: content-box;
}
#top #wrapper #contents #section-nextoa{
	background: url(../images/top/nextoa_bg.gif) no-repeat;
	height: 90px;
	width: 294px;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
	box-sizing: content-box;
}

#top #wrapper #contents #section-onair{
	margin-bottom: 10px;
}
#top #wrapper #contents #section-nextoa p{
	padding: 10px;
	font: bold 14px/1.6em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#top #wrapper #contents #section-nextoa h2 span{
	display:none;
}
.ntv-programHeader a{
	color: #fff;
}

.ntv-footerGenreNav-sp ul li:nth-child(2n+1) {
  width: calc(50% - 1px);
}