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



body{
	background: #fff;
	font-size:80%;
	-webkit-text-size-adjust: 100%;
	}
a{
	color:#FFF;
	}
a:hover{
	color:#29c9f8 !important;
	}
a:visited{
	color:#FFF;
	}

#loader {
	width: 28px;
	height: 28px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -14px; /* heightの半分のマイナス値 */
	margin-left: -14px; /* widthの半分のマイナス値 */
	z-index: 200;
}

#fade {
	width: 100%;
	height: 1500px !important;
	display: none;
	background-color: #6f625e;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 190;
}

	
#topContainer{
	width:100%;	
	min-width:1098px;
	background:url(../images/top-bg.jpg) no-repeat #fff;		
	}
	
	
#underContainer{
	width:100%;
	min-width:1098px;
	}

 /*------------------------ 各ページの背景イメージ設定---------------------- */
.bgNews{
background:url(../news/images/bg_news.jpg) center center / cover no-repeat fixed !important;	
	}
head~/* */body .bgNews {
background:url(../news/images/bg_news.jpg) center center;
}
html:not(:target) .bgNews {
background:url(../news/images/bg_news.jpg) center center;
}

.bgStaff{
background:url(../staff-cast/images/bg_staff.jpg) center center / cover no-repeat fixed !important;	
	}
head~/* */body .bgStaff {
background:url(../staff-cast/images/bg_staff.jpg) center center;
}
html:not(:target) .bgStaff {
background:url(../staff-cast/images/bg_staff.jpg) center center;
}

.bgOnair{
background:url(../on_air/images/bg_on_air.jpg) center center / cover no-repeat fixed !important;	
	}
head~/* */body .bgOnair{
background:url(../on_air/images/bg_on_air.jpg) center center;
}
html:not(:target) .bgOnair{
background:url(../on_air/images/bg_on_air.jpg) center center;
}

.bgCharacter{
background:url(../character/images/bg_character.jpg) center center / cover no-repeat fixed !important;	
	}
head~/* */body .bgCharacter{
background:url(../character/images/bg_character.jpg) center center;
}
html:not(:target) .bgCharacter{
background:url(../character/images/bg_character.jpg) center center;
}

.bgStory{
background:url(../story/images/bg_story.jpg) center center / cover no-repeat fixed !important;	
	}
head~/* */body .bgStory{
background:url(../character/images/bg_story.jpg) center center;
}
html:not(:target) .bgStory{
background:url(../story/images/bg_story.jpg) center center;
}


.bgSpecial{
background:url(../special/images/bg_special.jpg) center center / cover no-repeat fixed !important;	
	}
head~/* */body .bgSpecial{
background:url(../special/images/bg_special.jpg) center center;
}
html:not(:target) .bgSpecial{
background:url(../special/images/bg_special.jpg) center center;
}

.bgMusic{
background:url(../music/images/bg_music.jpg) center center / cover no-repeat fixed !important;	
	}
head~/* */body .bgMusic{
background:url(../music/images/bg_music.jpg) center center;
}
html:not(:target) .bgMusic{
background:url(../music/images/bg_music.jpg) center center;
}

.bgBDdvd{
background:url(../bd-dvd/images/bg_bd-dvd.jpg) center center / cover no-repeat fixed !important;	
	}
head~/* */body .bgBDdvd{
background:url(../bd-dvd/images/bg_bd-dvd.jpg) center center;
}
html:not(:target) .bgBDdvd{
background:url(../bd-dvd/images/bg_bd-dvd.jpg) center center;
}


 /*------------------------ 各ページの背景イメージ設定---------------------- */	
 
	
#headLine{
	width:100%;
	background:#574c49;
	height:80px;
	border-bottom:1px solid #FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	min-width:1098px;
	}
	
#headFix{
	position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
   width:100%;
    height: 140px;
	z-index:200;
	}
	
		
#topWrapper{
	width:1098px !important;
	margin:0 auto;
	position:relative;
	height:1030px;

	}
#underWrapper{
	width:1098px;
	margin:0 auto;
	position:relative;
	min-height:900px;
	}
	
#underWrapper #detailCont{

	width:100%;
min-height:700px;
	text-align:center;
	padding-top:150px;
	}	
		
.udCont{
	width:100%;
	height:100%;
	min-height:900px;
	border-left:1px solid #888d87;
	border-right:1px solid #888d87;
	background:url(../images/bg_cube.png);
	padding-bottom:40px;
	}	
		

/* ---------------NEWS --------------- */		

	
.udCont #newsListCont{
	width:550px;
	font-size:110%;
	color:#FFF;
	text-align:left;
	margin:50px auto 0 auto;
	
	}
.udCont #newsListCont dl{	
	margin-bottom:15px;
		margin-top: -150px; /* リンク位置上昇分 */
    padding-top: 150px; /* 上昇分を戻す分 */
	}
.udCont #newsListCont dl dt,.udCont #newsListCont dl dd{
	line-height:1.3;
	}
.udCont #newsListCont dl dt{
	margin-bottom:5px;	
	}
.udCont #newsListCont dl dd{
	background:url(../images/news_marker.png) no-repeat 0 2px;
	font-weight:bold;
	font-size:130%;
	margin-bottom:15px;
	padding-left:50px;
	}

	
.udCont p.newsLine{
	padding:0 0 25px 55px;
	border-bottom:1px solid #FFF;
	line-height:1.6;
	margin-bottom:25px;
	}
	
/* ---------------ON AIR --------------- */		

#tv-webCont{
	background:url(../on_air/images/tv_schedule.png) no-repeat;
	width:912px;
	height:873px;
	margin:0 auto;	
	}

ul#webList{
	width:415px;
	padding-top:519px;
	margin-left:280px;
	}
ul#webList li{
	text-align:left;
	}


/* ---------------CHARACTER --------------- */	

ul#charaList1{
	width:840px;
	margin:20px auto;
	}
ul#charaList1 li{
	float:left;
	margin-right:5px;
	}
ul#charaList2{
	width:630px;
	margin:20px auto;
	}
ul#charaList2 li{
	float:left;
	margin-right:5px;	
	}
ul#charaList3{
	width:420px;
	margin:20px auto;
	}
ul#charaList3 li{
	float:left;
	margin-right:5px;
	}


ul#nihonList{
	width:215px;
	margin:40px auto 20px auto;
	}
ul#nihonList li{
	float:left;
	margin-right:5px;
	}
ul#tokuchiList{
	width:630px;
	margin:20px auto;
	}
ul#tokuchiList li{
	float:left;
	margin-right:5px;	
	}
	
/* ---------------SPECIAL --------------- */	

.spWrapper{
	width:920px;
	margin:0 auto 50px auto;
	}

.sp-head{
	background:url(../special/images/sp_head.png) no-repeat;
	width:920px;
	height:35px;
	position:relative;	
	}
	
.sp-head .corner1{
	position:absolute;
	width:127px;
	height:125px;
	z-index:50;
	left: -21px;
	top: -8px;
	background:url(../special/images/corner.png) no-repeat;
	}
.sp-head .corner2{
	position:absolute;
	width:127px;
	height:125px;
	z-index:50;
	right: -21px;
	top: -8px;
	background:url(../special/images/corner-02.png) no-repeat;
	}
	
.spCont{
	background:url(../special/images/sp_middle.png) repeat-y;
	width:920px;
	min-height:130px;
	padding:20px 10px 20px 10px;
	}
.spCont h3{
	width:400px;
	text-align:center;
margin:0 auto 18px auto;

	}
.spCont ul{
	width:640px;
	margin:0 auto;
	}	
.spCont ul.movieList li{
	float:left;
	width:146px;
	border:1px solid #969696;
	margin:0 10px 10px 0;
	}	
.spCont ul.movieList li span{
	display:block;
	background:#000;
	color:#FFF;
	text-align:center;
	height:30px;
	border-top:1px solid #969696;
	line-height:1.2;
	font-size:11px;
	padding:4px 0 0 0;
	}
	
.spCont ul.cardList li{
	float:left;
	width:146px;
	margin:0 10px 10px 0;
		}	
.spCont ul.cardList li img{
	border:1px solid #969696;
		}	
		

.spCont ul.cardList li span{
		display:block;
	color:#FFF;
	text-align:center;
	height:20px;
	line-height:1.4;
	font-size:12px;
	margin-top:5px;
	}		
		
	
.sp-foot{
	position:relative;
	background:url(../special/images/sp_foot.png) no-repeat;
	width:920px;
	height:12px;
	}	
.sp-foot .corner3{
	position:absolute;
	width:127px;
	height:125px;
	z-index:50;
	left: -21px;
	bottom: -25px;
	background:url(../special/images/corner-03.png) no-repeat;
	}
.sp-foot .corner4{
	position:absolute;
	width:127px;
	height:125px;
	z-index:50;
	right: -21px;
	bottom: -25px;
	background:url(../special/images/corner-04.png) no-repeat;
	}

.c-Link{
	color:#FFF;
	font-size:100%;
	text-align:center;
	margin:30px 0;
	
	}

.spCont #gaiyo{
	color:#FFF;
	margin-bottom:5px;
	}
.spCont #gaiyo h4{
	font-weight:bold;
	font-size:180%;
	margin:40px 0 50px 0;
	}
.udCont #gaiyo p{
	text-align:left;
	font-size:120%;
	line-height:1.6;
	}
.udCont #gaiyo p.lead{
	font-size:130%;
	margin:0 0 25px 180px;
	}
.udCont #gaiyo p.main{
	margin:0 0 25px 220px;
	}
.udCont #gaiyo p.line{
	width:650px;
	border-bottom:1px solid #FFF;
	margin:0 0 10px 130px;
	}
.udCont #gaiyo p.atend{
	margin:0 0 25px 130px;
	}


/* ---------------STORY --------------- */	

#storyCont{
	width:866px;
	margin:0 auto;
	}
#storyCont #storyTop{
	background:url(../story/images/story_bg_top.png) no-repeat;
	width:851px;
height:39px;
	}
#storyCont #storyMid{
	background:url(../story/images/story_bg_middle.jpg) no-repeat top #1d1513;
	width:851px;
	}
#storyCont #storyBottom{
	background:url(../story/images/story_bg_bottom.png) no-repeat;
	width:851px;
	height:44px;
	}
	

	
#storyCont .sMenuiframe{
	/* ---------------1行の場合 	height:80px;--------------- */
	height:130px
	}
	
#textCont{
	width:360px;
	float:left;
	margin:5px 10px 10px 30px;
	}
#textCont p{
	color:#FFF;
	font-size:100%;
	line-height:1.9;
	padding:20px 0 25px 10px;
	text-align:left;
	}
#textCont h3{
	text-align:left;
	}
#movieCont{
	width:410px;
	float:right;
	margin:5px 30px 10px 0;
	}
	
.sLine{
	background:url(../story/images/story_border.gif) no-repeat top;
	width:301px;
	height:14px;
	margin:5px auto;
	
	}
dl#storyStaff dt{
	margin-left:35px;
	 float:left;
    clear: left;
    width:70px;
	text-align:left;
	line-height:1.2;
	font-size:80%;
		color:#FFF;
	}
dl#storyStaff dd{
	font-size:90%;
    color:#FFF;
	text-align:left;
	line-height:1.2;
	min-height:20px;
	padding-top:3px;
	padding-right:50px;
	margin-left:120px;  
	}


/* ---------------MUSIC/Blu-rayDVD --------------- */	

ul.musicMenu{
	margin:0 auto 20px auto;
	width:612px;
	
	}
ul.musicMenu li{
	float:left;
	width:148px;
	margin-right:5px;
	}	
ul.musicMenu2{
	margin:40px auto 5px auto;
	width:459px;
	
	}
ul.musicMenu2 li{
	float:left;
	width:148px;
	margin-right:5px;
	}	

#music01
{
			margin-top: -200px; /* リンク位置上昇分 */
    padding-top: 200px; /* 上昇分を戻す分 */
	}
#music02,#music03{
			margin-top: -120px; /* リンク位置上昇分 */
    padding-top: 120px; /* 上昇分を戻す分 */
	}

.itemWrapper{
	width:920px;
	margin:0 auto;

	}

.item-head{
	background:url(../music/images/item_head.png) no-repeat;
	width:920px;
	height:12px;
	position:relative;	
	}
	
	
.itemCont{
	background:url(../music/images/item_middle.png) repeat-y;
	width:920px;
	min-height:130px;
	text-align:left;
	}
.itemCont .itemPdg{	
	padding:25px 110px;
	}
.itemCont h3{
	text-align:center;
line-height:1.8;
font-size:140%;
margin-bottom:18px;
	}
.itemCont h3 span{
font-size:80%;
font-weight:normal;
	}
.itemCont h4{
	font-size:130%;
	line-height:1.3;
	padding-left:20px;
font-weight:normal;
color:#22bdb0;
background:url(../music/images/icon_h4.png) no-repeat 0 2px;
margin-bottom:16px;
	}


.itemCont h4.tokuten1{
	font-size:130%;
	line-height:1.3;
	margin-left:20px;
	padding-left:20px;
font-weight:normal;
color:#cc3300;
background:url(../music/images/icon_h4_tokuten.png) no-repeat 0 2px;
margin-bottom:16px;
	}
.itemCont h5.tokuten2{
	font-size:100%;
	color:#cc3300;
	font-weight:bold;
	margin-left:30px;
	}
.itemCont h5.tokuten2 a{
	color:#cc3300; !important;
	}
.itemCont h5.tokuten2 a:visited{
	color:#cc3300; !important;
	}


.itemCont h5{
	font-size:110%;
	font-weight:normal;
	line-height:1.3;
	margin-left:15px;	
	}
	
	
.itemCont p{
	line-height:1.8;
	padding-left:25px;
	}

dl.itemList1{
	 overflow: hidden;
    zoom: 1;
	margin-left:20px;
	}

dl.itemList1 dt{
	width:120px;
	line-height:1.5;
	float:left;
	clear: both;
	margin-bottom:5px;
	}
dl.itemList1 dd{
	padding: 0 0 5px 150px;
	line-height:1.5;
	margin-bottom:5px;
	
	}
.bo_t03{
	width:680px;
	border-top:1px dashed #666;
	margin:0 auto;
	padding:0 0 30px 0;
	}
.bo_t04{
	width:475px;
	border-top:1px dashed #666;
	margin:30px auto 10px auto;
	}
.bo_t05{
	width:680px;
	border-top:1px solid #CCC;
	margin:30px auto 35px auto;
	}
.tenpoWrapper h4{
	color:#0C6;
	font-size:120%;
	background:none;
	padding:0 !important;
	}
	
	
.item-foot{
	position:relative;
	background:url(../music/images/item_foot.png) no-repeat;
	width:920px;
	height:12px;
	}	
	
.item-head .corner1{
	position:absolute;
	width:63px;
	height:63px;
	z-index:50;
	left: -8px;
	top: -8px;
	background:url(../music/images/corner.png) no-repeat;
	}
.item-head .corner2{
	position:absolute;
	width:63px;
	height:63px;
	z-index:50;
	right: -7px;
	top: -8px;
	background:url(../music/images/corner-02.png) no-repeat;
	}
	
.item-foot .corner3{
	position:absolute;
	width:63px;
	height:63px;
	z-index:50;
	left: -8px;
	bottom: -8px;
	background:url(../music/images/corner-03.png) no-repeat;
	}
.item-foot .corner4{
	position:absolute;
	width:63px;
	height:63px;
	z-index:50;
	right: -7px;
	bottom: -7px;
	background:url(../music/images/corner-04.png) no-repeat;
	}

.tenpoWrapper{
	background:#fff;
	padding:20px 30px;
	border:1px solid #e5e5e5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}

dl.bdList1{
	margin:10px 0 20px 20px;
	}
dl.bdList1 dt{
	line-height:1.3;
	margin-left:20px;
	 float:left;
    width:220px;
	text-align:left;
	color:#06C;
	margin-bottom:5px;
	}
dl.bdList1 dd{
	line-height:1.3;
	min-height:20px;
	margin-left:250px;  
	margin-bottom:5px;
	}

.itemWrapper a{
	color:#333;
	}





.dMenuiframe{
	height:130px
	}





/* ---------------other--------------- */	


#headCont{
	position:relative;
	width:1098px;
	margin:0 auto;
	}
	
h1{
	width:297px;
	position:absolute;
	z-index:90;
	top:10px;
	left:10px;
	}

	
ul#movieContHide{
	position:absolute;
	z-index:40;
	top: -9999px;
	left: -9999px;

	}

ul#movieCont{
	position:absolute;
	width:315px;
	z-index:40;
	top: 148px;
	left: 750px;
	}
ul#movieCont li{
	width:156px;
	float:left;
	}
	

.BoardCont{
	width:342px;
	position:relative;
	}
	
.newsCont{
	position:absolute;
	left:732px;
	top:237px;
	z-index:44;
	}
.twitterCont{
	position:absolute;
	left:742px;
	top:563px;
	z-index:46;
	}
.follow{
	position:absolute;
	left:-55px;
	top:62px;
	z-index:48;
	}
	
.boardRec3{
	background:url(../images/board_rec3_bg.png) no-repeat;
	height:169px;
	padding-left:50px;
	}
.boardRec4{
	background:url(../images/board_rec4_bg.png) no-repeat;
	height:210px;
	padding-left:50px;
	}
.boardRec5{
	background:url(../images/board_rec5_bg.png) no-repeat;
	height:260px;
	padding-left:50px;
	}
.boardRecLong{
	background:url(../images/board_long_bg.png) no-repeat;
	height:334px;
	line-height:1.2;
	padding-left:50px;
	}
	
	
	
#footCont{
	width:100%;
	position:relative;
	height:210px;

	}
	
#footCont #footBG{
	width:100%;
	position:absolute;
	background:url(../images/footer_bg.jpg) repeat-x;
	height:210px;
	top:0;
	z-index:70;
	}
#footBG ul{
	width:760px;
	margin:20px auto 0 auto;
	}
#footBG ul li{
	float:left;
	margin-left:8px;
	}
#copyRight{
	width:590px;
	margin:60px auto 0 auto;
	}
	
#topbutton {
			position: fixed;
			bottom: 180px;
			right: 50px;
			width: 7em;
			display: none;
			z-index:500;
		}
	
	
	
	
/* ---------------アニメパーツ --------------- */


#haikei0{
	position:absolute;
	width:1188px;
	height:1030px;
	top: -1px;
	left: -103px;
	z-index:25;
	}


#animItem0{
	position:absolute;
	width:646px;
	height:666px;
	z-index:26;
	left: 270px;
	top: 152px;
	}
#animItem1{
	position:absolute;
	width:335px;
	height:594px;
	z-index:29;
	left: 236px;
	top: 390px;
	}
#animItem2{
	position:absolute;
	width:239px;
	height:662px;
	z-index:28;
	top:272px;
	left:-6px;
	}
#animItem3{
	position:absolute;
	width:668px;
	height:690px;
	top: 276px;
	left: 166px;
	z-index:27;
		
	}
#togeBanner{
	position:absolute;
	width:162px;
	height:164px;
	top: 344px;
	left: 557px;
	z-index:70;
	}
#twitterBanner{
	position:absolute;
	width:228px;
	height:70px;
	top: 153px;
	left: 901px;
	z-index:69;
	}
#twitterBanner2{
	position:absolute;
	width:228px;
	height:100px;
	top: 153px;
	left: 901px;
	z-index:70;
	border:1px solid #000;
	}
#twitterBanner3{
	position:absolute;
	width:228px;
	height:82px;
	top: 153px;
	left: 901px;
	z-index:71;
	}
	

#mainImage{
	position:absolute;
	width:1188px;
	z-index:36;
	left: -104px;
	top: 1px;
	}
#read1{
	position:absolute;
	width:520px;
	height:135px;
	z-index:37;
	top:111px;
	left:80px;
	}
#read2{
	position:absolute;
	z-index:38;
	text-indent:-9999px;
	top:100px;
	left:-800px;
	background:url(../images/read2.png) no-repeat;	
	width:400px;
	height:180px;
	
	}
	
#read3{
	position:absolute;
	z-index:39;
	text-indent:-9999px;
	top:35px;
	left:720px;
	background:url(../images/read3-1.png) no-repeat;	
	width:200px;
	height:700px;
	
	}
#read4{
	position:absolute;
	z-index:39;
	text-indent:-9999px;
	top:400px;
	left:10px;
	background:url(../images/read4-1.png) no-repeat;
	width:190px;
	height:480px;
	}
#read5{
	position:absolute;
	z-index:39;
	text-indent:-9999px;
	top:1085px;
	left:20px;
	background:url(../images/read5-1.png) no-repeat;	
	width:177px;
	height:19px;
	
	}
#btnIndex{
	position:absolute;
	z-index:100;
	top:920px;
	left:800px;
	width:282px;
	height:66px;
	
	}
#h1ap{
	position:absolute;
	z-index:20;
	top:10px;
	left:0;
	width:450px;

	}
	
	
ul#pushBanner{
	position:absolute;
	width:130px;
	height:19px;
	top: 193px;
	left:10px;
	z-index:70;
	}
	
ul#pushBanner li{
	margin-bottom:3px;
	}
	
	
	
#underWrapper a:hover img,#topWrapper a:hover img,#footCont a:hover img,#topbutton a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
	

#movieCont2{
	position:absolute;
	z-index:100;
	top:790px;
	left:850px;
	width:156px;
	height:120px;
	}
	
	
@media screen and (min-width: 1360px) {
#topWrapper{
	width:1280px;
	}
#underWrapper{
	width:1280px;

	}
.underNews{
	width:1280px;
	}
	
ul#movieCont{
	left: 890px;
	}
.newsCont{
	left:875px;
	}
.twitterCont{
	left:875px;
	}
#read2{	
	left:625px;
	
	}
	
#read3{
	left:870px;	
	}
#read4{
	left:40px;
	
	}
#read5{
	left:20px !important;
	
	}
#h1ap{
	left:-50px;
	}
#btnIndex{

	left:1200px;

	
	}
#movieCont2{
	left:1250px;
	}
	
#togeBanner{
	left: 690px;
	}

	
		
/* ---------------
#read2{
	top:150px;
	left:1050px;
	background:url(../images/read2_l.png) no-repeat;
	width:187px;
	height:572px;
	}
--------------- */	

}

@media screen and (max-width: 1360px) {	
#twitterBanner{
	left: 760px;

	}
#twitterBanner2{
	left: 760px;

	}
#twitterBanner3{
	left: 760px;

	}
}