@charset "utf-8";
body {
	background-color: rgba(0,0,0,1.00);
	background-image: url(../menu/menu_bg01.png);
	background-repeat: repeat-x;
	background-position: center top;
	
/*  font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;*/
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;  /* 追加 */
}

html{
	overflow-y:scroll;
	}
	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,label,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}


.logo_header img{
  	transition: 0.2s;
	float: left;
}
 
 
.logo_header  img:hover{
		-webkit-transform: translate(5px,5px);
		-moz-transform: translate(5px,5px);
		-ms-transform: translate(5px,5px);
		-o-transform: translate(5px,5px);
		transform: translate(5px,5px);
}



.logo_header {
	float: left;
}


#wrap {
	text-align: center;
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
	background-repeat: repeat-y;
	background-image: url(../images/bg01.jpg);

}

#menunav {
margin: 0 auto;
}

#navi {
	width: 1080px;
	height: 86px;
	background-image: url(../menu/menu_bg01.png);
	position: relative;
	left: auto;
	right: auto;
	z-index: 1;
 	margin: 0 auto;

}
nav{
	width: 100%;
	height: 86px;
}
nav .menu li {
	float: left;
}

nav ul {
	width:100%;

}

nav li {
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}



#container {
	position: relative;
	top: -60px;
}

#container2 {
	position: relative;
	top: -50px;
}

#container_info {
	position: relative;
	padding-right: 30px;
	margin-bottom: 30px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/
}

#container_product {
	position: relative;
	padding-left: 0px;
	margin-bottom: 30px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.container_etc {
	position: relative;
	top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	left: auto;
	right: auto;
	width: 1080px;
	
}
span.text-icon {
  display: inline-block;
  background: #df002c;
  padding: 1px 5px;
  margin-right: 5px;      
  vertical-align: middle; 
  font-size: 0.6em;
  font-weight: bold;
  color: #fff;
  border-radius: 3px; 
}

.gaiyo01 {
	position: absolute;
	z-index: 3;
	left: 758px;
	top: 117px;
}

.gaiyo02 {
	position: absolute;
	z-index: 3;
	left: 422px;
	top: 133px;
}

.gaiyo03 {
	position: absolute;
	z-index: 3;
	left: 422px;
	top: 329px;
}

.gaiyo04 {
	position: absolute;
	z-index: 3;
	left: 422px;
	top: 522px;
}

.gaiyo05 {
	position: absolute;
	z-index: 3;
	left: 158px;
	top: 125px;
}

.gaiyo06 {
	position: absolute;
	z-index: 3;
	left: 624px;
	top: 125px;
}

.gaiyo07 {
	position: absolute;
	z-index: 3;
	left: 162px;
	top: 417px;
}

.gaiyo08 {
	position: absolute;
	z-index: 3;
	left: 586px;
	top: 417px;
}

/*ゲームシステム*/
.gaiyo_yo{
	position: absolute;
	z-index: 3;
	left: 720px;
	top: 133px;
}





.vita_logo {
	width: 193px;
	height: 29px;
	position: absolute;
	top: 55px;
	left: 10px;
}

.radio {
	position: absolute;
	top: 70px;
	left: 210px;
	text-align: center;
}

.catch {
	position: absolute;
	left: 50%;
	margin-left: -158px;
	top: 85px;
}
.logo_l  {
	position: absolute;
	left: 50%;
	margin-left: -237px;
	top: 523px;
	bottom: auto;
}

.hatubaibi {
	position: absolute;
	left: 50%;
	margin-left: -227px;
	top: 677px;
}

.cg200 {
	position: absolute;
	margin-left: -227px;
	top: 567px;
	right: 20px;
}

.banner  {
	text-align: center;
	top: auto;
}

#news {
	width: 645px;
	height: 320px;
	position: relative;
	left: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
}

.koumoku {
	margin-bottom: 0px;
	height: 30px;
	text-align: left;
}

#news_waku {
	width: 645px;
	height: 292px;
	background-image: url(../images/news_waku.png);
	background-position: left center;
	background-repeat: no-repeat;
	position: absolute;
}

#news_text_area {
	text-align: left;
	color: #ffffff;
	font-size: 1em;
	line-height: 1.1em;
	width: 600px;
	height: 230px;
	position: absolute;
	left: 25px;
	bottom: 30px;
	overflow-y: scroll;
	transform: rotate(.02deg);
}

/*更新*/

dl {	padding-right: 10px;
}

dl a{
	color: #FFd010;
	text-decoration: none;
}

dl a:hover {
	opacity: 0.5;
}


.rtcp a:hover {
	opacity: 0.5;
 	transition: opacity 0.3s ease-out;
	filter: alpha(opacity=70);
}

.rtcp02 a:hover {
	opacity: 0.5;
}


dt {	
	background-color: rgba(0,255,255,0.30);
	margin-bottom:-0.5em;
	font-weight: bold;
}

dd {
	margin-bottom:0.5em;
	color: #CEE3F6;
	margin-top: 10px;
	line-height: 1.2em;
		text-shadow: 0 0 15px #000,
	             0 0 10px #000,
				 0 0 20px #000;
}

dd span{
background: linear-gradient(transparent 20%, rgba(250,50,20,0.50) 0%);
color: #fff;

}


#tw {
	width: 396px;
	height: 292px;
	position: relative;
	right: -20px;
	float: left;
	    
}

.clear {
	clear: both;}

.original {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 0;
	clear: both;
}


.chara_icon {
	margin-top: 17px;
	float: left;
	margin-left: 1px;
	margin-right: 2px;
}

.chara_icon2 {
	margin-top: 6px;
	float: left;
	margin-left: 1px;
	margin-right: 1px;
}

.chara_icon_newbase {
	margin-top: 0px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}
.chara_icon_new33 {
	position: absolute;
	left: 275px;
	top: 90px;
}
.chara_icon_new34 {
	position: absolute;
	left: 342px;
	top: 90px;
}
.chara_icon_new35 {
	position: absolute;
	left: 408px;
	top: 90px;
}
.chara_icon_new36 {
	position: absolute;
	left: 475px;
	top: 90px;
}
.chara_icon_new37 {
	position: absolute;
	left: 541px;
	top: 90px;
}
.chara_icon_new38 {
	position: absolute;
	left: 607px;
	top: 90px;
}

.chara_large_icon {
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
	float: left;
}

.container_chara_i {
	position: absolute;
	left: 148px;
	right: auto;
	margin-left: 0px;
	margin-right: auto;
}



.container_characon {
	position: relative;
	width: 1080px;
	z-index: 2;
	margin-bottom: 0px;
}

.container_characon2 {
	position: relative;
	width: 1080px;
	z-index: 1;
	height: 65px;
	padding-top:85px;

}

.container_characon3 {
	z-index: 3;
	height: 58px;
	width: 1080px;
	margin-left: 30px;
	margin-right: 30px;
	position: relative;
}

.chara_main {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 1;
	position: relative;
	top: -8px;
	height: auto;

}

.chara_sokanzu {
	position: absolute;
	right: 300px;
	bottom: 170px;
}

.chara_sabun {
	position: absolute;
	right: 385px;
	bottom: 189px;
}
.voice_bace {
	position: absolute;
	bottom: 173px;
	left: 414px;
}

.voice_01{
	position: absolute;
	bottom: 285px;
	left: 402px;
}

.voice_02{
	position: absolute;
	bottom: 225px;
	left: 402px;
}
.voice_03{
	position: absolute;
	bottom: 165px;
	left: 402px;
}

.voice_bace2 {
	position: absolute;
	bottom: 173px;
	left: 614px;
}

.voice_01_2{
	position: absolute;
	bottom: 285px;
	left: 602px;
}

.voice_02_2{
	position: absolute;
	bottom: 225px;
	left: 602px;
}
.voice_03_2{
	position: absolute;
	bottom: 165px;
	left: 602px;
}

#chara_icon_left {
	height: 76px;
	padding-right: 14px;
	width: 610px;
	position: absolute;
	left: 42px;
}


#chara_icon_right {
	height: 76px;
	width: 305px;
	position: absolute;
	right: 42px;
}
.center {
	position: relative;
	left: auto;
	right: auto;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 15px;
	width: 350px;
	margin-left: auto;

}

.container_galle_new {
	position: relative;
	right: auto;
	margin-left: 0px;
	margin-right: 0px;
	left: auto;
	width: 1080px;
	float: left;
	margin-bottom: 50px;
}

.container_galle {
	position: relative;
	right: auto;
	margin-left: 0px;
	margin-right: 0px;
	left: auto;
	width: 1080px;
	float: left;
}

.gallery_icon {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #FFFFFF;
	width: 235px;
	height: 132px;
	position: relative;
	float: left;
	left: 50px;
}


.gallery_icon_new {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #FF0000;
	width: 235px;
	height: 132px;
	position: relative;
	float: left;
	left: 50px;
}

.container_spe {
	position: relative;
	width: 935px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	right: auto;
	left: auto;
}

.movie {
	width: 458px;
	float: left;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	position: relative;
}

.movie_01 {
	width: 520px;
	float: left;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	position: relative;
}
.movie_01 h2 {
	font-size: 120%;
 	color: #fff;
 }

#wrap01 {
	text-align: center;
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
	background-repeat: repeat-y;
}


.dl_button {
	position: absolute;
	top: 11px;
	right: 70px;
}
/*.twi_icon {
	float: left;
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 10px;
	margin-left: 1px;
}*/
.container_icon {
	position: relative;
	width: 1080px;
	padding-top: 10px;

}


.bana{
    clear: both;
	padding-bottom: 15px;

}

.bana textarea 
{display: block;  height: auto;  max-width: 100%;
 margin:0 auto; margin-top: 5px; background:#f0f8ff; color:#db7093; border:solid 1px #ffc0cb;
 font-size: 80%; width: 256px; height:50px; overflow: auto; font-weight: normal; overflow-y:scroll; display: block; }


.bana02{
    clear: both;
	padding-bottom: 15px;

}

.bana02 textarea 
{display: block;  height: auto;  max-width: 100%;
 margin:0 auto; margin-top: 5px; background:#f0f8ff; color:#db7093; border:solid 1px #ffc0cb;
 font-size: 80%; width: 600px; height:50px; overflow: auto; font-weight: normal; overflow-y:scroll; display: block; }

/*
.ouen_sozai01 {
	position: relative;
	top: 5px;
	left: 130px;
	float: left;
	padding-left: 0px;
}

.ouen_sozai02  {
	position: relative;
	top: 0px;
	float: left;
	right: 70px;
}
.ouen_sozai03 {
	position: relative;
	right: auto;
	float: left;
	top: 260px;
	left: -120px;
}*/

/*ついか*/

h1 {
	font-size: 200%;
 	color: #fff;
	padding-top: 25px;
		text-shadow: 0 0 15px #000,
	             0 0 10px #000,
				 0 0 20px #000;
	text-align: center;
 }

.koumoku h2 {
	font-size: 120%;
 	color: #fff;
		text-shadow: 0 0 3px #fff,
	             0 0 10px #fff,
				 0 0 1px #fff;
 }

.movie h2 {
	font-size: 120%;
 	color: #fff;
 }

h4 {font-size: 80%;
 	color: #999;
	padding-top: -5px;
		text-shadow: 0 0 15px #000,
	             0 0 10px #000,
				 0 0 20px #000;

 }

h3 {font-size: 80%;
 	color: #999;
	text-shadow: 0 0 15px #000,
	             0 0 10px #000,
				 0 0 20px #000;
	padding:0; height:24px;
 }
 h3 span {  
	    position: relative; 
	    top: -2px; 
	    padding: 0 10px; 
    	border-bottom: 1px solid #ccc; 
	}
 


.garo h1 
 {font-size: 120%;
 	color: #ff0022;
	padding-bottom: 10px;
		text-shadow: 0 0 15px #000,
	             0 0 10px #000,
				 0 0 20px #000;
 }

.container_spe h4 {font-size: 80%;
 	color: #fff;
	padding: 8px;
 }

#hide{
width:1080px;
height:700px;
background-image : url(../images/story_images.jpg);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

#gaiyou01_hide{
width:1080px;
height:734px;
background-image : url(../gaiyo/gaiyou01.jpg);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}


#gaiyou01_original01{
width:1080px;
height:505px;
background-image : url(../images/original01.jpg);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}


span.small  {
	font-size: 80%; }

/**/
#twicp{
width:1280px;
height:1300px;
	margin-left: auto;
	margin-right: auto;
 }

#twicp_2{
width:1280px;
height:1900px;
	margin-left: auto;
	margin-right: auto;
 }

.touka a:hover {
	opacity: 0.5;

}

#fooder a:hover {
	opacity: 0.5;
}

#fooder {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: rgba(0,0,0,0.50);

/*background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(rgba(0,0,0,0))
                , to(#000));*/

	font-size: 9px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	color: #FFFFFF;
	width: 100%;
	position: relative;
	margin-top: -13px;

	}


.movie {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 30px;

}

.colabo01{ 
width: 100%;
min-height: 1px;
padding: 15px;
}


.info { 
width: 100%;
min-height: 1px;
padding: 15px;
}

.info a:hover {
	opacity: 0.5;
}

table {
	width:100%;
	margin-bottom:1.2em;
	border-collapse:collapse;
/*	border:1px solid #ddd;
*/}

 table a {
 	color: #888;
}

 table a:hover {
 	color: #2ff2ff;
}


th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #999;/* background:#191970; */
	
/* Firefox */
background: -moz-linear-gradient(top center, #191970 0%, #000 100%);
/* Chrom と Safari */
background: -webkit-gradient(linear, center top, center bottom, from(#191970), to(#000));
/* 共通 */
background: linear-gradient(top center, #191970 0%, #000 100%);

	width:50%;
}

td {
 	color: #f0f8ff;
	padding:10px;
	text-align:center;
	/*text-align:left;*/
	/*border:1px solid #ddd;*/
	font-size:12px;

}
tr{
		/*background-color:#000;*/
background-color:rgba(0, 0, 0, 0.5);
}

.text {
	padding-top:110px;
 	color: #fff;
	font-size:15px;
　　background-color:rgba(0, 0, 0, 0.7);
}
.text a{
	 	color: #eeeeee; 
}