/*
 Stylesheet
2012 Lindwurm
*/

/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

img {
	vertical-align:bottom;
}

table,tr,th,td {
	vertical-align:middle;
}

body {
	max-width:480px;
	margin:auto;
	color:#fff;
	background:url(/img/back2.png) #000 repeat center;
	word-break:break-all;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

label {
	margin:8px;
}

select {
	margin:4px;
}

a {
	color:#fff;
}

a:visited {
	color:#fff;
}

ins {
	background-color:#000;
	color:#fff;
	text-decoration:none;
}

mark {
	background-color:#000;
	color:#fff; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration:line-through;
}

/* for ElderSign */
date {
	font-weight:lighter;
	font-size:small;
}

address {
	text-align:right;
	font-size:small;
}

new {
	color:#ff0;
	font-size:small;
}

small {
	color:#ccc;
	font-weight:normal;
	font-size:small;
}

em {
	color:#ff0;
	font-weight:bold;
}

input, select {
	vertical-align:middle;
}

p {
	padding:2px;
}

p.yc {
	text-align:center;
	color:#ffea77;
	font-weight:bold;
	text-shadow:1px 1px 0 rgb(0,0,0);
	margin:1%;
}

p.belt {
	width:100%;
	color:#000;
	background-color:#ff0;
	font-weight:bold;
	font-size:small;
	padding:2px 0;
}

p.c {
	text-align:center;
}

p.l {
	text-align:left;
}

p.r {
	text-align:right;
}

span.y {
	color:#ffea77;
	font-weight:bold;
}

div.b {
	margin:4px;
}

a.disable {
	color:#808080;
	background-image:none;
}

a.on {
	color:#ff0;
}

img.i {
	width:20px;
	height:20px;
	margin-left:4px;
}

canvas {
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
}

h4 {
/*	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	height: 27px;
	width: 100%;
	background-image: url(/img/help/help_title.jpg);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;*/
	background-color:#b03939;
	color: #1f0c03;
	font-weight:bolder;
	text-align:center;
	padding:1%;
	margin:1%;
}

hr {
	border:0;  
	height:1px;
	background-color:#afdcd7;
	background-image:-moz-linear-gradient(left, #607b7b, #afdcd7, #607b7b);
	background-image:-webkit-gradient(linear, left center, right center, from(#607b7b), color-stop(0.5, #afdcd7), to(#607b7b));
	box-shadow:0 2px 4px #000000;   
}

aside {
	font-weight:normal;
	font-style:italic;
	color: #7a7a6e;
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:normal;
	word-wrap:break-word;
	font-size:65%;
	margin:8px;
}

button {
	color:#fff;
	margin:4px;
	border:1px solid #f9d738;
	border-radius:6px;
	-webkit-border-radius:6px;
	background-color:#e3300f;
	background:-moz-linear-gradient(top,#fa8641,#ff583b 14%,#840808 50%,#d30d0d 88%,#f66c6c 92%);
	background:-webkit-gradient(linear,left top,left bottom,from(#fa8641),color-stop(0.14,#ff583b),color-stop(0.5,#840808),color-stop(0.88,#d30d0d),color-stop(0.92,#f66c6c));
	-moz-box-shadow:0px 2px 3px 1px #ffc67b inset,
					0px 1px 2px #000;
	-webkit-box-shadow:0px 2px 3px 1px #ffc67b inset,
					0px 1px 2px #000;
	height:30px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}

button.l {
	width:100px;
	height:40px;
}

/* ナビゲーション */
nav {
	vertical-align:middle;
}

nav ul {
	list-style:none;
}

nav li {
	margin:4px;
	border:1px solid #100;
	border-radius:6px;
	-webkit-border-radius:6px;
	background-color:#e3300f;
	background:-moz-linear-gradient(top,#fa8641,#ff583b 14%,#840808 50%,#d30d0d 88%,#f66c6c 92%);
	background:-webkit-gradient(linear,left top,left bottom,from(#fa8641),color-stop(0.14,#ff583b),color-stop(0.5,#840808),color-stop(0.88,#d30d0d),color-stop(0.92,#f66c6c));
	-moz-box-shadow:0px 2px 3px 1px #ffc67b inset,
					0px 1px 2px #000;
	-webkit-box-shadow:0px 2px 3px 1px #ffc67b inset,
					0px 1px 2px #000;
}

/* ショートカット */
nav.shortcut {
	width:100%;
	min-width:320px;
	height:44px;
	text-align:center;
	background-color:#000;
}

nav.shortcut a {
	display:block;
	width:64px;
	height:44px;
	background:url(/img/menu/scm2.png) no-repeat;
	float:left;
}

/* ボタン形式 */
nav.btn {
	display:table;
	width:70%;
	margin:auto;
}

nav.btn a {
	display:table-cell;
	color:#fff;
	margin:4px;
	border:1px solid #f9d738;
	border-radius:6px;
	-webkit-border-radius:6px;
	background-color:#e3300f;
	background:-moz-linear-gradient(top,#fa8641,#ff583b 14%,#840808 50%,#d30d0d 88%,#f66c6c 92%);
	background:-webkit-gradient(linear,left top,left bottom,from(#fa8641),color-stop(0.14,#ff583b),color-stop(0.5,#840808),color-stop(0.88,#d30d0d),color-stop(0.92,#f66c6c));
	-moz-box-shadow:0px 2px 3px 1px #ffc67b inset,
					0px 1px 2px #000;
	-webkit-box-shadow:0px 2px 3px 1px #ffc67b inset,
					0px 1px 2px #000;
	height:40px;
	min-height:40px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	text-shadow:0px 1px 7px #000;
}

/* 縦リスト形式 */
nav.list ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
nav.list li {
	display:table;
	float:left;
	width:302px;
	margin:8px;
	background-color:#e3300f;
	background:-moz-linear-gradient(top,#fa8641,#ffa975 10%,#f43324 48%,#840808 52%,#d30d0d 80%,#f84d75 96%);
	background:-webkit-gradient(linear,left top,left bottom,from(#fff3d5),color-stop(0.10,#ffa975),color-stop(0.48,#f43324),color-stop(0.52,#840808),color-stop(0.80,#d30d0d),color-stop(0.96,#f84d75));
	border:1px solid #f9d738;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0px 0px 2px 1px #000 inset,
					0px 0px 1px 2px #000;
	-webkit-box-shadow:0px 0px 2px 1px #000 inset,
					0px 0px 1px 2px #000;
}

nav.list li.h {
	width:142px;
}
nav.list li.sb {
	width:165px;
	margin:8px 8px 0 0;
}

nav.list li a {
	display:table-cell;
	width:100%;
	height:40px;
	min-height:40px;
	padding:4px 20px 4px 1px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	background:url(/img/menu/yajirushi_r.png) no-repeat right;
	font-weight:bold;
	text-shadow:0px 1px 7px #000;
}

nav.list li a.B {
	background:url(/img/menu/logicon_battle.png) no-repeat right;
}
nav.list li a.T {
	background:url(/img/menu/logicon_treasure.png) no-repeat right;
}
nav.list li a.F {
	background:url(/img/menu/logicon_fold.png) no-repeat right;
}

nav.list li a.info {
	background-image:none;
	background-color:#3c3c3c;
}

nav.list date {
	color: #010101;
}

nav.list input {
	margin:12px 2px;
	vertical-align:middle;
}

nav.menu li {
	display:table;
	float:left;
	width:302px;
	height:50px;
	margin:8px;
	border:2px solid #f9d738;
	background-color:#e3300f;
	background-image: -moz-linear-gradient( 90deg, rgb(177,47,75) 0%, rgb(122,22,44) 20%, rgb(228,65,100) 85%, rgb(255,148,156) 94%);
	background-image: -webkit-linear-gradient( 90deg, rgb(177,47,75) 0%, rgb(122,22,44) 20%, rgb(228,65,100) 85%, rgb(255,148,156) 94%);
	background-image: -ms-linear-gradient( 90deg, rgb(177,47,75) 0%, rgb(122,22,44) 20%, rgb(228,65,100) 85%, rgb(255,148,156) 94%);


	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0px 0px 2px 1px #000 inset,
					0px 0px 1px 2px #000;
	-webkit-box-shadow:0px 0px 2px 1px #000 inset,
					0px 0px 1px 2px #000;
}

nav.menu li a {
	display:table-cell;
	text-decoration:none;
	text-align:right;
	padding-right: 10px;
	vertical-align:middle;
/*	background:url(iconimg.png) no-repeat left;*/
	font-weight:bold;
	color: #ffffff;
	text-shadow:0px 1px 7px #000;
}
nav.menu li.h {
	width:140px;
}


/* クエストログリスト */
nav.list#qlog li {
	background-color:#9f8d4f;
	background:-moz-linear-gradient(
				top,#beac6b ,#9f8d4f 14%,#675c37 50%,#8a7347 88%,#ab9055 96%);
	background:-webkit-gradient(linear,left top,left bottom,from(#beac6b),
				color-stop(0.14,#9f8d4f),
				color-stop(0.5,#675c37),
				color-stop(0.88,#8a7347)
				,color-stop(0.92,#ab9055));
	-moz-box-shadow:0px 2px 3px 1px #dcca8a inset,
					0px 1px 2px #000;
	-webkit-box-shadow:0px 2px 3px 1px #dcca8a inset,
					0px 1px 2px #000;
}

nav.list#qlog li a.B {
	background:url(/img/menu/logicon_battle.png) no-repeat right;
}

nav.list#qlog li a.T {
	background:url(/img/menu/logicon_treasure.png) no-repeat right;
}

nav.list#qlog li a.S {
	background:url(/img/menu/logicon_success.png) no-repeat right;
}

nav.list#qlog li a.F {
	background:url(/img/menu/logicon_fail.png) no-repeat right;
}

/* はい/いいえボタン */
nav.yn ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
nav.yn li {
	display:table;
	float:left;
	width:150px;
}

nav.yn li a {
	display:table-cell;
	width:100%;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	text-shadow:0px 1px 7px #000;
}

/* テーブル形式 */
nav.tbl ul {
	display:table;
	border-spacing:4px;
	margin:auto;
}

nav.tbl div.r {
	display:table-row;
}

nav.tbl li {
	display:table-cell;
}

nav.tbl li a {
	display:block;
	padding:10px 20px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 1px 7px #000;
}

/* メインメニュー */
nav.tbl#imgbtn ul {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
nav.tbl#imgbtn li {
	background-color:0;
	background:none;
	border:0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

nav.tbl#imgbtn li a {
	width:143px;
	height:54px;
	padding:0;
	background:url(/img/menu/button_all3.png) no-repeat;
}

/* クエストメニュー */
nav.tbl#imgbtn2 li {
	background-color:0;
	background:none;
	border:0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

nav.tbl#imgbtn2 li a {
	width:140px;
	height:64px;
	padding:0;
	background:url(/img/menu/button_all3_q.png) no-repeat;
}

/* 小さいボタン */
nav.ch ul {
	display:table;
	border-spacing:2px;
	margin-left:auto;
}

nav.ch ul.wide {
	width:100%;
	margin-right:auto;
}

nav.ch li {
	display:table-cell;
}

nav.ch li.on {
	border:1px solid #f9d738;
}

nav.ch li a {
	display:block;
	padding:4px 8px;
	font-size:small;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	text-shadow:0px 1px 5px #000;
}

/* テーブルタブ */
nav.ch#tab ul {
	width:316px;
	border-spacing:2px 0;
}

nav.ch#tab li {
	margin-bottom:0;
	border-bottom:0;
	border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	background:#b03939;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

/* ページャー */
nav.pager ul {
	display:table;
	margin:6px auto;
	border-spacing:4px;
}

nav.pager li {
	display:table-cell;
	width:40px;
	height:30px;
}

nav.pager li.on {
	border:1px solid #f9d738;
}

nav.pager li.prev {
	width:40px;
	margin-left:8px;
}

nav.pager li.next {
	width:40px;
	margin-right:8px;
}

nav.pager li a {
	display:block;
	line-height:30px;
	text-decoration:none;
	text-shadow:2px 2px 2px #000;
	text-align:center;
	font-size:50%;
}

/* ブロック選択 */
nav.block li {
	margin:6px 8px;
	background-color:0;
	background:none;
	border:0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

nav.block li a {
	display:block;
	background-color:#9f8d4f;
	background:-moz-linear-gradient(
				top,#beac6b ,#9f8d4f 14%,#675c37 50%,#8a7347 88%,#ab9055 96%);
	background:-webkit-gradient(linear,left top,left bottom,from(#beac6b),
				color-stop(0.14,#9f8d4f),
				color-stop(0.5,#675c37),
				color-stop(0.88,#8a7347)
				,color-stop(0.92,#ab9055));
	border:1px solid #100;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0px 2px 3px 1px #dcca8a inset,
					0px 1px 2px #000;
	-webkit-box-shadow:0px 2px 3px 1px #dcca8a inset,
					0px 1px 2px #000;
	text-decoration:none;
	position:relative;
}

nav.block li a.beginner {
	background-color:#d9f8d4f;
	background:-moz-linear-gradient(
				top,#feac6b ,#df8d4f 14%,#a75c37 50%,#ca7347 88%,#eb9055 96%);
	background:-webkit-gradient(linear,left top,left bottom,from(#feac6b),
				color-stop(0.14,#df8d4f),
				color-stop(0.5,#a75c37),
				color-stop(0.88,#ca7347)
				,color-stop(0.92,#eb9055));
}

nav.block li a.disable {
	color:#c0c0c0;
	background-color:#4f4f4f;
	background:-moz-linear-gradient(
				top,#6b6b6b ,#4f4f4f 14%,#373737 50%,#474747 88%,#555555 96%);
	background:-webkit-gradient(linear,left top,left bottom,from(#6b6b6b),
				color-stop(0.14,#4f4f4f),
				color-stop(0.5,#373737),
				color-stop(0.88,#474747)
				,color-stop(0.92,#555555));
	-moz-box-shadow:0px 2px 3px 1px #6a6a6a inset,
					0px 1px 2px #000;
	-webkit-box-shadow:0px 2px 3px 1px #6a6a6a inset,
					0px 1px 2px #000;
}

nav.block li a.nolink {
}

nav.block li div.tb {
	display:table;
	width:100%;
}

nav.block li div.lb {
	display:table-cell;
	width:92%;
}

nav.block li div.rb {
	display:table-cell;
	width:8%;
	vertical-align:middle;
}

nav.block li input {
	margin:auto;
}

nav.block li label {
	margin:0;
}

nav.block p {
	font-size:90%;
	color:#010101;
	padding:0 4px 0 0;
}

nav.block p.price {
	font-weight:bold;
	text-align:right;
	padding:0 16px 8px 0;
}

nav.block h1 {
	margin:8px 4px 2px 4px;
	font-size:108%;
	font-weight:bold;
	color:#ffffff;
	text-shadow:0px 0px 2px #000;
}

nav.block address {
	margin-right:4px;
	color:#010101;
}

/* パーティ選択 */
nav.party ul {
	display:table;
	width:100%;
}

nav.party li {
	display:table-cell;
	margin:0;
	vertical-align:middle;
	background:#120602;
	border:0;
	border-bottom:solid #6c6a69 2px;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

nav.party h1 {
	font-size:large;
	color:#ffffff;
}

/* パーティ編成 */
nav.cards {
	display:flex;
	justify-content:center;
	border-style: solid;
	border-width: 2px;
	border-color: #7f875d;
	background:#e6ebd5;
	margin: 4px;
	padding: 5px;
/*	box-shadow:inset 0px 0px 12px 0px #855e1a;*/
}

div.card {
	position:relative;
	width:74px;
}

div.card a {
	display:block;
	width:72px;
	height:156px;
	background-repeat:no-repeat;
}

div.cardicn {
	background:#e6ebd5;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 2px;
	border-color: #7f875d;
}

/* ヘッダー */
header.page {
	display:block;
	height:36px;
	margin:0;
	background-color:#eed366;
	background:-moz-linear-gradient(
		left,
		#eed366,
		#b39716 8%,
		#ffdc71 35%,
		#fff6bd 50%,
		#ffdc71 65%,
		#b39716 92%,
		#eed366 100%);
	background:-webkit-gradient(linear,left center,right center,
		from(#eed366),
		color-stop(0.08,#b39716),
		color-stop(0.35,#ffdc71),
		color-stop(0.5,#fff6bd),
		color-stop(0.65,#ffdc71),
		color-stop(0.92,#b39716),
		to(#eed366));
}

header.page h1 {
	height:20px;
	line-height:20px;
	margin:0px;
	padding-left:36px;
	background-repeat:no-repeat;
	color:#7b4b22;
	text-shadow:1px 1px 0px rgb(255,255,255);
	font-size:small;
}

header.page hr {
	height:8px;
	margin:0px;
	background-image:url(/img/title_bar.png);
	border:0px none;
}

header.card {
	padding:2%;
	vertical-align:center;
}

header.card h1 {
	font-size:large;
}

header.card h2 {
	height:23px;
	color: #8f8b82;
	font-size:medium;
}

header.card h3 {
	color: #8f8b82;
	font-size:small;
}

header.quest h1 {
	display:block;
	width:290px;
	height:35px;
	font-size:small;
	line-height:35px;
	padding:4px 15px 4px 15px;
	margin:6px auto;
	text-align:center;
	vertical-align:middle;
	background:url(/img/menu/titleback01.png) no-repeat center;
}

header.menu h1 {
	display:block;
	width:100%;
	margin:8px 0 8px auto;
	background-color:#41160f;
	font-weight:bolder;
	color:#f94338;
	text-align:center;
	padding:1px;
}

header.trade h1 {
	display:block;
	background-color:#526c41;
	background: -moz-linear-gradient(
		left,
		#22331b 0%,
		#526c41 50%,
		#22331b);
	background: -webkit-gradient(linear,left center,right center,
		from(#22331b),
		color-stop(0.5,#526c41),
		to(#22331b));
	color: #ffffff;
	font-weight:bolder;
	text-align:center;
	text-shadow:0px 0px 3px #000000;
	border-top:1px solid #e0d793;
	border-bottom:1px solid #e0d793;
	padding:1%;
	box-shadow:0px 2px 2px #000000;
}

/* エラー */
article.err {
	background-color:#040000;
	color: #ffffff;
	padding:2%;
	margin:8px;
	line-height:120%;
	border:solid #f00 medium;
	border-radius: 5px;
}

article.err h1 {
	color: #ff0000;
	font-size: large;
	font-weight:bolder;
	text-align:center;
	margin: 1%;
}

/* 情報ウィンドウ */
article.info {
	background-color:#eae9da;
	color: #040000;
	padding: 2%;
	margin: 8px;
	line-height: 120%;
	border: 1px solid #c37c29;
	border-radius: 5px;
	font-size:small;
}

article.info h1 {
	color:#a7451e;
	font-size: medium;
	font-weight:bolder;
	text-align:center;
}

article.info a {
	color:#040000;
}

article.info new {
	color:#ff0000;
	font-size:small;
}

/* 情報ウィンドウ2 */
article.info2 {
	background: #f1f5d2;
	background: -moz-linear-gradient(top, #9ead98, #f1f5d2 50%,#77aeab 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#9ead98), color-stop(0.5, #f1f5d2), to(#77aeab));
	width: 85%;
	color: #040000;
	padding: 4px;
	margin: 8px auto;
	line-height:120%;
	border:1px solid #ffd;
	border-radius: 16px;
	-moz-box-shadow: 0px 0px 12px #040000,0px 0px 3px #040000 inset;
	-webkit-box-shadow: 0px 0px 12px #040000;
	text-align:center;
	line-height:110%;
}

article.info2 h1 {
	font-weight:bold;
}

/* 情報ウィンドウ3 */
article.info3 {
	background: #eeda00;
	background: -moz-linear-gradient(top, #845702, #ffc122 50%,#c4860b 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#845702), color-stop(0.5, #ffc122), to(#c4860b));
	width: 85%;
	color: #040000;
	padding: 4px;
	margin: 8px auto;
	line-height:120%;
	border:1px solid #ffd;
	border-radius: 16px;
	-moz-box-shadow: 0px 0px 12px #040000,0px 0px 3px #040000 inset;
	-webkit-box-shadow: 0px 0px 12px #040000;
	text-align:center;
	line-height:110%;
}

article.info3 h1 {
	font-weight:bold;
}

/* 確認用テキスト */
article.checktxt {
	display:block;
	width:95%;
	line-height:120%;
	margin:3%;
	color:#eee;
	font-weight:bold;
	text-align:center;
	text-shadow:0px 0px 5px #df563b;
}

article.checktxt br {
	line-height:150%;
}

/* 確認ダイアログ */
div.ynback {
	position:absolute;
	background: rgba(0,0,0,0.5);
}

div.yn {
	position:absolute;
	width: 280px;
	max-width: 280px;
	min-width: 280px;
	table-layout: fixed;

	background: #f1f5d2;
	background: -moz-linear-gradient(top, #9ead98, #f1f5d2 50%,#77aeab 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#9ead98), color-stop(0.5, #f1f5d2), to(#77aeab));
	color: #040000;
	padding: 4px;
	margin: 8px auto;
	line-height:120%;
	border:1px solid #ffd;
	border-radius: 16px;
	-moz-box-shadow: 0px 0px 12px #040000,0px 0px 3px #040000 inset;
	-webkit-box-shadow: 0px 0px 12px #040000;
	text-align:center;
	line-height:110%;
}

div.yn h1 {
	font-size:large;
	font-weight:bold;
	margin:8px;
}

div.yn p {
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:normal;
	word-wrap:break-word;
	margin:4px;
}

div.yn p.c {
	text-align:center;
}

div.yn br {
	line-height:150%;
}

div.yn small {
	color:#444;
	font-weight:normal;
	font-size:small;
}

div.yn em {
	color:#f00;
	font-weight:bold;
}

div.yn a {
	color:#f00;
}

/* アイコン */
div.icon {
	position:relative;
	display:block;
	float:left;
	width:64px;
	height:64px;
	margin:8px;
}

div.icon img {
	position:absolute;
	float:left;
	top:0;
	left:0;
}

/* キャラクター情報 */
section.chr {
	width:95%;
	margin:2px auto;
	padding:1%;
	color:#ffffff;
	background-color:#23202f;
	background:-moz-linear-gradient(top, #23202f, #485252);
	background:-webkit-gradient(linear,left top,left bottom, from(#23202f), to(#485252));
	font-size:80%;
	text-align:center;
	border-radius: 2px;
	box-shadow:inset 0px 0px 12px 0px #545c5d;
}

section.chr hr {
	height:2px;
	margin:0;
	border:0;
	background-color:#d4b888;
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:-webkit-gradient(linear,left center,right center, from(rgba(0,0,0,0)), color-stop(0.5,rgba(0,0,0,0.75)), to(rgba(0,0,0,0)));
}

section.chr h1 {
	font-size:100%;
	color:#67d0ea;
	margin:2px;
}

section.chr aside {
	color: #9a9a8e;
	font-size:80%;
}

section.chr div.icon {
	margin:4px;
}

/* カード詳細 */
div.card_d {
	background-color:#090401;
	color: #ffffff;
	text-align:center;
	font-weight:bolder;
	padding:2px 0;
	margin:0;
}

div.card_d img#card {
	border-top:solid 2px #eee;
	border-bottom:solid 2px #eee;
	width:320px;
	height:320px;
}

/* クエスト */
div.quest {
	text-align:center;
	line-height:120%;
	font-size:120%;
	padding:10px 10px;
	margin:4px;
	border:2px solid #5b5b5b;
	border-radius:6px;
	-webkit-border-radius:6px;
}

div.map {
	text-align:center;
}
div.map hr {
	height:8px;
	margin:0px;
	background-image:url(/img/areaWin.png);
	border:0px none;
}

section.info {
	font-size:small;
	margin:2%;
}

/* テーブル */
div.line table {
	width:100%;
}

div.line th {
	padding:2px;
	border:1px solid #888;
	white-space:nowrap;
}

div.line td {
	padding:2px;
	border:1px solid #888;
	text-align:left;
}

div.status {
	padding:2px;
	margin:8px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#c31403;
	color: #ffffff;
	text-align:center;
	font-weight:bolder;
	font-size:small;
}

div.status caption {
	font-weight:bold;
}

div.status table {
	width:100%;
}

div.status th {
	padding:2px;
	border:0;
	background-color:#3f0707;
}

div.status td {
	padding:2px;
	border:0;
	background-color:#2f0707;
}

/* クエスト */
table.quest_d {
	table-layout: fixed;
	background-color:#210202;
	border-collapse: collapse; /*罫線を結合*/
	border-spacing: 0;
	border:solid 1px #210202;
	border-top:solid 4px #210202;
	border-bottom:solid 4px #210202;
	border-radius:4px;
	-webkit-border-radius:4px;
	margin:auto;
}

table.quest_d th {
	width: 28%;
	text-align: right;
	white-space: nowrap;
	padding:1%;
}

table.quest_d tr:nth-child(2n+1) {
    background-color: #210202;
}

table.quest_d tr:nth-child(2n+2) {
    background-color: #520707;
}

table.quest_d td {
	background-color:#b03939;
	border:solid 1px #520707;
/*	color:#210202;*/
	color:#fff;
	padding: 0.2em;
}

/* チーム */
table.team {
	width:90%;
	margin:2px auto;
}

table.team th {
	padding:2px;
	background-color:#3f0707;
}

table.team td {
	padding:2px;
}

/* ランキング */
table.rank {
	margin:8px auto;
	width:312px;
	text-align:center;
	border-collapse:collapse;
	border-spacing: 0;
	border:solid 1px #8f2a2a;
	font-size:small;
}

table.rank th {
	width:23px;
	padding:1%;
	border:solid 1px #8f2a2a;
	color:#590b0b;
	background-color:#b03939;
	white-space:nowrap;
}

table.rank td {
	border:solid 1px #8f2a2a;
}

table.rank td.n {
	white-space: normal;
}

/* クエストログ */
article.log {
	font-weight:normal;
	color: #fdf6f3;
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:normal;
	word-wrap:break-word;
	margin:8px 15px;
	line-height:150%;
}

article.log img {
	margin:8px 0;
}

article.log p {
	margin:10px 0;
}

article.log div.c {
	text-align:center;
	line-height:150%;
}

/* バトル */
section.btl article {
	font-size:90%;
	margin:2%;
}

section.btl h1 {
	display:block;
	background-color:#526c41;
	background: -moz-linear-gradient(left, #22331b 0%, #526c41 50%, #22331b);
	background: -webkit-gradient(linear,left center,right center, from(#22331b), color-stop(0.5,#526c41), to(#22331b));
	color: #ffffff;
	font-weight:bolder;
	text-align:center;
	text-shadow:0px 0px 3px #000000;
	border-top:1px solid #e0d793;
	border-bottom:1px solid #e0d793;
	padding:1%;
	box-shadow:0px 2px 2px #000000;
}

section.btl h5 {
	margin:4px;
}

section.btl h5 img {
	width:64px;
	height:64px;
	margin:0 8px;
}

section.btl hr {
	height:6px;
	margin:0px;
	background-image:url(/img/btl_bar.png);
	border:0px none;
}

section.btl table.party {
	width:100%;
	color:#fff;
	background-color:#000;
	font-size:80%;
	padding:5px;
}

/* 掲示板 */
section.bbs {
	font-size:small;
	margin:2%;
}

section.bbs a.name {
	color:#67d0ea;
}

/* 施設 */
section.facility {
	font-size:small;
	margin:2%;
}

section.facility table {
	width:100%;
	text-align:center;
	vertical-align:middle;
	border-spacing:0;
}

section.facility td {
	vertical-align:top;
}

section.facility a {
	text-decoration:none;
}

section.facility div.ic {
	position:relative;
	width:96px;
}

section.event {
	display:block;
	margin:4px auto;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}

/* アルバム */
table.album {
	margin:4px auto;
	border-spacing: 0;
	text-align:center;
	vertical-align:middle;
}

table.album td {
	width:64px;
	height:64px;
	border:solid 1px #000;
}
/*	background-image:url(/img/menu/iconback64x64.png);*/

table.album a {
	text-decoration:none;
}

table.album div.new {
	position:absolute;
	float:left;
	width:100%;
	text-align:center;
	top:40px;
	left:0px;
	font-weight:bold;
	text-shadow:0 0 2px #cc0, 0 0 8px #110, 0 0 8px #110, 0 0 8px #110, 0 0 8px #110;
}

/* キャラセリフ枠 */
section.npc {
	display:block;
	min-height:72px;
	margin:6px;
	border:1px solid #ccc;
}

section.npc img {
	width:64px;
	height:64px;
	margin:4px;
	float:left;
}

section.npc p {
	margin:6px;
	font-size:small;
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:normal;
	word-wrap:break-word;
}

/* ショップ */
div.shopimg {
	margin:0 8px;
}

td.shopdisp {
	font-size:75%;
	margin:0 12px 0 0;
	line-height:150%;
	vertical-align:middle;
}

section.vendor {
	float:right;
	width:160px;
	background-color:#000;
	opacity:0.8;
	padding:4px;
}

/* ヘルプ */
article.help h2 {
	margin:20px;
}

article.help h3 {
	margin:10px;
}

article.help hr {
	height:8px;
	margin:0px;
	background-image:url(/img/areaWin.png);
	border:0px none;
}

article.help p {
	margin:6px;
	font-size:small;
}

article.help table {
	width:95%;
	margin:8px auto;
	font-size:small;
	text-align:center;
}

img.flip-h {
transform: matrix(-1,0,0,1,0,0);
-o-transform: matrix(-1,0,0,1,0,0);
-moz-transform: matrix(-1,0,0,1,0,0);
-webkit-transform: matrix(-1,0,0,1,0,0);
-ms-transform: matrix(-1,0,0,1,0,0);
}
img.flip-v {
transform: matrix(-1,0,0,-1,0,0);
-o-transform: matrix(-1,0,0,-1,0,0);
-moz-transform: matrix(-1,0,0,-1,0,0);
-webkit-transform: matrix(-1,0,0,-1,0,0);
-ms-transform: matrix(-1,0,0,-1,0,0);
}
.img-fluid {
	max-width:100%;
	height:auto;
}

/*汎用*/
div.info {
	padding:10px 10px;
	margin:1px;
	border:2px solid #5b5b5b;
	border-radius:6px;
	-webkit-border-radius:6px;
	text-align:center;
}