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

/*==================================================
	
  ● Title //CSS名
  ○ layout.css
  
  ● Created Date in CSS //CSS作成日
  ○ 2010.04.12
  
  ● Last Update //最終更新日
  ○ 2010.04.18
  
  ● Created by //製作元
  ○ ROM SHARING.INC
  
  ● Author //著者
  
  ● a Table of Contents //目次
  ○ Whole
  ○ Header
  ○ Navigation
  ○ Page Title
  ○ Contents
     ├Contents Left
	 └Contents Right
  ○ Footer
 
==================================================*/

/*--------------------------------------------------
  ○ Whole
--------------------------------------------------*/
#bg {
	 z-index: -1;
	 position:fixed;
	}

#wrap{
	width:100%;
	height:auto;
	clear:both;
}



/*--------------------------------------------------
  ○ header
--------------------------------------------------*/
#header{
	width:100%;
	height:auto;
	clear:both;
	background:#000;
}

#inhead{
	width:1060px;
	height:38px;
	clear:both;
	margin:0px auto;
	line-height:1;
	font-size:0px;
	padding:15px 0px 7px 0px;
}

.logoarea{
	width:160px;
	height:auto;
	float:left;
}

.gnaviarea{
	width:853px;
	height:auto;
	float:right;
}

.gnav_inbox{
	width:853px;
	height:auto;
	clear:both;
}

.gnav_inbox li{
	float:left;
	position: relative;
	display:block;
}

ul.child{
        display: none;
        position: absolute;
        margin-left: -5px;
        padding: 0;
		width:160px;
		background-color:rgba(0,0,0,0.65);
		padding:15px 0px 5px 0px;
		z-index:9999;
}

ul.child li{
	float:none;
}

ul.child li a{
    display: block;
    color: #fff;
	font-size:12px !important;
	padding:7px 10px;
}

ul.child li a:hover{
	color:#FF0000;
	text-decoration:none;
}

.gnav_inbox li.n02{
	margin-left:17px;
}

.gnav_inbox li.n03{
	margin-left:18px;
}

.gnav_inbox li.n04{
	margin-left:18px;
}

.gnav_inbox li.n05{
	margin-left:19px;
}

.gnav_inbox li.n06{
	margin-left:18px;
}

.gnav_inbox li.n07{
	padding-left:19px;
}

.gnav_inbox li.n08{
	margin-left:19px;
}

.gnav_inbox li.n09{
	margin-left:19px;
}

.gnav_inbox li.n10{
	margin-left:18px;
}

/*--------------------------------------------------
  ○ contents
--------------------------------------------------*/

#top_contentsarea{
	width:100%;
	height:auto;
	clear:both;
	/*background:url(../../images/chara_visual.png) no-repeat center top;*/
	background:url(../../images/update03/bg.png) no-repeat center top;
}

#top_incontents{
	width:1080px;
	height:auto;
	margin:0px auto;
	clear:both;
}

.visual_contentsarea{
	width:1080px;
	height:1130px;
	clear:both;
	position:relative;
}

.catch_text01{
	position:absolute;
	left:958px;
	top:13px;
}

.catch_text02{
	position:absolute;
	left:0px;
	top:15px;
}

.logo_l{
	position:absolute;
	left:161px;
	top:871px;
}

.onair_text{
	position:absolute;
	left:319px;
	top:1086px;
}

.info_contentsarea{
	width:1080px;
	height:auto;
	clear:both;
	padding:27px 0px 0px 0px;
	overflow:hidden;
	clear:both;
}

.info_mainbox{
	width:409px;
	height:auto;
	float:left;
	padding:0px 11px 0px 6px;
}

.info_mainbox h4{
	padding:0px 0px 0px 4px;
}

.info_topics{
	width:379px;
	height:171px;
	clear:both;
	padding:15px;
	background:url(../../images/infotext_bg.png) no-repeat left top;
}

.info_in{
	width:379px;
	height:171px;
	overflow:auto;
}

.info_in dl,dt,dd{
	display:block;
	color:#eeeeee;
}

.info_in dl{
	padding:0px 0px 10px 0px;
}

.info_in dl a{
	color:#FFFFFF;
}

.info_in dl a:hover{
	color:#FF0000;
	text-decoration:none;
}


.twt_mainbox{
	width:289px;
	height:auto;
	float:left;
	padding:0px 11px 0px 0px;
}

.twt_mainbox h4{
	padding:0px 0px 0px 4px;
}

.twt_inbox{
	width:259px;
	height:171px;
	background:url(../../images/twt_bg.png) no-repeat left top;
	padding:15px;
}

.twt_wed{
	width:259px;
	height:171px;
	overflow:hidden;
}


.movie_mainbox{
	width:349px;
	height:auto;
	float:right;
}

.movie_mainbox h4{
	padding:0px 0px 0px 4px;
}

.movie_inbox{
	width:338px;
	height:190px;
	background:url(../../images/youtube_bg.png) no-repeat left top;
	padding:5px 6px 6px 5px;
}

/*--------------------------------------------------
  ○ footer
--------------------------------------------------*/

#footer{
	width:100%;
	height:auto;
	padding:52px 0px;
	clear:both;
	background:url(../images/footer_bg.png) repeat-x left top;
}

#infoot{
	width:1080px;
	height:auto;
	margin:0px auto;
}

.foot_bnr{
	height:auto;
	clear:both;
	margin:0 auto;
	padding:0px 0px 25px 0px;
}

.foot_bnr ul{
	text-align:center;
}

.foot_bnr li{
  display: -moz-inline-box;
  display: inline-block;
  padding:0px 7px;
  line-height:1;
}

.ft_navi{
	color:#FFFFFF;
	padding:0px 0px 20px 0px;
}

.ft_navi ul{
	text-align:center;
}

.ft_navi li{
  display: -moz-inline-box;
  display: inline-block;
  padding:0px 7px;
  border-right:1px solid #FFF;
  line-height:1;
  font-family: 'Roboto', sans-serif;
}

.ft_navi li a{
	color:#FFFFFF;
}

.ft_navi li a:hover{
	color:#0081cb;
	text-decoration:none;
}

.copyright{
	text-align:center;
}