@charset "utf-8";
/* CSS Document */


/* BAN ----------------------------- */
.presentForm{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:640px;
	height:120px;
	background:url(../img/banner_mechayuru063.png) no-repeat;
	text-indent:-1000em;
	cursor:pointer;
}
.presentForm{background-position:0px 0px;}
.presentForm:hover{background-position:0px -120px;}



/* GLOBAL ----------------------------- */
.zerotv, #fp-l{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}
.zerotv *{
	margin:0;
	padding:0;
}
.zerotv img,
.zerotvBanners img{
	border:none;
}

a{
	outline:none;
}

ul,ol,li{
	list-style:none;
}

hr.clear{
	clear:both;
	height:0px;
	margin:0;
	padding:0;
	border:none;
	line-height:0;
	opacity:0;
}



/* OUTLINE ----------------------------- */
body{
	width:100%;
	background:transparent url(../img/bgWall.jpg) repeat center top;
	-webkit-text-size-adjust:none;
}

#zerotvBG1{
	width:100%;
	margin:0 auto;
	background:url(../img/bgLight.png) repeat-x center top;
}

#zerotvBG2{
	width:100%;
	margin:0 auto;
	padding:40px 0 0 0;
}



/* ALPHA ----------------------------- */
#zerotvWB{
	position:relative;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background:url(../img/bgWB.png) repeat-y center center;
	background-size:1210px 20px;
}

.top #alphaBG{
	background:url(../img/bgAlpha.jpg) no-repeat 50% 120px;
}

#alpha{
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:4px 0 0 0;
	text-align:center;
}
#alpha > div{
	text-align:left;
}
#alphaL, #alphaR{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
#alphaL{
	width:640px;
	padding:0 0 10px 0;
}
#alphaR{
	width:350px;
	margin-left:10px;
}

#siteTitle, #zerotvHeadBan{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
#siteTitle{
	width:180px;
	height:60px;
}
#siteTitle a{
	display:block;
	width:180px;
	height:60px;
	background:url(../img/zerotvLogo.png) no-repeat 0px 0px;
	text-indent:-1000em;
}
#zerotvHeadBan{
	width:420px;
	padding:0 0 0 10px;
}
#zerotvHeadBan a{
	display:block;
	position:relative;
	width:420px;
	height:63px;
	background:url(../img/headBan.png) no-repeat 0px 0px;
	text-indent:-1000em;
}
#zerotvHeadBan a:hover{
	background-position:0px -70px;
}
#zerotvHeadBan a .mag{
	display:block;
	position:absolute;
	top:-12px;
	left:205px;
	width:30px;
	height:30px;
	background:url(../img/magB.png) no-repeat 50% 50%;
	z-index:10;
}

/* alpha [Navi] */
#navi{
	height:55px;
	margin-top:5px;
}
#navi a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:160px;
	height:55px;
	margin-right:5px;
	background:url(../img/navi.png) no-repeat;
	text-indent:-1000em;
	vertical-align:top;
	cursor:pointer;
}
#navi a#navi01{width:130px;background-position:0px 0px;}
#navi a#navi02{width:140px;background-position:-155px 0px;}
#navi a#navi03{width:130px;background-position:-310px 0px;}
#navi a#navi04{width:155px;background-position:-460px 0px;}
#navi a#navi01:hover, #navi a#navi01.now{width:130px;background-position:0px -60px;}
#navi a#navi02:hover, #navi a#navi02.now{width:140px;background-position:-155px -60px;}
#navi a#navi03:hover, #navi a#navi03.now{width:130px;background-position:-310px -60px;}
#navi a#navi04:hover, #navi a#navi04.now{width:155px;background-position:-460px -60px;}


/* alpha [Photo] */
#alphaPhoto{
	position:relative;
	height:440px;
}
#blockVideoWrap{
	position:absolute;
	top:181px;
	left:62px;
	width:307px;
	height:210px;
	background:url(../img/videoBG.png) no-repeat left top;
}
#blockVideo{
	margin:8px 0 0 9px;
}

/* alpha [R] */
#FODYNN{
	position:relative;
	width:350px;
	height:235px;
	padding:95px 0 30px 0;
	margin:10px 0 0 0;
	background:url(../img/banner_FOD_YNN_base.png) no-repeat;
}
#FODYNN a{
	display:block;
	position:absolute;
	width:130px;
	height:60px;
	text-indent:-1000em;
	background-image:url(../img/banner_FOD_YNN_btn.png);
}
#FODYNN a.fod{
	left:15px;
	top:294px;
	background-position:-5px -5px;
}
#FODYNN a.ynn{
	left:205px;
	top:294px;
	background-position:-195px -5px;
}
#FODYNN a.fod:hover{background-position:-5px -85px;}
#FODYNN a.ynn:hover{background-position:-195px -85px;}


#FODYNN_SP{
	display:none;
	position:relative;
	top:385px;
	left:400px;
	width:220px;
	height:260px;
	padding:0px 0 0px 0;
	background:url(../img/banner_FOD_YNN_base_SP.png) no-repeat;
}
#FODYNN_SP a{
	display:block;
	position:absolute;
	top:185px;
	width:100px;
	height:30px;
	text-indent:-1000em;
}
#FODYNN_SP a.fod{
	left:5px;
}
#FODYNN_SP a.ynn{
	left:110px;
}

/* BANNERS ----------------------------- */
#zerotvBanners{
	position:relative;
	margin-top:0px;
	padding:25px 0 20px 0;
}

#zerotvBanners a.banner{
	display:block;
	width:350px;
	height:160px;
}

#zessannboshuchu{
	display:block;
	margin:25px 0 0 0;
	cursor:pointer;
	overflow:hidden;
}
#zessannboshuchu:hover{
	text-indent:-350px;
}

#fp-r-zerotv{
	margin:20px 0 20px 0;
}
#poster{
	position:relative;
	padding:12px 15px 12px 7px;
}
#posterPinMag{
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	height:475px;
	background:url(../img/posterPin.png) no-repeat 0px 0px;
}
#alpha #posterPinMag{
	background:url(../img/posterMag.png) no-repeat 0px 0px;
}

#minogashi{
	position:relative;
	width:620px;
	height:120px;
	margin:10px auto;
	background:url(../img/minogashi.png) no-repeat 0px 0px;
}
#minogashi .fod,
#minogashi .ynn{
	display:block;
	position:absolute;
	width:160px;
	height:60px;
	background:url(../img/minogashi.png) no-repeat 0px 0px;
	text-indent:-1000em;
}
#minogashi .fod{
	top:30px;
	left:180px;
	background-position:-180px -30px;
}
#minogashi .ynn{
	top:30px;
	left:420px;
	background-position:-420px -30px;
}
#minogashi .fod:hover{background-position:-180px -32px;}
#minogashi .ynn:hover{background-position:-420px -32px;}



/* BETA ----------------------------- */

/*
#beta{
	height:800px;
	background:url(../img/bgBeta_new.png) no-repeat 0px 0px;
}

#betaInner{
	height:800px;
	background:url(../img/bgBeta2_new.jpg) no-repeat 20px 20px;
}

#betaNavi{
	padding:40px 0 0 30px;
}
#betaNavi li{
	display:inline-block;
	height:50px;
	background:url(../img/bgBeta2.jpg) no-repeat;
	margin-right:14px;
}
#betaNavi li.navi01{width:150px; background-position:-10px -20px;}
#betaNavi li.navi02{width:210px; background-position:-170px -20px;}
#betaNavi li.navi03{width:170px; background-position:-400px -20px;}
#betaNavi li a{
	display:block;
	height:50px;
	background:url(../img/naviBetaHover.png) no-repeat 0px -100px;
	text-indent:-1000em;
}
#betaNavi li.navi01 a:hover, #betaNavi li.navi01.now a{background-position:10px 38px;}
#betaNavi li.navi02 a:hover, #betaNavi li.navi02.now a{background-position:-145px 38px;}
#betaNavi li.navi03 a:hover, #betaNavi li.navi03.now a{background-position:-375px 38px;}
#betaNavi li.now a{
	cursor:default;
}


#betaBody{
}

*/

#beta{
	position:relative;
	height:1000px;
	width:615px;
	margin:0 auto;
}

#betaNavi{
	background:url(../img/beta_menu.png) no-repeat;
	height:85px;
}

#betaNavi ul{
	width:538px;
	margin:0px auto;
	padding:35px 0 0 90px;
}
			
#betaNavi li{
	display:block;
	height:50px;
	float:left;
}

#betaNavi li a{
	display:block;
	height:60px;
	margin:0 20px;
	background:url(../img/betaNavi.png);
	text-indent:-1000em;
}

#betaNavi li.navi01 a{width:160px;background-position:0px 0px;}
#betaNavi li.navi02 a{width:200px;background-position:-200px 0px;}
#betaNavi li.navi01 a:hover{background-position:0px -60px;}
#betaNavi li.navi02 a:hover{background-position:-200px -60px;}

#betaInner{
	background:url(../img/beta_bg_main.png) bottom center;
	height:900px;
	z-index:0;
}

.betaPen{
	width:127px;
	height:235px;
	background:url(../img/beta_pen.png);
	position:absolute;
	bottom:-20px;
	right:0px;
	z-index:100;
}




/* concept ----------------------------- */
#beta.beta1{height:auto;}
#beta.beta1 #betaInner{height:auto;}

#beta01{
	padding:10px 60px 20px 50px;
	background:url(../img/concept/magnets.png) no-repeat 37px 556px;
	font-size:12px;
	line-height:15px;
}




/* schedule ----------------------------- */
#beta.beta1{height:740px;}
#beta.beta1 #betaInner{height:640px;}

#beta01{
	height:570px;
	padding:10px 40px 20px 50px;
	background:url(../img/schedule/table.gif?123) no-repeat 37px 11px;
}
#beta01 p{
	padding:13px 0 0 105px;
	font-size:15px;
	line-height:30px;
}
#beta01 a{
	color:#039;
	text-decoration:underline;
	cursor:pointer;
}
#beta01 a:hover{
	color:#000;
	text-decoration:none;
}


/* timetable ----------------------------- */
#beta.beta2{height:740px;}
#beta.beta2 #betaInner{height:640px;}


/* press ----------------------------- */
#beta04{
	height:570px;
	padding:10px 60px 20px 50px;
	background:url(../img/press/photos.png) no-repeat 37px 11px;
}
#beta04 p{
	font-size:12px;
	line-height:20px;
}
#beta0401{padding:40px 40px 30px 230px;}
#beta0402{padding:60px 240px 30px 0px;}
#beta0403{padding:40px 10px 30px 220px;}
#beta0404{padding:70px 310px 30px 10px;}




/* FOOTER ----------------------------- */
#footer{
	width:600px;
	height:140px;
	margin:30px auto 40px auto;
	background:url(../img/copyright.png) no-repeat 0px 0px;
}

#footer p{
	padding:0px 30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	line-height:18px;
	color:#333;
}

#footer .note{
	padding-top:34px;
}

#footer #copyright{
	padding-top:10px;
	text-align:center;
}

.secPolicy {
    width: 100%;
    clear: both;
}

.secPolicy__txt {
    font-size: 12px;
    line-height: 24px;
    padding: 20px 0;
    background-color: #FBF2B0;
    color: #000;
    text-align: center;
    margin-bottom: 0;
}
@media screen and (min-width: 801px) {
    .secPolicy__pchide {
        display: none !important;
    }
}

.secPolicy__link {
    text-decoration: underline;
    color: #1a73e8;
    transition: all 0.25s;
    opacity: 1;
}
@media (hover: hover) and (pointer: fine) and (min-width: 751px) {
    .secPolicy__link:hover {
        opacity: .8;
    }
}
@media only screen and (max-width: 800px){
    .secPolicy__txt {
        font-size: 5vw;
        line-height: 8.125vw;
        padding: 5vw;
        text-align: left;
    }

    .secPolicy__sphide {
        display: none !important;
    }
}






/* MOVIE ----------------------------- */
.btnMovie{
	cursor:pointer;
}
#screenMovie,
#screenPostFrom{
	position:absolute;
	width:640px;
	height:360px;
	background-color:#000;
	z-index:1000;
	-webkit-box-shadow: 0 0px 30px 0px #000;
	-moz-box-shadow: 0 0px 30px 0px #000;
	box-shadow: 0 0px 30px 0px #000;
	}
#screenMovie iframe{
	border:1px solid #000;
}
#overLayer{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	display:none;
	position:absolute;
	top:0;
	width:100%;
	min-width:640px;
	height:100%;
	background:#000;
	z-index:999;
}




/* FORM ----------------------------- */
.zerotv .thePostForm{
	background:#eee;
	font-size:12px;
	color:#333;
}
.zerotv .thePostForm a{color:#ff7200;}
.zerotv .thePostForm a:hover{color:#333; text-decoration:none;}

.zerotv .postForm01, .zerotv .postForm02{
	padding:30px;
}
.zerotv .thePostForm .header{
	padding-bottom:20px;
	text-align:center;
}
.zerotv .thePostForm .postForm01 .header h2{
	padding-bottom:15px;
}
.zerotv .thePostForm .postForm01 .header a{
	cursor:pointer;
}
.zerotv .bodyL, .zerotv .bodyR{
	vertical-align:top;
}
.zerotv .bodyR{
	float:right;
	width:270px;
}
.zerotv .bodyL{
	float:left;
	width:290px;
}

.zerotv .thePostForm .postForm01 .note{
	margin-top:10px;
	font-size:10px;
}
.zerotv .thePostForm .postForm01 .bodyL .note{color:#666;}
.zerotv .thePostForm .postForm01 .bodyR .note{color:#e23535;}

.zerotv .byWeb, .zerotv .byMail, .zerotv .byPost{
	padding:10px;
	background:#fff;
	border-radius:3px;
}
.zerotv .byWeb{
	height:310px;
	line-height:32px;
}
.zerotv .byWeb h3{
	margin-bottom:10px;
}
.zerotv .byWeb .input01 label{
	display:inline-block;
	width:105px;
}
.zerotv .byWeb input{
	vertical-align:middle;
}
.zerotv .byWeb .input01 input{
	width:160px;
}
.zerotv .byWeb textarea{
	width:265px;
	height:75px;
}
.zerotv .blockSubmit{
	text-align:center;
}
.zerotv .btnSubmit{
	display:none;
	width:100px;
	height:25px;
	background:url(../img/form/btnSend.png);
	border:none;
	text-indent:-1000em;
	cursor:pointer;
}
.zerotv .btnFake{
}

.zerotv .byMail, .zerotv .byPost{
	height:70px;
	margin-top:25px;
	font-size:14px;
}
.zerotv .byMail p, .zerotv .byPost p{
	margin-top:10px;
}
.zerotv .byMail p{
	margin-top:18px;
}

.zerotv .thePostForm .postForm02 h3{
	display:inline-block;
	border-bottom:1px #333 solid;
}
.zerotv .thePostForm .postForm02 p{
	margin:8px 0 20px 0;
}
.zerotv .thePostForm .footer{
	margin-top:50px;
	text-align:center;
}
.zerotv .thePostForm .footer .btnYesNo{
	margin-top:10px;
}
.zerotv .thePostForm .footer .btnYesNo a{
	display:inline-block;
	margin:10px 5px;
	cursor:pointer;
}


/* FORM_SP ----------------------------- */
.thePostformSP{
	width:320px !important;
}
.thePostformSP .postForm01{
	padding:20px 0 10px 0;
}
.thePostformSP .postForm01 .header h2 img{
}
.thePostformSP .postForm01 .header a img{
	width:300px;
}
.thePostformSP .bodyR{
	float:none;
	width:290px;
	margin:0 auto;
	padding:0 0 30px 0;
}
.thePostformSP .bodyL{
	float:none;
	margin:0 auto;
	padding:0 0 30px 0;
}

.thePostformSP .byMail{
	margin-top:15px;
	height:55px;
}
.thePostformSP .byMail p{
	margin-top:11px;
}


.thePostformSP .postForm02{
	padding:20px 5px;
}





/* 5月4日放送対応 */
#movie0504{
	position:relative;
	width:640px;
	height:160px;
	margin:10px 0 10px 0;
	padding:50px 0 0 0;
	background:url(../img/movie0504/movie_bg.png) no-repeat;
	text-align:center;
}
#movie0504 h3{
}
#movie0504 .blockMovie{
	display:inline-block;
	width:180px;
	height:140px;
	padding:0 10px;
}
#movie0504 .blockMovie a{
	display:block;
	height:140px;
	background:url(../img/movie0504/movie_btn.png) no-repeat;
}
#movie0504 .blockMovie a:hover{
	background-position:-200px 0px;
}

#movie0504_1{
	background:url(../img/movie0504/movie_thumb01.png) no-repeat center top;
}
#movie0504_2{
	background:url(../img/movie0504/movie_thumb02.png) no-repeat center top;
}
#movie0504_3{
	background:url(../img/movie0504/movie_thumb03.png) no-repeat center top;
}

#movie0504_wait{
	display:none;
	position:absolute;
	top:70px;
	left:150px;
}