@charset "utf-8";

/* ----------------------------------------------

	CSS information
	file name  :  top.css
	infomation :  トップページ用
	
 ---------------------------------------------- */


body{ background:#5cd8fc;}


#wrap_bg{
	width:100%;
	background:#5cd8fc url(../images/bg_top_body.jpg) repeat-x center top;}/*青空*/

#wrap{
	width:100%;
	background:url(../images/bg_top.jpg) no-repeat center top;}/*メイン*/


#top #container{
	background:url(../images/foot_fence.png) repeat-x center 540px;}/*フェンス上から540px*/

/*左側*/
#top_navi{
	width:450px;
	position:relative;
	height:540px;/*メニューまでの高さを決めています*/
	}

	/*ロゴ配置*/
	#top_navi #logo{
		position:absolute;
		top:42px;
		left:0;
		}

	/*ニューステキスト*/
	#top_navi .topics{
		width:410px;
		height:100px;
		padding:47px 15px 0;
		margin:170px auto 0;
		background:url(../images/bg_topics.gif) no-repeat left top;
		}
	
		#top_navi .topics ul{
			width:410px;
			height:80px;
			overflow:auto;
			}
	
		#top_navi .topics li{
			clear:both;
			border-bottom:1px solid #080059;
			color:#080059;
			line-height:1.4;
			padding:2px 0;
			overflow:hidden;
			}
	
		#top_navi .topics li .day{
			display:block;
			float:left;
			width:60px;
			color:#c8000b;
			font-size:82%;
			font-weight:bold;
			}
		
		#top_navi .topics li .txt{
			display:block;
			float:right;
			width:330px;
			}

	/*ベル坊リンク*/
	#top_navi .beelSpace{
		width:440px;
		margin:0 auto;
		height:180px;
		overflow:hidden;
		}

	/*ベル坊リンクがない時のバナー設置スペース*/
	#top_navi .spSpace{
		width:440px;
		margin:0 auto;
		height:180px;
		overflow:hidden;
		}
		#top_navi .spSpace .mobile{float:left; width:245px;}
		#top_navi .spSpace .sp{float:right; width:185px;}
		#top_navi .spSpace .sp img{ margin-bottom:9px}


/*ナビゲーション部分*/
#header{ height:110px;}/*メニュー部分の高さを決めてます*/

#navigation{
	width:960px;
	position:relative;
	}
	
	#navigation li{position:absolute;}
	#navigation a{display:block; overflow:hidden;}

	#navigation li.info{top:30px; left:4px; width:121px; height:56px;}
	#navigation li.story{top:1px; left:84px; width:121px; height:50px;}
	#navigation li.chara{top:37px; left:181px; width:121px; height:50px;}
	#navigation li.correlation{top:2px; left:281px; width:121px; height:48px;}
	#navigation li.next{top:39px; left:365px;width:122px; height:56px;}	
	#navigation li.back{top:5px; left:459px; width:122px; height:52px;}
	#navigation li.music{top:38px; right:292px; width:122px; height:54px;}
	#navigation li.staff{top:4px; right:183px; width:122px; height:52px;}
	#navigation li.mobile{top:45px; right:103px; width:122px; height:47px;}
	#navigation li.goods{top:13px; right:3px; width:122px; height:52px;}
	
	/*twitterと診断バナー*/
	#navigation li.spNavi1{top:95px; left:0px; width:215px; height:55px;}
	#navigation li.spNavi2{top:95px; left:225px; width:215px; height:55px;}
	#navigation li.spNavi3{top:95px; left:450px; width:215px; height:55px;}


/*footer*/
#top #footer{
	margin:0;
	padding-top:5px;
	}

	#top #footer .spSpace{
		width:960px;
		margin:0 auto;
		position:absolute;
		top:-16px;
		text-align:left;
		}

	#top #footer .copy{
		width:960px;
		margin:0 auto;
		text-align:right;
		}
	
	.ytvcopy{ margin:10px 0 0;}
	.bangumiinfo{ margin: 30px 0px 0px 0px;}
	/*バナーがきたらmarginを書き換えて設置*/
	#top #footer .banSpace{
		width:1020px;
		margin:10px auto 10px;
		text-align:center;
		}
	#top #footer .banSpace img{margin:0 5px;}

	a:link,a:visited{color:#000000; text-decoration:none;}
	a:hover,a:active{color:#c8000b; text-decoration:none;}