@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 //著者
  ○ sho
  
  ● a Table of Contents //目次
  ○ Whole
  ○ Header
  ○ Navigation
  ○ Page Title
  ○ Contents
     ├Contents Left
	 └Contents Right
  ○ Footer
 
==================================================*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
/*--------------------------------------------------
  ○ Whole
--------------------------------------------------*/

#bg {
	 z-index: -1;
	 position:fixed;
	}


#wrap{
	width:100%;
	height:auto;
	margin:0px auto;
}


/*--------------------------------------------------
  ○ header
--------------------------------------------------*/

#header_wp{
	width:100%;
	height:190px;
	clear:both;
}

.storytopbg{
	background:url(../../images/2nd/story/topbg.jpg) no-repeat right top;
}

.charatopbg{
	/*background:url(../../images/2nd/character/topbg.jpg) no-repeat center top;*/
}

.introtopbg{
	background:url(../../images/2nd/intro/topbg.jpg) no-repeat right top;
}

.eventtopbg{
	background:url(../../images/2nd/event/topbg.jpg) no-repeat center top;
}

.bldvdtopbg{
	background:url(../../images/2nd/bldvd/topbg.jpg) no-repeat right top;
}

.goodstopbg{
	background:url(../../images/2nd/goods/topbg.jpg) no-repeat right top;
}

.specialtopbg{
	background:url(../../images/2nd/special/topbg.jpg) no-repeat center top;
}

.newstopbg{
	/*background:url(../../images/2nd/news/topbg.jpg) no-repeat right top;*/
}

#header_wp2{
	width:100%;
	height:292px;
	background:url(../../../images/renewal/rpbg.png) repeat;
}

#header{
	width:100%;
	height:45px;
	background:url(../../../images/renewal/hd_bg.jpg) repeat-x top left;
	overflow:hidden;
	clear:both;
}

.hd_leftarea{
	width:353px;
	height:45px;
	float:left;
	background:url(../../../images/renewal/hd_left.png) no-repeat left top;
}

.hd_leftarea a{
	display:block;
	width:353px;
	height:45px;
}

.hd_leftarea a span{
	display:none;
}

.hd_naviarea{
	width:847px;
	height:30px;
	float:right;
	background:url(../../../images/renewal/hd_nav_bg.png) no-repeat left top;
}

/*.gnavibox{
	width:793px;
	height:22px;
	padding:8px 0px 0px 54px;
	overflow:hidden;
}

.gnavibox li{
	float:left;
	line-height:0;
	font-size:0px;
	padding:0px 0px 0px 13px;
	display:block;
}*/

.gnavibox{
	width:846px;
	height:22px;
	padding:5px 0px 3px 54px;
	overflow:hidden;
	font-family: 'Helvetica Neue', sans-serif;
}

.gnavibox li{
	float:left;
	padding:0px 0px 0px 15px;
	display:block;
	color:#666;
	font-size:15px;
}

.gnavibox li a{
	color:#FFF;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.gnavibox li a:hover{
	text-decoration:none;
	color:#ba95f8;
}



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

#maincontents_area{
	width:100%;
	height:1100px;
	clear:both;
	background:url(../../../images/renewal/main_visual.png) no-repeat center top;
}

#contents_topbox{
	width:100%;
	height:920px;
	clear:both;
	position:relative;
}

.catch_text01{
	position:absolute;
	width:102px;
	height:auto;
	left:50%;
	top:42px;
	margin-left:500px;
}

.catch_text02{
	position:absolute;
	width:200px;
	height:auto;
	top:38px;
	left:50%;
	margin-left:-450px;
	text-align:center;
}

.logobox{
	position:absolute;
	width:830px;
	height:auto;
	top:720px;
	left:50%;
	margin-left:-415px;
	text-align:center;
}

.logobox2{
	position:absolute;
	width:933px;
	height:auto;
	top:662px;
	left:50%;
	margin-left:-466px;
	text-align:center;
}

#contents_btmbox{
	width:100%;
	height:169px;
	clear:both;
	background:url(../../../images/renewal/contents_btm_bg.png) repeat-x left top;
}

.contents_btminbox{
	width:960px;
	height:auto;
	padding:8px 0px;
	margin:0px auto;
	overflow:hidden;
}

.mc_3clm_mainbox{
	width:327px;
	height:auto;
	float:left;
}

.mc_3clm_mainbox h4{
	padding:0px 0px 10px 0px;
	clear:both;
}

.news_areabox{
	width:307px;
	height:120px;
	overflow:auto;
	clear:both;
}

.news_areabox dl{
	display:block;
	width:290px;
	height:auto;
	clear:both;
	padding-bottom:4px;
	line-height:1.2;
}

.news_areabox dt{
	display:block;
	color:#9600e3;
}

.news_areabox dd{
	display:block;
}

.mc_3clm_mainbox2{
	width:306px;
	height:auto;
	float:left;
}

.mc_3clm_mainbox2 h4{
	padding:0px 0px 10px 0px;
	clear:both;
}

.pvbox{
	text-align:center;
}

#footer{
	width:100%;
	height:auto;
	padding:10px 0px 20px 0px;
	background:url(../../../images/renewal/footer_bg.jpg) repeat left top;
}

#footer_inbox{
	width:960px;
	height:auto;
	clear:both;
	margin:0px auto;
}

.footer_top{
	width:960px;
	height:auto;
	clear:both;
	overflow:hidden;
	padding:0px 0px 15px 0px;
	display:none;
}

.footer_top li{
	float:left;
	padding:0px 5px 5px 5px;
}

.footer_btm{
	width:960px;
	height:auto;
	clear:both;
	overflow:hidden;
	padding-top:20px;
}

.ft_navibox{
	float:left;
	padding:0px 30px 0px 0px;
}


.ft_navibox li{
	font-family: 'Helvetica Neue', sans-serif;
	padding:0px 0px 6px 0px;
	font-size:15px;
	color:#999;
}

.ft_navibox li a{
	color:#FFF;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.ft_navibox li a:hover{
	text-decoration:none;
	color:#ba95f8;
}
.copyright{
	text-align:right;
	color:#FFF;
}



/*--------------------------------------------------
  ○ 下層コンテンツ
--------------------------------------------------*/

#maincontents02{
	width:100%;
	height:auto;
	clear:both;
	position:relative;
}

.page_ttl{
	position:absolute;
	left:80px;
	top:-40px;
}

#maincon_btmbox{
	overflow:hidden;
	clear:both;
	border-bottom:1px solid #333;
}

/* 左カラム固定・右カラム可変 */
.l_col_fix {
  float: left;  /* 左方向にフロート */
  width: 200px; /* 左カラムをpxで固定 */
  background:url(../../images/2nd/story/side_bg.gif) repeat;
}

.l_col_fix2 {
  float: left;  /* 左方向にフロート */
  width: 200px; /* 左カラムをpxで固定 */
  background:#000000;
}
 
.r_col_liquid {
  float: right; /* 右方向にフロート */
  width: 100%;  /* 左カラムで指定した100px以外の幅を保持 */
  margin: 0 0 0 -200px; /* 左カラムと同じ幅をマイナス指定し横並びに */
  color:#FFF;
}
 
.r_contents {
  margin: 0 0 0 200px; /* 左カラムとの左マージンを調整 */
  color:#FFF;
}

.centercontents700{
	width:700px;
	height:auto;
	margin:0px auto;
	clear:both;
	padding:20px 0px;
}

.centercontents825{
	width:825px;
	height:auto;
	margin:0px auto;
	clear:both;
	padding:20px 0px;
}

.centercontents674{
	width:674px;
	height:auto;
	margin:0px auto;
	clear:both;
	padding:20px 0px;
}

.contents_full{
	padding:20px;
	color:#333333;
}

.contents_full h4{
	padding-bottom:25px;
}

.clm1box{
	width:100%;
	height:auto;
	clear:both;
}

.ht790{
	height:871px;
	background:url(../../images/2nd/intro/introcontents_bg.jpg) no-repeat right top #000;
}

.ht_staffcast{
	height:790px;
	background:url(../../images/2nd/staffcast/staffcast_bg.jpg) no-repeat right top #000;
}

.introtextbox{
	padding-left:80px;
	padding-top:70px;
}

.centercontents35p{
	padding:20px 35px;
}






/******COMMON******/

.bgblack{
	background:#000;
}

.bgwhite{
	background:#ffffff;
}