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

#enchant-stage p{
	z-index:-1;
}

.xy{
	display:none;
	color:#FFF;
	list-style-type: none;
    position:absolute;
    top:45px;
    left:225px;
    padding:5px;
    width:75px;
    color:#f8f8f8;
    text-align:center;
    line-height:1.5em;
    font-size: 10px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
}

body {
/*	font-family: 'pixelmplus12regular';*/
	font-family: Arial;
	margin: 0;
	padding: 0;
	background-color:#000;
	-webkit-touch-callout:none; /* リンク長押しのポップアップを無効化 */
	-webkit-user-select:none; /* テキスト長押しの選択ボックスを無効化 */
}

@font-face {
/*	font-family: Helvetica,Arial,sans-serif;*/
/*
    font-family: 'pixelmplus12regular';
    src: url('pixelmplus12regular.eot');
    src: url('pixelmplus12regular.eot?#iefix') format('embedded-opentype'),
         url('pixelmplus12regular.woff') format('woff'),
         url('pixelmplus12regular.ttf') format('truetype'),
         url('pixelmplus12regular.svg#pixelmplus12regular') format('svg');
    font-weight: normal;
    font-style: normal;
*/
}

#enchant-stage{
	position:static !important;
	display:block;
	margin:0 auto;
}

p.telop{
	font-size:24px;
	background-color:#303030;
	padding:20px 0;
	text-align:center;
	color:#FFF;
	opacity:0.8;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	letter-spacing: 0.05em;
}

ul#rp.rp{
	padding:8px 8px 8px 15px
}

#rp.rp li{
	font-size:14px;
	line-height:1.4em;
}

p.freeop{
	font-size:19px;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  p.freeop{
	font-size:18px;
  }
}


p.role{
	font-family:sans-serif;
	padding:0;
	text-align:center;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}

p.staff{
	font-family:sans-serif;
	text-align:center;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}

.entry_function{
	text-align:right;
}

.nameWinHyouji{
	text-align:center;
	height:1.5rem;
}
.nameWindow{
	width:80%;
	margin:0 10%;
}

.col2{
	width:40%;
	margin:0 4% 0 0;
	float:left;
}

.col2 span{
	width:20%;
	height:12px;
	float:left;
}

div.no {
	/*margin-bottom:1em;*/
	position:absolute;
	top:76px;
	left:254px;
}

div.yes {
	position:absolute;
	top:100px;
	left:254px;
}

.nameWindow *{
	color:#FFF;
	list-style-type: none;
}

.temp{
    position:absolute;
    top:0;
    left:0;
	color:#FFF;
	font-size:30px;
}


.txt {
	padding:5px;
	margin:11px 0 0 0;
	border:solid 3px #fff;
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
}

.nameWinHyouji {
	padding-top:5px;
	margin:0 auto;
	width:100px;
	height:17px;
	border:solid 3px #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.nameKeyboard {
	padding:5px;
	height:60px;
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
	text-align:center;
}

.msg {
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    color: #f8f8f8;
    cursor: pointer;
    font-size: 12px !important;
    font-weight: bold;
    height: 64px;
    left: 17px;
    letter-spacing: 0.01em;
    line-height: 1.5em;
    padding: 7px 0 10px 10px;
    position: absolute;
    text-align: left;
    top: 74px;
    width: 270px;
	margin:0;
}

.msg_npcName{
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    color: #f8f8f8;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    left: 17px;
    letter-spacing: 0.01em;
    line-height: 1.5em;
    padding: 3px 15px;
    position: absolute;
    text-align: left;
    top: 100px;
	margin:0;
}

/*Chromeカラム落ち対策*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .msg {
    font-size: 14px;
  }
}

.an1{
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    color: #f8f8f8;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    left: 220px;
    line-height: 1.5em;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: -5px;
    width: 80px;
    letter-spacing: 0.1em;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .an {
    letter-spacing: 0em;
  }
}


#rp{
	background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    color: #f8f8f8;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 1.6em;
    padding: 10px 10px 10px 13px;
    position: absolute;
    text-align: left;
}
.newGame{
    cursor: pointer;
    position: absolute;
	height:15px;
	width:45px;
}
.loadGame{
    cursor: pointer;
    position: absolute;
	height:15px;
	width:45px;
}
.func_menu {			
	position:absolute;
	top:-126px;
	left:6px;
	width:138px;
	height:48px;
}

.func_battle {
	position:absolute;
	top:-111px;
	left:141px;
	width:153px;
	height:48px;
}

.func_menu > div,
.func_battle > div {
	width:50%;
	height:50%;
	float:left;
	cursor:pointer;
}

.func_spellList {
	position:absolute;
	top:-125px;
	left:132px;
	width:auto;
	height:260px;
    padding:8px 20px 0;
	color:#f8f8f8;
    line-height:1.5em;
    font-size: 11px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
}

.func_spellList > div {
	width:100%;
	height:7.5%;
	cursor:pointer;
}

.func_status{
    position:absolute;
    top:100px;
    left:4px;
    padding:5px;
    width:200px;
    color:#f8f8f8;
    text-align:center;
    line-height:1.5em;
    font-size: 11px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
}

.func_status_1{
    position:absolute;
    top:30px;
    left:10px;
    padding:5px;
    width:284px;
	height: 255px;
    color:#f8f8f8;
    line-height:1.5em;
    font-size: 11px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
}

.health{
	padding:0 3px;
}

.func_spellList2{
	position:absolute;
    top:-105px;
    left:0px;
    padding-top:3px;
    width:310px;
    color:#f8f8f8;
    text-align:left;
    font-size: 8px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
}

.func_status_2 td{
	padding:0 0 0 3px;
	line-height:1.25em;
}
.func_spellList2-1{
  	width:300px;
    height:190px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    layout-grid-line:200px;
}

.func_spellList2-1 img {
    vertical-align:middle;
	max-width:240px;
}

.func_spellList2 table{
	width:100%;
	height:100%;
	padding-left:10px;
}

.func_spellList2 td{
	font-size: 8px;
	text-align :left;
	padding-left:10px;
}

.func_spellList2 tr td:first-child{
	padding-left:0px;
}

.func_spellList2 tr td:nth-child(2){
	padding-left:20px;
}

.func_spellList2 p{
	margin:0;
}

.func_status_2{
	float:left;
}

.param_lv{
	clear:both;
	display:inline-block;
}

.param_name{
	clear:both;
	display:inline-block;
	float:left;
}
.param{
	display:inline-block;
	float:right;
}

.quiz{
	width:100%;
}

.quiz div{
	background-color: rgba(58,58,58,0.8);
	border: 3px solid #ffffff;
	border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
	color: #f8f8f8;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
    text-align:left;
	padding-left:15px;
	padding-top:5px;
    font-size: 8px;
    width:115px;
    height:20px;
}

.quiz0 div{
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    color: #f8f8f8;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    text-align:center;
    padding-left:15px;
    padding-top:5px;
    font-size: 11px;
}

.qui0{
    position:absolute;
    top:60px;
    left:80px;
    padding:5px;
    width:115px;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    border-radius: 6px;
}

.qui1{
    position:absolute;
    top:112px;
    left:15px;
    padding:5px;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    border-radius: 6px;
}
.qui2{
    position:absolute;
    top:112px;
    left:160px;
    padding:5px;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    border-radius: 6px;
}
.qui3{
    position:absolute;
    top:148px;
    left:15px;
    padding:5px;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    border-radius: 6px;
}
.qui4{
    position:absolute;
    top:148px;
    left:160px;
    padding:5px;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    border-radius: 6px;
}

.func_collectList{
	position:absolute;
    padding:3px;
    width:305px;
    color:#f8f8f8;
    text-align:left;
    font-size: 8px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);

}

.monshou img{
	width:8px;
	height:8px;
}
.stawBadge{
	max-width:17px;
	padding-right:5px;
}
.stawMedal{
	max-width:17px;
	padding-right:5px;
}

.func_collectList table{
	width:100%;
	height:100%;
}

.func_collectList .collection1 td{
	padding-top:5px;
}

.func_collectList .collection2 td{
	padding-top:10px;
}

.func_collectList td{
	font-size: 8px;
	text-align :center;
	padding:0;
}
.func_collectList p{
	margin:0;
}

.func_collectList img {
	width:80%;
}

.func_collectList img.badge{
	max-width:25px;
}

.func_collectList img.medal{
	max-width:25px;
}

.func_list{
	position:absolute;
    padding:8px 5px 9px 20px;
    width:80px;
	height:auto;
    color:#f8f8f8;
    text-align:left;
    font-size: 11px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
}

.func_list div{
	padding:3px 0 2px;
}

.word_list{
	position:absolute;
    padding:8px 5px 9px 20px;
    width:90px;
	height:auto;
    color:#f8f8f8;
    text-align:left;
    font-size: 12px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
	line-height:15.9px;
}
.word_list .disable{
	opacity: 0.5;
}
/*Chromeで「きのう」コマンドがずれる問題対処*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.func_list div{
		padding:4px 0 3px;
	}
}

.func_mainmenu{
	position:absolute;
    padding:10px 0px 3px 0px;
    width:90%;
    height:280px;
	overflow:hidden;
    color:#f8f8f8;
    text-align:center;
    font-size: 11px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
}

.func_mainmenu div{
	width: 50%;
	height:20px;
	float:left;
}

.func_mainmenu div:nth-child(odd){
	margin-left:7px;
}

.func_mainmenu div:nth-child(even){
	margin-left:-10px;
}

.func_mainstatus {
	position:absolute;
    padding:8px 10px;
    color:#f8f8f8;
	background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
	width:90px;
    font-size: 12px;
	line-height:1.6em;
}

.func_mainstatus .left{
	display:inline-block;
	float:left;
}

.func_mainstatus .right{
	display:inline-block;
	float:right;
}

.func_mainstatus .hp,
.func_mainstatus .mp,
.func_mainstatus .atk,
.func_mainstatus .def,
.func_mainstatus .money,
.func_mainstatus .exp1,
.func_mainstatus .exp2{
	clear:both;
}


.achieve{
	display: none;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    padding: 0.5em;
    overflow: hidden;
    text-align: center;
    width: 10em;
}

.achieve .badge_img{
	width:2em;
	padding-right:1em;
	float:left;
}

.achieve .badge_img img{
	width:100%;
}
.achieve p{
	width:7em;
	text-align:left;
	float:right;
	margin:0;
	padding:0;
}
.achieve .achieve_msg{
	width:9em;
	text-align:center;
	width:100%;
}
.tutorial{
    padding:8px 20px 8px;
    color:#f8f8f8;
    font-size: 11px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
	overflow:hidden;
}

.tutorial h2{
	margin:0;
	width:100%;
	text-align:center;
}

.tutorial p{
	margin:0;
	padding:0;
}

.tutorial .pager{
	width:100%;
	text-align:center;
}


.tutorial td{
	text-align:center;
}

.tutorial td img{
	width:65%;
	padding-top:10px;
}

.shop {
	padding:8px 20px 8px;
    color:#f8f8f8;
    font-size: 11px;
    font-weight:bold;
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
	overflow:hidden;
}
.spmsg {
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    color: #f8f8f8;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    height: 64px;
    left: 17px;
    letter-spacing: 0.01em;
    line-height: 1.5em;
    padding: 7px 0 10px 10px;
    position: absolute;
    text-align: left;
    top: 94px;
    width: 270px;
	margin:0;
}

.tips{
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    padding: 0.5em;
    overflow: hidden;
    text-align: center;
    width: 80%;
}

.tips p{
	text-align:center;
	margin:0;
	padding:0;
    width: 100%;
}

.den_w{
	background-color: rgba(58,58,58,0.8);
    border: 3px solid #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    color: #f8f8f8;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 5px;
    text-align: center;
    top: -5px;
    width: auto;
    letter-spacing: 0.1em;
}

.title_menu p{
    background-color: rgba(58,58,58,0.8);
    border: 3px solid #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
    color: #f8f8f8;
    cursor: pointer;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 5px 0;
	margin:1px;
	width:28%;
	float:left;
	overflow:hidden;
	text-align:center;
}