@charset "utf-8";
@import "reset.css";

/* ----------------------------------------------------
  全体の設定
---------------------------------------------------- */

html{
height: 100%;
}

body {
height: 100%;
min-height: 911px;
font-size:83.333%;
line-height:130%;
font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
background-color: #3b1d18;
color:#fff;
background-repeat:no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
}

/* for IE6 */
* html body {
font-size: 75%;
}

html>/**/body {
background-size/***/: cover;
background-position/***/: 50% 0;
min-height/***/: 100%;
}

/* for IE7 */
*:first-child+html body {
font-size: 75%;
} 

/*画像下部の意図しない余白をなくす*/
img{ vertical-align : bottom; }

/*リンクの点線境界をなくす*/
a {outline: none;}

/* ----------------------------------------------------
  リンクカラー・文字
---------------------------------------------------- */
a:link {color:#fedb7d; text-decoration:none;}
a:visited {color:#fedb7d; text-decoration:none;}
a:active {color:#e47743;text-decoration:underline;}
a:hover {color:#e47743;text-decoration:underline;}
.cap{font-size:smaller;line-height:100%;}
.red{color:#db3b41;}

/* ----------------------------------------------------
  各ページの背景画像設定
---------------------------------------------------- */
#index{background-image:url(../images/bg/bg00_index.jpg);}
#top{background-image:url(../images/bg/bg00_top.jpg);margin-right:17px;}
#information{background-image:url(../images/bg/bg01_information.jpg);}
#story{background-image:url(../images/bg/bg02_story.jpg);}
#world{background-image:url(../images/bg/bg03_world.jpg);}
#character{background-image:url(../images/bg/bg04_character.jpg);}
#gallery{background-image:url(../images/bg/bg05_gallery.jpg);}
#movie{background-image:url(../images/bg/bg06_movie.jpg);}
#special{background-image:url(../images/bg/bg07_special.jpg);}
#download{background-image:url(../images/bg/bg08_download.jpg);}
#spec{background-image:url(../images/bg/bg09_spec.jpg);}
#loading{
	position:absolute;
	top:300px;
	width:100%;
	text-align:center;
		height:60px;
		z-index:1001;
}
/* ----------------------------------------------------
  indexページ設定
---------------------------------------------------- */
#index_title{
text-align:center;
margin:35px auto 30px;
}
#index_notice{
text-align:center;
margin:0px auto;
}
.index_btn_outer{
width:460px;
height:63px;
margin:80px auto;

}
#index_notice2{
width:320px;
height:57px;
margin:0px auto 80px;
}
/* ----------------------------------------------------
  トップ以降の共通部分設定
---------------------------------------------------- */
/* ------------ヘッダー部の帯--------------- */
#header{
width:100%;
min-width:1280px;
height:20px;
position:absolute;
top:0px;
z-index:999;
}
#header_contents{
width:100%;
height:18px;
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#header_shadow{
width:100%;
height:2px;
background-image:url(../images/headershadow.png);
background-repeat:repeat-x;
}

/* ------------画面左右のフェード効果--------------- */
/*キャラクターページは2を使う
詳細はキャラクターページの項に*/
#fade_left,#fade_left2{
width:30px;	
height:100%;
/*min-height:800px;*/
background-image:url(../images/fade_left.png);
background-repeat:repeat-y;
position:absolute;
top:0px;
left:0px;
z-index:90;
}
#fade_right,#fade_right2{
width:30px;	
height:100%;
/*min-height:800px;*/
background-image:url(../images/fade_right.png);
background-repeat:repeat-y;
position:absolute;
top:0px;
right:0px;
z-index:90;
}

@media screen and (max-width: 1280px) {
/*横幅が狭い場合の背景微調整と、
右側のフェードが邪魔になるのを防止*/	
body{
background-size:auto 1280px;
}
#fade_right,#fade_right2{
display:none;
}

}

/* ------------左右のエリア分け--------------- */

/*横幅1400px以上の場合は本文内容をセンター合わせにする
※キャラクター詳細ページのみ別途調整*/

#contents_outer,#contents_outer2{
width:1280px;
}

#cont_left,#cont_left2{
width:300px;
float:left;
position:absolute;
top:-350px;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#cont_left3{
width:300px;
float:left;
position:absolute;
top:-350px;
z-index:100;
}
#cont_right,#cont_right2{
width:930px;
padding:0px 50px 0px 0px;
float:right;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#cont_right3{
width:100%;
padding:0px 0px 0px 0;
float:right;
position:absolute;
z-index:5;
}
@media screen and (min-width: 1400px) {
#contents_outer{
width:100%;
}
#cont_left{
width:30%;
float:left;
position:absolute;
top:-350px;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#cont_right{
width:70%;
padding:0;
float:right;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
}
/* ------------タイトル--------------- */
#maintitle{
margin:0px auto 25px 50px;
padding-top:30px;
}
/* ------------メニュー--------------- */
#menu{
width:240px;
height:280px;
margin:0px 0px 0px 50px;
position:relative;
z-index:200;
}
#menu ul{
margin:0;
padding:0;
}
#menu li{
width:240px;
height:28px;
margin:0;
padding:0;
}

/*新規公開・更新ありページ用アイコン表示*/
.newicon{background-image:url(../images/menu/bg_menu_new.png);}
.upicon{background-image:url(../images/menu/bg_menu_up.png);}

/*メニュー下部バナー*/
#menu_bn{
width:126px;
margin:10px 0px 0px 75px;
} 
#op_bn{
width:126px;
height:85px;
position:absolute;
top:678px;
left:201px;
z-index:100;
cursor: pointer;
}

/* ------------フッター--------------- */
/*topはフッターを固定*/
#footer_top{
width:100%;
min-width:1280px;
height:123px;
position:fixed;
bottom:0;
left:0;
z-index:300;
}
/*sec以降はスライドフッター*/

#footer{
width:100%;	
min-width:1280px;
height:65px;
position:fixed;
/*overflow: hidden;*/
bottom:0;
left:0;
z-index:300;
-webkit-transition-property: all;   
-webkit-transition-duration: .3s;
-webkit-transition-timing-function: ease-in-out;
transition-duration: 0.3s;
transition-property: height;
transition-timing-function: ease-in;
}
#footer:hover{height:123px;}

/*以下フッターの共通設定*/

#footer_knob{
width:75px;
height:50px;
margin:0 0 -2px 35px;
display:block;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#footer_shadow{
width:100%;
height:2px;
background-image:url(../images/footershadow.png);
background-repeat:repeat-x;
}
#footer_contents{
width:100%;
height:75px;
background-color:#000;
clear:both;
}
.footerleft{/*設定調整中*/
/*max-width:1064px;*/max-width:930px;
min-width:300px;
float:left;
}
.footerright{
width:625px;
text-align:right;
float:right;
}

#bgm{/*設定調整中*/
width:220px;
padding:20px 0px 0px 40px;
float:left;
}
.jp-playlist{
  margin: 0 0px 0px 0px;
  padding: 0 0 5px 0px;
  width: 185px;
  height: 24px;
  background-image:url(../images/bgm_temp.png);
  background-repeat:no-repeat;
  background-position:left 3px;
  float:left;
  z-index:150;/**/
}
.jp-playlist li {
  position: relative;
  margin: 0;
  padding: 5px 5px 5px 0;
  width: 172px;
  height: 20px;
  font-weight: bold;
}
.jp-playlist li p#jplayer_txt{
	padding:0px 0 0 30px;
	margin:0;
	color:#FFCC66;
}
.jp-playlist li ul {
  display: none;
  position: absolute;
  top: -94px;
  left: -5px;
  padding: 5px;
  width: 172px;
  z-index:150;/**/
}
.jp-playlist li ul li{
	border:none;
	background-color:#907e7c;
	padding: 5px;
	width:172px;
	margin: 0;
	z-index:151;/**/
}
.jp-playlist li ul li a {
  display: inline-block;
  width: 180px;
  height: 20px;
}
.jp-playlist li ul li a:hover {
  background: #999;
  color: #fff;
}
#volp1{
	float:right;
	width:20px;
	display:none;
	padding:5px 0 0 0;
}
#volp2{
	float:right;
	width:20px;
	display:block;
	padding:5px 0 0 0;
}
#volp3{
	float:right;
	width:20px;
	display:none;
	padding:5px 0 0 0;
}
.jp-playlist-player {
	width:210px;
}

#footerbn{/*設定調整中*/
/*width:804px;*/width:670px;
padding:15px 0px 0 0;
float:right;
}
#footerbn ul{
margin: 0;
padding: 0;
float:left;
}
#footerbn ul li{
padding:0 2px 0;
list-style-type: none; 
display:table-cell; 
*display:inline; 
*zoom:1;
}

/*BGMを掲載していない時*/
#footerbn_0110{
width:540px;
padding:15px 0px 0 40px;
float:right;
}
#footerbn_0110 ul{
margin: 0;
padding: 0;
float:left;
}
#footerbn_0110 ul li{
padding:0 2px 0;
list-style-type: none; 
display:table-cell; 
*display:inline; 
*zoom:1;
}

#sns{
width:345px;
height:20px;
margin:0 auto;
padding:43px 0px 0 0;
text-align:left;
float:left;	
}
#sns ul {
height:20px;
margin: 0;
padding: 0;
float:right;
}
#sns ul li{
height:20px;	
padding:0px 15px 0px 0px;
list-style-type: none; 
display:table-cell; 
*display:inline; 
*zoom:1;
}
iframe.twitter-share-button {
width: 96px!important;
vertical-align:bottom!important;
}
#___plusone_0{
vertical-align:bottom!important;	
}

#copyright{
width:230px;
padding:15px 50px 0px 0px;
text-align:right;
float:right;
}

@media screen and (max-width: 1280px) {
.footerright{
float:right;
}
}

/* ----------------------------------------------------
  トップ
---------------------------------------------------- */
#catch{
/*width:610px;
height:47px;*/
width:355px;
height:52px;
position:absolute;
top:330px;
left:300px;
z-index:100;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#update{
width:360px;
height:18px;
padding:6px 15px;
position:absolute;
top:45px;
left:80px;
z-index:105;
background-image:url(../images/top/bg_update.png);
font-size:smaller;
color:#3b1d18;
}
#update p{
	margin:0;
	padding:0;
	position:relative;
}
#update p.up01{
	display:block;
}
#update p.up02{
	display:none;
}
#update p.up03{
	display:none;
}
.date{
font-weight:bold;
}
#topcharabase{
width:496px;
min-height:750px;
position:absolute;
left:730px;
top:50px;
z-index:80;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
background-image:url(../images/top/top_chara01_silhouette.png);
background-repeat:no-repeat;
}
#topchara{
width:496px;
min-height:750px;
position:absolute;
left:730px;
top:50px;
z-index:90;
opacity:0;
filter: alpha(opacity=0);
-moz-opacity:0;
background-image:url(../images/top/top_chara01.png);
background-repeat:no-repeat;
}
#releasearea{
	position:absolute;
	bottom:70px;
	width:100%;
	min-width:1280px;
	height:125px;
	padding:0;
	margin:0;
	text-align:right;
}

@media screen and (min-height: 640px) {
#index_title img{
	width:205px;
}
#update{
width:360px;
height:18px;
padding:6px 15px;
position:absolute;
top:45px;
left:80px;
z-index:110;
background-image:url(../images/top/bg_update.png);
font-size:smaller;
color:#3b1d18;
}
#update p{
	margin:0;
	padding:0;	
}
#update p.up01{
	display:block;
}
#update p.up02{
	display:none;
}
#update p.up03{
	display:none;
}
.date{
font-weight:bold;
}
#releasedate{
width:52%;
position:absolute;
right:6px;
bottom:90px;
z-index:100;	
}
/*#releasedate img{
width:100%;
}*/
}
@media screen and (min-height: 800px) {
#topcharabase{
width:496px;
min-height:800px;
position:absolute;
left:730px;
bottom:0px;
z-index:80;
background-image:url(../images/top/top_chara01_silhouette.png);
background-repeat:no-repeat;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#topchara{
width:496px;
min-height:800px;
position:absolute;
left:730px;
bottom:0px;
z-index:90;
background-image:url(../images/top/top_chara01.png);
background-repeat:no-repeat;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
}

#releasedate{
position:absolute;
top:68px;
right:50px;
z-index:100;
width:250px;
height:35px;
}
#yoyakustart{
position:absolute;
right:50px;
top:0px;
z-index:102;
width:200px;
height:63px;
}
#fullscreen{
	position:absolute;
	top:0;
	left:0;
	z-index:7001;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:none;
}
#fullbtn{
	position:absolute;
	top:0;
	left:0;
	z-index:7002;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

/* ----------------------------------------------------
  セカンドページ以降共通
---------------------------------------------------- */
h2{
width:100%;
height:55px;
padding:35px 0px 10px 0px;
text-align:right;
}
#base{
width:762px;
height:530px;
padding:35px 70px;
background-image:url(../images/base.png);
}
#base2{
width:762px;
height:730px;
padding:35px 70px;
}
#base3{
width:762px;
height:680px;
padding:35px 70px;
}
#base_inner{
width:762px;
height:530px;
}
/* ----------------------------------------------------
  INFORMATION
---------------------------------------------------- */
.article_outer{
width:715px;
margin-bottom:35px;
padding:12px 0px 12px 20px;
background-image:url(../images/line_v.png);
background-position:left;
background-repeat:repeat-y;
}
.article_title{
/*	font-size:large;*/
font-size:x-large;
padding-left:12px;
min-height:22px;
line-height:100%;
background-image:url(../images/titleicon.png);
background-position:left top;
background-repeat:no-repeat;
}
.article_date{
font-weight:bold;
padding:12px 0px;	
}
.article{
line-height:150%;
}

/* ----------------------------------------------------
  STORY
---------------------------------------------------- */
#storyselect{
	display:block;
	width:65%;
position:absolute;
top:100px;
z-index:1000;
}
#storyselect ul{
	list-style-type:none;
	margin:60px auto;
	padding:65px 0 0 0;
	width:376px;
	height:202px;
	background-image:url(../images/story/win02.png);
	background-position:center top;
	background-repeat:no-repeat;
}
#storyselect ul li{
	float:left;
	width:49%;
	text-align:center;
}
#storyselect ul li a{
	cursor: pointer;
}

#storyimg{	
padding-left:95px;
height:720px;
position:absolute;
top:100px;
left:24%;
z-index:101;
opacity:0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
#storyvoice{
padding-left:95px;
height:720px;
position:absolute;
top:100px;
left:24%;
z-index:101;
opacity:0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
#story01,#story02,#story03,#story04,#story05,#story06,#story07,#story08,#story09,#story10,#story11,#story12,#story13,#story14,#story15,#story16,#story17{
opacity:0;
filter: alpha(opacity=0);
-moz-opacity:0;
}

#storyvoice #story03,#storyvoice #story05,#storyvoice #story12,#storyvoice #story13,#storyvoice #story14,#storyvoice #story15,#storyvoice #story16,#storyvoice #story17{
	margin:26px 0 0 0;
}

/* ----------------------------------------------------
  CHARACTER
---------------------------------------------------- */
#charaselect{
width:805px;
height:653px;
padding:50px 0px 0px 76px;
background-image:url(../images/character/bg_charatop.png);
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#charaselect_inner{
width:740px;
height:560px;
}
.clbox{
width:690px;
height:280px;
margin-bottom:7px;
padding-left:25px;
background-image:url(../images/character/listline.png);
background-position:left bottom;
background-repeat:no-repeat;
opacity:0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
.clbox li{
margin-right:13px;
float:left;
width:155px;
height:235px;
padding:0;
}
#charainfo{
width:880px;
height:703px;
margin-top:100px;
background-image:url(../images/character/bg_charainfo.png);
opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;
}
#charainfo_inner{
width:730px;
height:680px;
padding:23px 0px 0px 65px;
}
#btn_sizeup{
width:98px;
height:18px;
position:absolute;	
top:140px;
left:560px;
z-index:80;
}
#btn_sizeup2{
width:98px;
height:18px;
position:absolute;	
top:140px;
left:560px;
z-index:110;
display:none;
}
#btn_coschange{
width:98px;
height:18px;
position:absolute;	
top:165px;
left:560px;
z-index:110;
cursor: pointer;
}
#btn_coschange2{
width:98px;
height:18px;
position:absolute;	
top:165px;
left:560px;
z-index:110;
cursor: pointer;
display:none;
}
.pic_base{
height:783px;
position:absolute;	
top:20px;
left:650px;
z-index:80;
overflow:hidden;
}
.pic_baseb{
height:783px;
position:absolute;	
top:20px;
left:650px;
z-index:100;
overflow:hidden;
display:none;
}
.pic_base2{
height:783px;
position:absolute;	
top:20px;
left:650px;
z-index:80;
overflow:hidden;
}
.pic_base2b,.pic_base3b{
height:783px;
position:absolute;	
top:20px;
left:650px;
z-index:100;
overflow:hidden;
display:none;
}
#words{
width:74px;
height:600px;
position:absolute;	
top:140px;
left:710px;
z-index:100;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#cmenu{
width:300px;
height:102px;
position:absolute;	
top:0px;
left:370px;
z-index:900;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#cmenu ul{
margin:0;
padding:0;
}
#cmenu ul li{
padding-right:3px;	
list-style-type: none; 
display:table-cell; 
*display:inline; 
*zoom:1;
}

#sv_outer{
width:260px;	
height:60px;
margin:0;
padding:0;
position:absolute;	
top:740px;
left:365px;
z-index:100;
background-image:url(../images/character/sv_bg.png);
background-position:left bottom;
background-repeat:no-repeat;
}
#sv_outer ul{
padding-left:157px;
}
#sv_outer ul li{
margin:0;
padding:0;	
list-style-type: none; 
display:table-cell; 
*display:inline; 
*zoom:1;	
}
#sv_outer ul li{
	cursor: pointer;
}

/*サイドストーリー*/
#sslink{
width:105px;
height:128px;
margin:0;
padding:0; 
position:absolute;
top:695px;
left:920px;
z-index:110;
}
.fancybox-iframe{
overflow:hidden;
}
.sspage {
background-color:transparent;
background-position:left top;
background-repeat:no-repeat;
}
.ssbg01{background-image:url(../images/character/bg_ss_01.png);}
.ssbg02{background-image:url(../images/character/bg_ss_02.png);}
.ssbg03{background-image:url(../images/character/bg_ss_03.png);}
.ssbg04{background-image:url(../images/character/bg_ss_04.png);}
.ssbg05{background-image:url(../images/character/bg_ss_05.png);}
.ssbg06{background-image:url(../images/character/bg_ss_06.png);}
.ssbg07{background-image:url(../images/character/bg_ss_07.png);}
.ssbg08{background-image:url(../images/character/bg_ss_08.png);}
.ssbg09{background-image:url(../images/character/bg_ss_09.png);}
.ssbg10{background-image:url(../images/character/bg_ss_10.png);}
.ssbg11{background-image:url(../images/character/bg_ss_11.png);}
.ssbg12{background-image:url(../images/character/bg_ss_12.png);}

#sstextbox{
width:485px;
height:618px;
margin:142px 50px 0px 85px;
padding:20px 5px 20px 20px;
background-image:url(../images/character/bg_ss_comoninner.png);
}

@media screen and (min-width: 1280px) and (max-width: 1512px){
body{
background-size:auto 940px;
}	
}
@media screen and (max-width: 1280px){
.pic_base{
width:630px;
}	
.pic_base2{
width:580px;
}
.pic_base2b{
left:-100px !important;
}
#cont_left3{
width:300px;
height:100%;
float:left;
position:absolute;
z-index:100;
}
#cont_left3bg{
width:300px;
height:100%;
float:left;
position:absolute;
z-index:80;
background-image:url(../images/left_ga01.png);
background-repeat:repeat-y;
display:none;
}
}
@media screen and (max-width: 1560px){
#sslink{
width:105px;
height:128px;
margin:0;
padding:0; 
position:absolute;
top:695px;
left:750px;
z-index:110;
}
}
@media screen and (min-height: 800px){
#fade_left2{min-height:1035px;}
#fade_right2{min-height:1035px;}
#charaselect{
width:805px;
height:800px;
padding:50px 0px 0px 75px;
background-image:url(../images/character/bg_charatop_l.png);
}
#charaselect_inner{
width:740px;
height:760px;
}
#charainfo{
width:880px;
height:850px;
margin-top:100px;
background-image:url(../images/character/bg_charainfo_l.png);
}
.pic_base,.pic_base2,.pic_baseb,.pic_base2b,.pic_base3b{
height:930px;
}
.pic_baseb{
left:920px;
}
#cont_left3{
width:300px;
height:100%;
float:left;
position:absolute;
z-index:100;
}
#cont_left3bg{
width:300px;
height:100%;
float:left;
position:absolute;
z-index:80;
background-image:url(../images/left_ga01.png);
background-repeat:repeat-y;
display:none;
}
}
@media screen and (min-width: 1280px) and (max-width: 1560px){
.pic_base{
left:650px;
}
.pic_baseb{
left:650px;
}
.pic_base2{
left:650px;
}
#cont_left3{
width:300px;
height:100%;
float:left;
position:absolute;
z-index:100;
}
#cont_left3bg{
width:300px;
height:100%;
float:left;
position:absolute;
z-index:80;
background-image:url(../images/left_ga01.png);
background-repeat:repeat-y;
display:none;
}
}
@media screen and (min-width: 1560px) {
#contents_outer2{
width:1560px;
}
#cont_left2{
width:300px;	
float:left;	
}
#cont_right2{
width:1030px;
padding:0px 50px 0px 180px; 
float:right;
}
#cont_left3{
width:300px;
height:100%;
float:left;
position:absolute;
z-index:100;
}
#cont_left3bg{
width:300px;
height:100%;
float:left;
position:absolute;
z-index:80;
background-image:url(../images/left_ga01.png);
background-repeat:repeat-y;
display:none;
}
#cont_right3{
width:100%;
padding:0px 0px 0px 0; 
float:right;
position:absolute;
z-index:5;
}

#btn_sizeup,#btn_sizeup2,#btn_coschange,#btn_coschange2{
left:740px;
}
#words{
left:890px;	
}
#cmenu{
left:550px;
}	
.pic_base{
left:880px;
}
.pic_base2{
left:980px;
}
#sv_outer{
left:545px;
}
}


/* ----------------------------------------------------
  WORLD
---------------------------------------------------- */
#wdselect{
width:805px;
height:653px;
padding:50px 0px 0px 76px;
background-image:url(../images/character/bg_charainfo.png);
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#wdselect_inner{
width:740px;
height:560px;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
h3{
margin:0px 0 15px 0;
}
.wdlbox{
width:690px;
height:100%;
margin-bottom:12px;
padding-left:25px;
background-image:url(../images/character/listline.png);
background-position:left bottom;
background-repeat:no-repeat;
}
.wdlbox li{
margin-right:20px;
float:left;
width:200px;
height:180px;
padding:0;
}
.wdlbox:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#contents_outer4{
height:100%;
min-height:953px;

}
#wd_large,#wd_large2,#wd_large3,#wd_large4,#wd_large5{
width:100%;
height:100%;
min-height:953px;
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
background-size:cover\9;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
position:absolute;
left:0;
top:0;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#wd_large{
	z-index:100;
}
#wd_large2{
	z-index:101;
}
#wd_large3{
	z-index:102;
}
#wd_large4{
	z-index:103;
}
.wd_l_01{background-image:url(../images/world/bg_01a.jpg);}
.wd_l_01a{background-image:url(../images/world/bg_01.jpg);}
.wd_l_02{background-image:url(../images/world/bg_02.jpg);}
.wd_l_02a{background-image:url(../images/world/bg_02a.jpg);}
.wd_l_02b{background-image:url(../images/world/bg_02b.jpg);}
.wd_l_02c{background-image:url(../images/world/bg_02c.jpg);}
.wd_l_03{background-image:url(../images/world/bg_03.jpg);}
.wd_l_03a{background-image:url(../images/world/bg_03a.jpg);}
.wd_l_03b{background-image:url(../images/world/bg_03b.jpg);}
.wd_l_04{background-image:url(../images/world/bg_04.jpg);}
.wd_l_04a{background-image:url(../images/world/bg_04a.jpg);}
.wd_l_05{background-image:url(../images/world/bg_05.jpg);}
.wd_l_05a{background-image:url(../images/world/bg_05a.jpg);}
.wd_l_06{background-image:url(../images/world/bg_06.jpg);}
.wd_l_06a{background-image:url(../images/world/bg_06a.jpg);}
.wd_l_07{background-image:url(../images/world/bg_07.jpg);}
.wd_l_07a{background-image:url(../images/world/bg_07a.jpg);}
.wd_l_08{background-image:url(../images/world/bg_08.jpg);}
.wd_l_08a{background-image:url(../images/world/bg_08a.jpg);}
.wd_l_09{background-image:url(../images/world/bg_09.jpg);}
.wd_l_09a{background-image:url(../images/world/bg_09a.jpg);}
.wd_l_10{background-image:url(../images/world/bg_10.jpg);}
.wd_l_10a{background-image:url(../images/world/bg_10a.jpg);}
.wd_l_11{background-image:url(../images/world/bg_11.jpg);}
.wd_l_11a{background-image:url(../images/world/bg_11a.jpg);}
.wd_l_12{background-image:url(../images/world/bg_12.jpg);}
.wd_l_12a{background-image:url(../images/world/bg_12a.jpg);}
.wd_l_12b{background-image:url(../images/world/bg_12b.jpg);}
.wd_l_12c{background-image:url(../images/world/bg_12c.jpg);}
.wd_l_12d{background-image:url(../images/world/bg_12d.jpg);}
.wd_l_13{background-image:url(../images/world/bg_13.jpg);}
.wd_l_13a{background-image:url(../images/world/bg_13a.jpg);}
.wd_l_13b{background-image:url(../images/world/bg_13b.jpg);}
.wd_l_14{background-image:url(../images/world/bg_14.jpg);}
.wd_l_15{background-image:url(../images/world/bg_15.jpg);}
.wd_l_15a{background-image:url(../images/world/bg_15a.jpg);}
.wd_l_15b{background-image:url(../images/world/bg_15b.jpg);}
.wd_l_16{background-image:url(../images/world/bg_16.jpg);}
.wd_l_16a{background-image:url(../images/world/bg_16a.jpg);}
#wmenu{
	margin:0;
	padding:5px 70px 5px 60px;
	list-style-type:none;
	position:absolute;
	bottom:80px;
	right:0px;
	background-color:#3b1d18;
	width: 850px;
	height: 84px;
	z-index:1001;
	opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#wmenu ul{
margin:0;
padding:0;
}
#wmenu ul li{
	float:left;
	width:140px;
	margin:0 0px;
	padding:0;
*display:inline; 
*zoom:1;
}
#wd_window{
width:376px;
height:202px;
position:absolute;
right:50px;
top:100px;
z-index:1000;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
.wd_w01{background-image:url(../images/world/win01.png);}
.wd_w02{background-image:url(../images/world/win02.png);}
.wd_w03{background-image:url(../images/world/win03.png);}
.wd_w04{background-image:url(../images/world/win04.png);}
.wd_w05{background-image:url(../images/world/win05.png);}
.wd_w06{background-image:url(../images/world/win06.png);}
.wd_w07{background-image:url(../images/world/win07.png);}
.wd_w08{background-image:url(../images/world/win08.png);}
.wd_w09{background-image:url(../images/world/win09.png);}
.wd_w10{background-image:url(../images/world/win10.png);}
.wd_w11{background-image:url(../images/world/win11.png);}
.wd_w12{background-image:url(../images/world/win12.png);}
.wd_w13{background-image:url(../images/world/win13.png);}
.wd_w14{background-image:url(../images/world/win14.png);}
.wd_w15{background-image:url(../images/world/win15.png);}
.wd_w16{background-image:url(../images/world/win16.png);}
#wd_next{
position:absolute;
top:165px;
left:35px;
width: 27px;
height: 27px;
z-index:1000;
}
#wd_close{	
position:absolute;
top:165px;
right:70px;
width: 27px;
height: 27px;
z-index:1000;
}

@media screen and (min-height: 800px){
#wdselect{
width:805px;
height:800px;
padding:50px 0px 0px 76px;
background-image:url(../images/character/bg_charainfo_l.png);
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#wdselect_inner{
width:740px;
height:760px;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
}

/* ----------------------------------------------------
  GALLERY
---------------------------------------------------- */
#cgselect{
width:805px;
height:653px;
padding:50px 0px 0px 76px;
background-image:url(../images/character/bg_charainfo.png);
}
#cgselect_inner{
width:740px;
height:560px;
}
.cglbox{
width:690px;
height:210px;
margin-bottom:12px;
padding-left:25px;
background-image:url(../images/character/listline.png);
background-position:left bottom;
background-repeat:no-repeat;
}
.cglbox li{
margin-right:20px;
float:left;
width:320px;
height:180px;
padding:0;
}
#main{
width:100%;
height:100%;
}
#contents_outer3{
height:100%;
min-height:953px;
background-image:url(../images/gallery/bg_contents_outer3.png) ;
}
#cg_large,#cg_large2,#cg_large3,#cg_large4,#cg_large5{
	width:100%;
	height:100%;
	min-height:953px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	background-size:cover\9;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	opacity:0;filter: alpha(opacity=0);-moz-opacity:0;

}
#cg_largebg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:953px;
	display:none;
	z-index:-1;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	margin:0 0 0 0;
}
.cg_l_01_01{background-image:url(../images/gallery/cg01_01.jpg);}
.cg_l_01_02{background-image:url(../images/gallery/cg01_02.jpg);}
.cg_l_01_bg{background-image:url(../images/gallery/cg01_bg.jpg);}
.cg_l_01_ch{background-image:url(../images/gallery/cg01_chara.png);}
.cg_l_01_ch2{background-image:url(../images/gallery/cg01_chara2.png);}
.cg_l_02_01{background-image:url(../images/gallery/cg02_01.jpg);}
.cg_l_02_02{background-image:url(../images/gallery/cg02_02.jpg);}
.cg_l_02_03{background-image:url(../images/gallery/cg02_03.jpg);}
.cg_l_02_04{background-image:url(../images/gallery/cg02_04.jpg);}
.cg_l_02_bg{background-image:url(../images/gallery/cg02_bg.jpg);}
.cg_l_02_ch{background-image:url(../images/gallery/cg02_chara.png);}
.cg_l_02_ch_2{background-image:url(../images/gallery/cg02_chara_2.png);}
.cg_l_02_ch_3{background-image:url(../images/gallery/cg02_chara_3.png);}
.cg_l_02_ch2{background-image:url(../images/gallery/cg02_chara2.png);}
.cg_l_03_01{background-image:url(../images/gallery/cg03_01.jpg);}
.cg_l_03_02{background-image:url(../images/gallery/cg03_02.jpg);}
.cg_l_03_bg{background-image:url(../images/gallery/cg03_bg.jpg);}
.cg_l_03_ch{background-image:url(../images/gallery/cg03_chara.png);}
.cg_l_03_ch2{background-image:url(../images/gallery/cg03_chara2.png);}
.cg_l_04_01{background-image:url(../images/gallery/cg04_01.jpg);}
.cg_l_04_02{background-image:url(../images/gallery/cg04_02.jpg);}
.cg_l_04_03{background-image:url(../images/gallery/cg04_03.jpg);}
.cg_l_04_04{background-image:url(../images/gallery/cg04_04.jpg);}
.cg_l_04_05{background-image:url(../images/gallery/cg04_05.jpg);}
.cg_l_04_bg{background-image:url(../images/gallery/cg04_bg.jpg);}
.cg_l_04_ch{background-image:url(../images/gallery/cg04_02.jpg);}
.cg_l_04_ch_2{background-image:url(../images/gallery/cg04_03.jpg);}
.cg_l_04_ch_3{background-image:url(../images/gallery/cg04_04.jpg);}
.cg_l_04_ch_4{background-image:url(../images/gallery/cg04_05.jpg);}
.cg_l_04_ch2{background-image:url(../images/gallery/cg04_chara2.png);}
.cg_l_05_01{background-image:url(../images/gallery/cg05_01.jpg);}
.cg_l_05_02{background-image:url(../images/gallery/cg05_02.jpg);}
.cg_l_05_bg{background-image:url(../images/gallery/cg05_bg.jpg);}
.cg_l_05_ch{background-image:url(../images/gallery/cg05_chara.png);}
.cg_l_05_ch2{background-image:url(../images/gallery/cg05_chara2.png);}
.cg_l_06_01{background-image:url(../images/gallery/cg06_01.jpg);}
.cg_l_06_02{background-image:url(../images/gallery/cg06_02.jpg);}
.cg_l_06_03{background-image:url(../images/gallery/cg06_03.jpg);}
.cg_l_06_04{background-image:url(../images/gallery/cg06_04.jpg);}
.cg_l_06_bg{background-image:url(../images/gallery/cg06_bg.jpg);}
.cg_l_06_ch{background-image:url(../images/gallery/cg06_chara.png);}
.cg_l_06_ch_2{background-image:url(../images/gallery/cg06_chara_2.png);}
.cg_l_06_ch_3{background-image:url(../images/gallery/cg06_chara_3.png);}
.cg_l_06_ch2{background-image:url(../images/gallery/cg06_chara2.png);}
.cg_l_07_01{background-image:url(../images/gallery/cg07_01.jpg);}
.cg_l_07_02{background-image:url(../images/gallery/cg07_02.jpg);}
.cg_l_07_03{background-image:url(../images/gallery/cg07_03.jpg);}
.cg_l_07_bg{background-image:url(../images/gallery/cg07_bg.jpg);}
.cg_l_07_ch{background-image:url(../images/gallery/cg07_chara.png);}
.cg_l_07_ch_2{background-image:url(../images/gallery/cg07_chara_2.png);}
.cg_l_07_ch2{background-image:url(../images/gallery/cg07_chara2.png);}
.cg_l_08_01{background-image:url(../images/gallery/cg08_01.jpg);}
.cg_l_08_02{background-image:url(../images/gallery/cg08_02.jpg);}
.cg_l_08_03{background-image:url(../images/gallery/cg08_03.jpg);}
.cg_l_08_04{background-image:url(../images/gallery/cg08_04.jpg);}
.cg_l_08_bg{background-image:url(../images/gallery/cg08_bg.jpg);}
.cg_l_08_ch{background-image:url(../images/gallery/cg08_chara.png);}
.cg_l_08_ch_2{background-image:url(../images/gallery/cg08_chara_2.png);}
.cg_l_08_ch_3{background-image:url(../images/gallery/cg08_chara_3.png);}
.cg_l_08_ch2{background-image:url(../images/gallery/cg08_chara2.png);}
.cg_l_09_01{background-image:url(../images/gallery/cg09_01.jpg);}
.cg_l_09_02{background-image:url(../images/gallery/cg09_02.jpg);}
.cg_l_09_bg{background-image:url(../images/gallery/cg09_bg.jpg);}
.cg_l_09_ch{background-image:url(../images/gallery/cg09_chara.png);}
.cg_l_09_ch2{background-image:url(../images/gallery/cg09_chara2.png);}
.cg_l_10_01{background-image:url(../images/gallery/cg10_01.jpg);}
.cg_l_10_02{background-image:url(../images/gallery/cg10_02.jpg);}
.cg_l_10_03{background-image:url(../images/gallery/cg10_03.jpg);}
.cg_l_10_04{background-image:url(../images/gallery/cg10_04.jpg);}
.cg_l_10_bg{background-image:url(../images/gallery/cg10_bg.jpg);}
.cg_l_10_ch{background-image:url(../images/gallery/cg10_chara.png);}
.cg_l_10_ch_2{background-image:url(../images/gallery/cg10_chara_2.png);}
.cg_l_10_ch_3{background-image:url(../images/gallery/cg10_chara_3.png);}
.cg_l_10_ch2{background-image:url(../images/gallery/cg10_chara2.png);}
.cg_l_11_01{background-image:url(../images/gallery/cg11_01.jpg);}
.cg_l_11_02{background-image:url(../images/gallery/cg11_02.jpg);}
.cg_l_11_03{background-image:url(../images/gallery/cg11_03.jpg);}
.cg_l_11_04{background-image:url(../images/gallery/cg11_04.jpg);}
.cg_l_11_bg{background-image:url(../images/gallery/cg11_bg.jpg);}
.cg_l_11_ch{background-image:url(../images/gallery/cg11_chara.png);}
.cg_l_11_ch_2{background-image:url(../images/gallery/cg11_chara_2.png);}
.cg_l_11_ch_3{background-image:url(../images/gallery/cg11_chara_3.png);}
.cg_l_11_ch2{background-image:url(../images/gallery/cg11_chara2.png);}

.cg_l_12_01{background-image:url(../images/gallery/cg12_01.jpg);}
.cg_l_12_02{background-image:url(../images/gallery/cg12_02.jpg);}
.cg_l_12_03{background-image:url(../images/gallery/cg12_03.jpg);}

.cg_l_13_01{background-image:url(../images/gallery/cg13_01.jpg);}

.cg_l_14_01{background-image:url(../images/gallery/cg14_01.jpg);}
.cg_l_14_02{background-image:url(../images/gallery/cg14_02.jpg);}
.cg_l_14_03{background-image:url(../images/gallery/cg14_03.jpg);}


#cg_close{	
position:absolute;
top:30px;
right:50px;
width: 36px;
height: 36px;
z-index:1000;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#cg_act{	
position:absolute;
top:30px;
right:100px;
width: 36px;
height: 36px;
z-index:1001;
cursor: pointer;
opacity:0;filter: alpha(opacity=0);-moz-opacity:0;
}
#cg_act2{	
position:absolute;
top:30px;
right:100px;
width: 36px;
height: 36px;
z-index:1000;
cursor: pointer;
display:none;
}
#cg_txt{
position:absolute;
width:698px;
height:170px;
z-index:1001;
background-image:url(../images/gallery/bg_contents_outer3.png);
}
.ct_lower{
top:550px;
right:0px;	
}
.ct_upper{
top:80px;
right:0px;	
}
#cg_txt_inner{
width:650px;
height:130px;
margin:20px auto 20px 0px;
}
#cg_list{
	width:567px;
	height:83px;
	margin:0;
	padding:5px 70px 5px 60px;
	list-style-type:none;
	position:absolute;
	bottom:80px;
	right:0px;
	background-color:#3b1d18;
}
#slider3 ul{
	margin:0;
	padding:0;	
}
#slider3 ul li{
list-style-type: none; 
display:table-cell; 
*display:inline; 
*zoom:1;
margin:0 5px;
padding:0;
}
#slider3 ul li img{
	/*
	width:100%;
	*/
}
#slider3 ul li a img{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#slider3 ul li a img:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
@media screen and (min-height: 800px){
#cgselect{
width:805px;
height:800px;
padding:50px 0px 0px 75px;
background-image:url(../images/character/bg_charainfo_l.png);
}
#cgselect_inner{
width:740px;
height:760px;
}
}

/* ----------------------------------------------------
  SPEC
---------------------------------------------------- */
.specbase{
text-align:center;
}
.specbase table{
width:500px;	
margin:0px auto;
text-align:left;
background-color:#fff;
color:#3b1d18;
border-top:1px solid #3b1d18;
border-left:1px solid #3b1d18;
}
.specbase table th,td{
padding:10px;
border-right:1px solid #3b1d18;
border-bottom:1px solid #3b1d18;
}
.specbase table th{
background-color:#c7bebd;
text-align:center;
}

/* ----------------------------------------------------
  SPECIAL
---------------------------------------------------- */
.sp_ban{
margin-bottom:25px;
}

/* ----------------------------------------------------
  DOWNLOAD
---------------------------------------------------- */
.dlbase{
text-align:center;
}
.dlbase table{
width:710px;	
margin:0px auto 5px;
text-align:left;
background-color:#fff;
color:#3b1d18;
border-top:1px solid #3b1d18;
border-left:1px solid #3b1d18;
}
.dlbase table th,td{
padding:10px;
border-right:1px solid #3b1d18;
border-bottom:1px solid #3b1d18;
}
.dlbase table th{
background-color:#c7bebd;
text-align:center;
width:400px;
}
.dlbase table a:link {color:#3b1d18; text-decoration:none;}
.dlbase table a:visited {color:#3b1d18; text-decoration:none;}
.dlbase table a:active {color:#fedb7d;text-decoration:underline;}
.dlbase table a:hover {color:#fedb7d;text-decoration:underline;}

.dlbtn{
padding:10px 0px;
}
.dlbox{
margin-bottom:30px;
}
#dlsample{
margin-top:15px;
}

/* ----------------------------------------------------
  MOVIE
---------------------------------------------------- */
.mm{
margin-bottom:5px;
}

#base_music {
background-image: url("../images/base.png");
background-position:center;
height: 420px;
padding: 35px 70px;
width: 762px;
margin-bottom:20px;	
}
#base_inner_music {
height: 420px;
width: 762px;
}
#base_inner_music table{
width:710px;	
margin:3px 0px 20px;
text-align:left;
background-color:#fff;
color:#3b1d18;
border-top:1px solid #3b1d18;
border-left:1px solid #3b1d18;
}
#base_inner_music table th,td{
padding:10px;
border-right:1px solid #3b1d18;
border-bottom:1px solid #3b1d18;
}
#base_inner_music table th{
background-color:#c7bebd;
text-align:center;
width:400px;
}
#base_inner_music table a:link {color:#3b1d18; text-decoration:none;}
#base_inner_music table a:visited {color:#3b1d18; text-decoration:none;}
#base_inner_music table a:active {color:#fedb7d;text-decoration:underline;}
#base_inner_music table a:hover {color:#fedb7d;text-decoration:underline;}

.base_movie{
width:100%;
height:117px;
margin-bottom:20px;
padding:28px 0px;
background-image:url(../images/movie/bg_movie.png);
background-repeat:repeat-x;
}
.base_movie ul{
margin:0;
padding:0;
}
.base_movie ul li{
float:left;
margin:0;
padding:0;
*display:inline; 
*zoom:1;
}

/*****************
curtain
******************/
#loader_index{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:100%;
/*	background-color:rgba(0,0,0,0.75);*/
	background-image: url(../images/hackback.png); /* IE8 */
	*background-image: url(../images/hackback.png); /* IE7 */
	_background-image: url(../images/hackback.png); /* IE6 */
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}