/* reset
--------------------------------------------------*/
html {
	overflow-y: scroll; /* スクロールバー常に表示 */
}

html,body {
	font-size-adjust:100%;
	-webkit-font-size-adjust: 100%;
}

body,h1,h2,h3,h4,h5,h6,p,img,
hr,li,ul,dl,dt,dd
{
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
}


/*///////////////////////////////////////////////////*/

html{
	min-width:1050px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size-adjust:100%;
	-webkit-font-size-adjust: 100%;
	background-image:url(../img/key_bg.jpg);
	background-position:center top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#FFF;
	color:#242729;
	min-width:1050px;
}

img{
	border:0px;
}

a{
	color: #2e2f3e;
	text-decoration:none;
	outline:none;
}

/*
a:hover{
	color: #6FF;
	text-decoration: none;
}
*/

.clear {
	height:5px;
	clear:both;
}

/*///////////////////////////////////////////////////////////*/

#import{
	width:100%;
	min-width:1050px;
	opacity: 0;
	height:auto;
}


#loading {
	width:100%;
	height:100%;
	position:absolute;
	z-index:850;
	font-size:15px;
	color:#242729;
	opacity:1;
	min-width:1050px;
}


#loading p{
	margin-top:300px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:30px;
	height:30px;
	background-color:#FFFFFF;
	border-radius:10px;        /* 角丸 */  
    -webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */
}

#backTop {
	width:120px;
	height:130px;
	background-image:url(../img/pagetop.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:fixed;
	bottom:-15px;
	right:-10px;
	z-index:999;
	cursor:pointer;
}

#backTop:hover {
	opacity:0.8;
}


#header {
	width:100%;
	min-width:1050px;
	height:10px;
	background-color:#242729;
	position:fixed;
	z-index:999;
	top:0;
}


#pageTitle{
	width:1050px;
	min-width:1050px;
	margin:auto;
	height:110px;
	background-repeat:no-repeat;
}


/*--gNavi--*/


#gNavi{
	height:84px;
	width:100%;
	min-width:1050px;
	z-index:100;
	background-image:url(../img/g_navi_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	position:absolute;
	z-index:900;
}

#gNavi ul{
	height:0;
	width:1050px;
	margin:auto;

}

#gNavi li{
	width:auto;
	height:84px;
	background-image:url(../img/g_navi_.png);
	background-repeat:no-repeat;
	float: left;
}


#gNavi li a.select{
}

#gNavi li a{
	display: block;
	height: 84px;
}

#gNavi li.non{
	cursor:default;
	opacity: 0.5;
}

#gNavi li img{
	position:absolute;
	top:31px;
}

#order_link {
    position:absolute;
	top: 12%;
	left: 1.5%;
	z-index:999;
}



/*--footer--*/
#footer {
	min-width:1050px;
	width:100%;
	height:auto;
	padding-top:30px;
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
}

#footer img {
    margin-right:20px;
}

#copyBox {
	width:100%;
	min-width:1050px;
	height:200px;
	padding-top:15px;
	background-color:#242729;
	color: #fff;
	font-size:12px;
}

.ss_note { 
    font-weight:bold;
	font-size:14px;
}

#snsBox {
	width:auto;
	height:auto;
	line-height:35px;
	margin-left:30px;
}

.fb-button{
    margin-bottom: -1px;
}

/*--トップページ--///////////////////////////////////////////////////*/

#mainBox{
	width:100%;
	min-width:1050px;
	min-height:1010px;
	position:relative;
}

#key_1{
	min-width:1050px;
	width:100%;
	height:1350px;
	position:absolute;
	background-image:url(../img/top/key_1.png);
	background-position:center top;
	background-repeat:no-repeat;
	top:134px;
	opacity:0;
}

#key_2{
	min-width:1050px;
	width:100%;
	height:1300px;
	position:absolute;
	background-image:url(../img/top/key_2.png);
	background-position:center top;
	background-repeat:no-repeat;
	top:180px;
	opacity:0;
}


#key_4{
	min-width:1050px;
	width:100%;
	height:560px;
	position:absolute;
	background-image:url(../img/top/key_4.png);
	background-position:center top;
	background-repeat:no-repeat;
	top:10px;
	opacity:0;
}

#keyBg{
	min-width:1050px;
	width:100%;
	height:1500px;
	position:absolute;
	background-image:url(../img/top/key_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	top:0;
	opacity:1;
}

.txt_left_top {
    position:absolute;
	top: 15%;
	left: 1.5%
}

#logo{
	min-width:1050px;
	width:100%;
	height:310px;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(../img/top/logo.png);
	position:absolute;
	margin:auto;
	top:800px;
	z-index:50;
	opacity:0;
}


#logoBg{
	min-width:1050px;
	width:100%;
	height:254px;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(../img/header_bg.png);
	position:absolute;
	margin:auto;
	top:10px;
	z-index:50;
	opacity:1;
}


#vote{
	width:425px;
	height:135px;
	position:absolute;
	z-index:100;
	top:100px;
	left:10px;
	background-image:url(../img/top/ban_vote.png);
}

#vote:hover{
	opacity:0.8;
	cursor:pointer;
}

#banAria{
	width:100%;
	height:auto;
	position:absolute;
	z-index:100;
	top:930px;
}

#banBox_pickup{
	width:1050px;
	margin:auto;
	text-align:center;
}

#banBox_pickup img:hover{
	opacity:0.8;
	cursor:pointer;
}



/*--更新欄--*/

#newsBox{
	width:1050px;
	height:auto;
	min-width:1050px;
	margin:auto;
	color:#242729;
	font-size:13px;
	max-height: 999999px;/*アンドロイド+Cromeでのフォントサイズ拡大バグ防止*/
	text-shadow: 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff;
}

#newsBg{
	border-top:#fff solid 1px;
	background-image:url(../img/white_50.png);
	width:100%;
	height:auto;
	min-width:1050px;
	position:relative;
	font-weight:bold;
}

.newP{
	padding-top:18px;
}


#newsBg .day{
	font-weight:bold;
	font-size:13px;
	color:#242729;
	margin-right:10px;
	padding-left:120px;
	min-width:1050px;
}


#newsBg a{
	color:242729;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#newsBg a:hover {
	color:#0FF;
}


#oldNews{
	clear:both;
	width:990px;
	max-height:50px;
	overflow-y:scroll;
	margin-right:60px;
	padding-left:30px;
	padding-bottom:10px;
}

	
#news{
	min-height:40px;
	height:50px;
	background-image:url(../img/top/news.png);
	background-repeat:no-repeat;
	margin-left:30px;
}


#newsBg .more{
	width:32px;
	height:40px;
	background-image:url(../img/top/more.png);
	background-repeat:no-repeat;
	float:right;
	margin-right:25px;
	margin-top:5px;
	cursor:pointer;
}




/*--情報欄--*/
#infoBg {
	width:100%;
	min-width:1050px;
	height:280px;
	background-image:url(../img/white_50a.png);
	border-top:1px solid #fff;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	opacity:0;
	text-align:left;
}

.infoLine {
	 border-bottom:1px solid #242729;
	 margin-left:10px;
	 padding:5px;
	 display:block;
	 width:1100px;
	 margin-bottom:20px;
}

#infoBg a:hover{
	opacity:0.8;
}
	

#specBox{
	height:400px;
	width:1150px;
	margin: 0 auto;
	position:relative;
	padding-top:20px;
}

#infoLeft{
	width:800px;
	float:left;
}


.tableBox{
	width:420px;
	height:auto;
	float:left;
	margin-right:15px;
}

#specBox table{
	color:#2e2f3e;
	text-align:left;
	font-size:13px;
	line-height:18px;
	padding-left:10px;
	text-shadow: 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff;
	width:440px;
}

#specBox table th{
	text-align:left;
}

#specBox table td{

}

.jaket {
	float:left;
	margin: -5px 5px 0 10px;

}

#banBox{
	float:right;
}

#banBox img{
	border:1px solid #242729;
	margin-bottom:8px;
}


/*--ストーリー--///////////////////////////////////////////////////*/

#storyAll{
	margin:auto;
	width:100%;
	height:846px;
	min-width:1050px;
	background-image:url(../img/story/story.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top:184px;
}



/*--キャラ--///////////////////////////////////////////////////*/

#charaAll{
	width:100%;
	height:1290px;
	min-width:1050px;
	background-image:url(../img/key_bg_50.png);
	background-position:center top;
	background-repeat:no-repeat;
	position:relative;
	z-index:1;
}


/*--キャラナビ--*/
#charaAll #cNavi{
	width:1000px;
	height:174px;
	margin:auto;
	padding-left:15px;
	position:relative;
	z-index:100;
	padding-top:125px;
}


#cNavi ul {
	height: 55px;
}

#cNavi li {
	float: left;
	width: 87px;
	margin-right:3px;
	margin-bottom:3px;
	height: 55px;
	background-image:url(../img/chara/c_navi__.png);
	background-repeat: no-repeat;
	background-position:center top;
	cursor:pointer;
}

#cNavi .non {
	cursor:default;
}

/*--メイン--*/
#charaAll #cImg{
	width:100%;
	min-width:1050px;
	background-image:url(../img/chara/0.png);
	background-repeat:no-repeat;
	background-position:center top;
	position:absolute;
	top:100px;
	z-index:50;
}

#charaAll #cTitle{
	width:100%;
	min-width:1050px;
	height:75px;
	background-image:url(../img/white_50.png);
	position:absolute;
	z-index:1;
	text-align:center;
}

#charaAll #wordBox{
	width:1050px;
	min-width:1050px;
	margin:auto;
	height:auto;
	position:relative;
	top:180px;
	z-index:55;
}

#wordBox #cWordTop{
	width:450px;
	height:175px;
	background-image:url(../img/chara/c_word_0_l.png);
	background-repeat:no-repeat;
	position:absolute;
	left:260px;
	top:0;
}

#wordBox #cWordBottom{
	width:450px;
	height:175px;
	background-image:url(../img/chara/c_word_0_r.png);
	background-repeat:no-repeat;
	position:absolute;
	right:260px;
	top:180px;
}

#charaAll #cTxtBox{
	width:100%;
	min-width:1050px;
	height:420px;
	background-image:url(../img/chara/c_txt_bg.png);
	background-position:center center;
	background-repeat:repeat-x;
	position:relative;
	z-index:51;
}

#cTxtBox #cTxt{
	width:100%;
	height:420px;
	margin:auto;
	background-image:url(../img/chara/c_txt_0.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	z-index:51;
}



/*--システム--///////////////////////////////////////////////////*/

#sysAll{
	margin:auto;
	width:1050px;
	height:auto;
	min-width:1050px;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top:184px;
	position:relative;
}

/*--サブナビ--*/

#sysNavi {
	height:auto;
	width:auto;
	position:absolute;
	right:15px;
	top:240px;
}


#sysNavi a{
	padding:5px 20px;
	cursor:pointer;
	/*margin-right:10px;*/
	margin-right:5px;
	border-radius: 5px;        /* 角丸 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	background-color:#fff;
	border:2px solid #23D9E3;
	color:#242729;
	font-weight:bold;
	/*font-size:13px;*/
	font-size:12px;
}

.sysBox{
	width:1000px;
	margin:auto;
	height:auto;
	padding:20px 0;
	margin-bottom:20px;
}

.boxIn{
	font-size:13px;
	width:960px;
	border-bottom:double 3px #343552;
	border-top:double 3px #343552;
	background-color:#fff;
	padding:20px;
	margin-bottom:40px;
}

.boxStr{
	font-size:13px;
	width:960px;
	background-color:#fff;
	padding:3px 20px;
	margin-bottom:40px;
	border-radius: 20px;        /* 角丸 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
}

.rImg{
	width:570px;
	height:auto;
	float:right;
	text-align:right;
}

.lTxt{
	width:380px;
	height:auto;
	float:left;
}

.boxInLeft{
	font-size:13px;
	width:479px;
	float:left;
	border-right:1px solid #f52372;
}

.boxInRight{
	font-size:13px;
	width:456px;
	float:right;
}

.point{
	font-size:14px;
	font-weight:bold;
	color:#f52372;
}

.point2{
    position:relative;
	top: -22px;
	left: 560px;
	font-size:14px;
	font-weight:bold;
	color:#f52372;
    text-shadow:
   -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;
}
.list_p { margin-left:15px; margin-bottom:15px;}

.boxIn table{
	font-weight:normal;
}

.boxIn table th{
	text-align:left;
}

.boxIn table td{
}

/*--ギャラリー--///////////////////////////////////////////////////*/

#illAll{
	margin:auto;
	width:1050px;
	height:auto;
	min-width:1050px;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top:184px;
	position:relative;
}

#illBox{
	width:1030px;
	margin:auto;
	height:auto;
	min-height:845px;
	padding:20px 0;
	margin-bottom:20px;
}

#illBox img{
	border:solid 1px #fff;
}

#illBox img:hover{
	border:solid 1px #30388B;
}

.illNew{
	width:33px;
	height:33px;
	position:absolute;
	z-index:1;
	background-image:url(../img/chara/new.png);
	background-repeat:no-repeat;
}

.illTitle{
	font-size:15px;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:10px;
	color:#413F84;
	border-bottom:dashed 1px #413F84;
	border-left:5px solid #413F84;
}


/*--サウンド--///////////////////////////////////////////////////*/

#soundAll{
	margin:auto;
	width:1050px;
	height:auto;
	min-width:1050px;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top:184px;
	position:relative;
}

/*--サブナビ--*/

#soundNavi {
	height:auto;
	width:auto;
	position:absolute;
	right:15px;
	top:240px;
}


#soundNavi a{
	padding:5px 20px;
	/*cursor:pointer;*/
	margin-right:10px;
	border-radius: 5px;        /* 角丸 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	background-color:#fff;
	border:2px solid #23D9E3;
	color:#242729;
	font-weight:bold;
	font-size:13px;
}


.soundBox{
	width:1000px;
	margin:auto;
	height:auto;
	padding:20px 0;
	margin-bottom:20px;
}

.boxIn{
	font-size:13px;
	width:960px;
	border-bottom:double 3px #343552;
	border-top:double 3px #343552;
	background-color:#fff;
	padding:20px;
	margin-bottom:40px;
}


.lImg{
	width:300px;
	height:auto;
	float:left;
}

.rTxt{
	width:640px;
	height:auto;
	float:right;
	padding-left:10px;
}

.sTitle{
	font-size:23px;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:10px;
	color:#fff;
	background-color:#f52372;
	border-radius: 5px;        /* 角丸 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

.soundLine{
	border-bottom:1px dotted #f52372;
	margin:20px 0;
}


.rTxt a{
	background-color:#aaa;
	font-weight:bold;
	color:#fff;
	padding:0 10px;
	border-radius: 5px;        /* 角丸 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

.rTxt a:hover{
	background-color:#f52372;
	color:#fff;
}


/*--スペシャル--///////////////////////////////////////////////////*/

#specialAll{
	margin:auto;
	width:1050px;
	height:auto;
	min-width:1050px;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top:184px;
	position:relative;
}


.specialBox{
	width:1000px;
	margin:auto;
	height:auto;
	min-height:800px;
	padding:20px 0;
	margin-bottom:20px;
}

.specialBox a img{
	border:solid 2px #fff;
}

.specialBox a img:hover{
	border:solid 2px #23D9E3;
}

/*--店舗特典--///////////////////////////////////////////////////*/

#shopAll{
	width:100%;
	height:auto;
	min-width:1050px;
	padding-top:150px;
}

.infoTxt{
	width:1015px;
	background-image:url(../img/white_50a.png);
	background-position:center bottom;
	margin-left:5px;
	padding:10px;
	font-size:13px;
}

#shopMain{
	width:1050px;
	height:auto;
	margin:auto;
	margin-bottom:50px;
}

.shopBox{
	width:510px;
	height:auto;
	min-height:250px;
	border:#242729 solid 1px;
	float:left;
	margin:5px;
	background-image:url(../img/info_bg.png);
	position:relative;
	background-color:#fff;
}

.shopBox:hover{
	opacity:0.8;
}

.shopBox .name{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding:5px 0 0 10px;
	background-color:#242729;
	border-bottom:solid 1px #fff;
}

.shopBox .txt{
	font-size:13px;
	height:200px;
	color:#242729;
	padding:5px 0 0 10px;
	float:left;
	width:500px;
	background-position:95% 20%;
	background-repeat:no-repeat;
	background-size:auto 210px;
	text-shadow: 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff;
}

.shopBox .small{
	height:auto;
	clear:both;
	font-size:10px;
	padding:10px;
	line-height:1.3em;
	position:absolute;
	bottom:0;
	text-shadow: 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff;
}


/*--DLC--///////////////////////////////////////////////////*/

#dlcAll{
	margin:auto;
	width:1050px;
	height:auto;
	min-width:1050px;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top:184px;
	position:relative;
}


#dlcAll .dlcBox{
	width:1000px;
	margin:auto;
	height:auto;
	padding:1px;
	margin-bottom:20px;
	background-color:#fff;
}


.dlcBox .pBox,.dlcBox .fBox,.dlcBox .sBox{
	font-size:13px;
	width:970px;
	margin:auto;
	background-color:#fff;
}

.dlcBox .pBox{border-left:30px solid #92D1F0;}
.dlcBox .fBox{border-left:30px solid #92f0c5;}
.dlcBox .sBox{border-left:30px solid #f092ba;}


.dlcBox .title{
	width:970px;
	font-size:20px;
	font-weight:bold;
	padding:5px 0 5px 10px;
}
	
.dlcBox .day{
	border-top:dashed #aaa 1px;
	text-align:right;
	padding:5px 10px 0 0;
	
}

.dlcBox .txt{
	width:970px;
	padding:0 0 20px 10px;
}


.dlcBox .typeP,.dlcBox .typeF,.dlcBox .typeS{
	font-size:12px;
	padding:2px 0;
	font-weight:bold;
}
	
.dlcBox .typeP{background-color:#92D1F0;}	
.dlcBox .typeF{background-color:#92f0c5;}
.dlcBox .typeS{background-color:#f092ba;}

#dlcList{
	background:#283366;
	width:670px;
	padding:10px 20px;
	border-radius:20px;        /* 角丸 */  
    -webkit-border-radius:20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:20px;   /* Firefox用 */
	margin-left:313px;
	font-size:13px;
	color:#fff;
	border:#fff solid 1px;
}

.popup{
	color:#fff;
	font-weight:bold;
	font-size:13px;
	background-color:#f52372;
	padding:2px 10px;
}

.popup:hover{
	background-color:#283366;
	}



/*--バージョンアップパッチ--*/
.patchBox{
	width:960px;
	height:auto;
	background-color:#fff;
	margin:auto;
	padding:20px 20px 50px 20px;
	border-bottom:double 3px #343552;
	border-top:double 3px #343552;
	font-size:13px;
}

.patchTitile{
	font-size:18px;
	font-weight:bold;
	background-color:#f52372;
	border-bottom:double 3px #fff;
	border-left:double 3px #fff;
	color:#fff;
	width:917px;
	padding:5px 20px;
}

.patchDay{
	width:880px;
	padding-right:10px;
	font-size:14px;
	width:auto;
	text-align:right;
	border-bottom:solid 1px #ccc;
}

.patchMds{
	font-size:14px;
	font-weight:bold;
	background-color:#999;
	color:#fff;
	width:auto;
	margin-bottom:10px;
	display:inline-block;
	padding:5px 20px 5px 10px;
	border-radius:0 20px 20px 0;        /* 角丸 */  
    -webkit-border-radius:0 20px 20px 0;    /* Safari,Google Chrome用 */  
    -moz-border-radius:0 20px 20px 0;   /* Firefox用 */
}