@charset "utf-8";
/* css */

* {
	margin:0px;
	padding:0px;
	line-height:1;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

body { 
	font-size:12px;
	margin:0px;
	font-family:"Meiryo UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Verdana","Arial","Helvetica","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
}

a       { text-decoration:none; }
a:hover { text-decoration:underline;}

.pf { font-family:"Meiryo UI","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif !important; }
.tt { font-family:"Meiryo UI","ＭＳ ゴシック","MS Gothic","Osaka－等幅","Osaka-Mono",monospace !important; }
#sub input {
	padding:0;
	line-height:1;
	font-size:12px;
	vertical-align:middle;
	font-family:"Meiryo UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Helvetica","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
}
#sub input[type="submit"] {
	height:20px;
}
#sub input[type="password"] {
	height:18px;
	border-width:1px;
	border-style:solid;
	border-radius:3px;
}

hr    { border-width:0px 0px 1px 0px; border-style:solid; margin:1px 0px; padding:0px; height:0px; }
hr.dot{ border-style:dotted; }
hr.das{ border-style:dashed; }
hr.gro{ border-style:solid; border-width:1px 0px; }
hr.rid{ border-style:solid; border-width:1px 0px; }

ruby rt{ font-family:"Meiryo UI","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }

img { border:0px; }

#base {
	max-width:960px;
	margin:0px auto;
	padding:0px 10px;
}
#header {
	position:relative;
	z-index:1;
	margin:0px 0px 0px -3px;
	padding:3px 0px 0px 0px;
	border-width:0 0 0 12px;
	border-style:solid;
	text-align:center;
}
#header:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	left:6px;
	right:0px;
	bottom:0px;
	border-width:0 0 0 6px;
	border-style:solid;
}
#header:after {
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	left:17px;
	right:0px;
	bottom:0px;
	border-width:0 0 0 3px;
	border-style:solid;
}
#header h1 {
	margin:0px 6px;
	padding:3px 4px 3px 20px;
	background-color:transparent;
	text-align:left;
	line-height:18px;
	font-size:18px;
	font-weight:bold;
	font-family:"Meiryo UI","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic";
}

#sub {
	position:relative;
	z-index:1;
	margin:-40px 0px 0px auto;
	padding:17px 6px 4px 0px;
	width:300px;
}
#sub:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:5px;
	left:-150px;
	right:-10px;
	bottom:0px;
	border-width:0 0 1px 0;
	border-style:solid;
}
#sub:after {
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	left:0px;
	right:0px;
	bottom:-15px;
	border-width:0 1px 0 0;
	border-style:solid;
}
#sub h1 {
	position:relative;
	z-index:1;
	margin:0px;
	padding:0px;
	text-align:right;
	line-height:13px;
	font-size:13px;
	font-weight:bold;
	font-family:"Meiryo UI","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic";
}
#sub h1:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	left:-25px;
	right:-12px;
	bottom:-6px;
	border-width:0 0 1px 0;
	border-style:solid;
}
#sub h1:after {
	content:"";
	position:absolute;
	z-index:-1;
	top:-5px;
	left:0px;
	right:-8px;
	bottom:-12px;
	border-width:0 1px 0 0;
	border-style:solid;
}
#sub form {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#footer {
	margin:10px -10px 0px;
	padding:8px 14px 8px;
	text-align:left;
	line-height:12px;
	font-size:12px;
	font-family:"Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka";
}

.cent {
	max-width:800px;
	min-width:600px;
	margin:auto;
	margin-top:10px;
	text-align:center;
}
.L { text-align:left !important; }
.R { text-align:right !important; }
.C { text-align:center !important; }
.B { font-weight:bold; }
.nw{ white-space:nowrap; }
.bbT { border-top-width   :0 !important; }
.bbR { border-right-width :0 !important; }
.bbB { border-bottom-width:0 !important; }
.bbL { border-left-width  :0 !important; }

.table       { margin:0px 0px 8px 0px; padding:0px 2px 2px 2px; border:2px solid; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); }
.table table { width:100%; margin:0px; padding:0px; border:0px; border-collapse:separate; border-spacing:0; empty-cells:hide; }
.table caption { padding:1px 0px 0px 0px; text-align:left; font-size:16px; font-weight:bold; letter-spacing: 0.2em; }
.table th    { padding:1px 0px 0px 0px; border:0px; font-size:12px; line-height:1; font-weight:normal; font-family:"Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }
.table td    { border:1px solid; line-height:1.084; font-size:12px; font-family:"Meiryo UI","Arial","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }
.table td.L  { padding:2px 3px; }
.table td.R  { padding:2px 3px; }
.table td.C  { padding:2px 0px; }
.table .error{ background-image: url("../img/translucent_black80.png");  color:#b22222 !important; }
.table th.line   { padding:0px !important; width:1px; empty-cells:show; }
.table td.horizon{ padding:0px !important; height:0px; border-width:1px 0px !important; empty-cells:show; }
.table td.horizonB{ padding:0px !important; height:2px; border-width:0px !important; empty-cells:show; background-color:transparent !important; }
#base .f16  { font-size:16px; }
#base .f15  { font-size:15px; }
#base .f14  { font-size:15px; }
#base .f12  { font-size:12px; }
#base .f11  { font-size:11px; }
#base .f10  { font-size:10px; }
table.ruby  { display:inline-table; width:auto; margin:0; border:0; border-collapse:collapse; vertical-align:bottom; }
table.ruby th { padding:0; border:0; font-size:9px; line-height:10px; text-align:center; }
table.ruby td { padding:0; border:0; text-align:center; }
table.ruby, table.ruby tbody, table.ruby th, table.ruby td { background-color:transparent; color:inherit; }
table.ruby, table.ruby tbody, table.ruby td { background-color:transparent; color:inherit; font-size:inherit; }


#BackUpList {
	float:left;
	position:absolute;
	width:72px;
	margin:10px 0px 0px -3px;
	border-width:1px;
	border-style:solid;
	font-size:12px;
	font-family:"Meiryo UI","ＭＳ Ｐゴシック",Osaka;
}

#Title { margin:5px 0px 8px 0px; padding:8px 10px 2px; }
 #Title .name  { padding:5px 0px 5px 0px; text-align:left;   font-size:27px; line-height:27px; font-family:"Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3",Osaka; font-weight:bold; }
  #Title .name table.ruby  { margin:-14px 0 0 0; }
  #Title .name table.ruby th { font-size:10px; line-height:12px; font-family:"Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3",Osaka; }
  #Title .name table.ruby td { padding:2px 0 0; font-family:"Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3",Osaka; }
 #Title .word  { padding:0px 0px 0px 0px; text-align:center; font-size:20px; line-height:20px; font-family:"Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3",Osaka; }
 #Title .player{ padding:0px 0px 3px 0px; text-align:right;  vertical-align:bottom; font-size:12px; line-height:14px; }
#Tag    { margin:-4px 0px 4px 0px; padding:1px 2px; }
#CharaR { float:right; width:38.5%; }
 #Image  { display:table; width:100%; height:457px; padding:0px 1px; }
  #Image .img{ display:table-cell; height:100%; vertical-align:middle; }
  #Image .imgw{ margin:auto; boroder:0; border-collapse:collapse; }
  #Image .imgw td { padding:0; }
  #Image img { vertical-align:bottom; margin:0px; width:100%; border-width:1px; }
#CharaL { margin-right:39%; }
 #Profile { float:left; width:66%; margin-bottom:4px; text-align:left; }
 #WandC   { width:33%; margin-left:auto; margin-bottom:4px; text-align:left; }
 #Syndrome{ margin-bottom:4px; }
 #Exp     { float:left; width:24%; margin-bottom:4px; text-align:left; }
 #Spec    { width:75%; margin-left:auto; margin-bottom:4px; text-align:left; }

#Exp table,
#Profile table,
#Syndrome table,
#Spec table,
#Skill table,
#Effect table,
#Combo table,
#Item table { table-layout:fixed; }

#Profile td { font-size:14px; line-height:1; }
#WandC   td { font-size:14px; line-height:1; }
#Syndrome td{ font-size:14px; line-height:1; white-space:nowrap; overflow: hidden; }
#Exp     td { font-size:16px; line-height:1; }
#Spec  td   { font-size:13px; line-height:1; }
#Spec  td B { font-size:16px; font-weight:normal; }
#Lifepath td.C { font-size:14px; line-height:1; }
#Lifepath td.B { font-size:16px; font-weight:normal; }
#Lifepath  td  { empty-cells:show; }
#Skill td   { padding:2px 5px; font-size:13px; line-height:1; }
#Skill td.B { font-size:16px; font-weight:normal; }
#Skill td.R { padding:1px 3px; font-size:11px; font-weight:normal; }
#Skill td B { margin-right:2px; font-size:15px; font-weight:normal; }
#Lois td.B { padding:2px 0px 1px; font-size:13px; font-weight:normal; }
#Effect  td.B   { padding:1px 0px 0px; font-size:14px; line-height:1; font-weight:bold; }
#Effect  td.lv  { padding:1px 0px 0px; font-size:14px; }
#Effect td small{ display:block; font-size:10px; white-space:nowrap; overflow:hidden; }
#Combo  td.num { padding:1px 0px 0px; font-size:14px; line-height:1; }
#Combo  td.B   { padding:0px 0px 0px; font-size:15px; line-height:1; font-weight:bold; }
#Combo th      { white-space:nowrap; }
#Combo th small{ display:block; margin:0px -1em; text-align:center; font-size:10px; white-space:nowrap; }
#FreeArea td.L { padding:2px 5px; }
#History  td.L,
#History  td.R { padding:2px 3px; }

#Syndrome table,
#Lois table,
#Effect table,
#Lifepath table,
#Item table { empty-cells:show; }

#FreeArea td.L,
#HistoryFree td.L,
#OriginalItem td.L { font-family:"Meiryo UI","ＭＳ ゴシック","MS Gothic","Osaka－等幅","Osaka-Mono",monospace; }

#Lois input[type="checkbox"] { vertical-align:bottom; }


.sub {
	margin:6px -2px 1px;
	padding:2px 3px;
	border-width:1px 0px 0px 6px;
	border-style:solid solid solid double;
	font-size:13px;
	font-family:"Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka";
	font-weight:bold;
}
.sub.small {
	margin:1px -1px 1px;
	padding:1px 5px;
	border-width:0px 0px 0px 4px;
	border-style:solid;
	font-size:12px;
	font-weight:bold;
}
td > .sub:first-child { margin-top:0px; }

a.backurl {
	display:block;
	width:110px;
	margin:20px 0px 0px auto;
	padding: 3px 0px;
	border-width:1px 0px;
	border-style:solid;
	text-decoration:none;
	text-align:center;
	line-hright:11px;
	font-size:11px;
	font-weight:bold;
	font-family:"Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka";
}

.hide { display:none; }

td div.box { width:100%; height:12em; overflow-y:scroll; overflow-x:auto; }

table.txtable    { width:auto; margin:1px 0px; border-width:1px; border-style:solid; border-collapse:collapse; }
table.txtable tbody { border-width:inherit; border-style:inherit; }
table.txtable tr { border-width:inherit; border-style:inherit; }
table.txtable th { padding:2px 3px; border-width:inherit; border-style:inherit; text-align:center; vertical-align:middle; font-size:12px; line-height:13px; font-family:"Meiryo UI","Arial","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }
table.txtable td { padding:2px 3px; border-width:inherit; border-style:inherit; text-align:left;   vertical-align:top;    font-size:12px; line-height:13px; font-family:"Meiryo UI","ＭＳ ゴシック","MS Gothic","Osaka－等幅","Osaka-Mono"; }

table.item_name   { max-width:700px; margin:0 auto; border:0; border-collapse:collapse; }
table.item_name td{ border:0; font-family:"Meiryo UI","ＭＳ Ｐゴシック","MS PGothic","Osaka"; font-family:"Meiryo UI","Arial","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }
table.item        { max-width:700px; table-layout:fixed; margin:0 auto; border-width:1px; border-style:solid; border-collapse:collapse; }
table.item th     { padding:2px 0px; border-width:1px; border-style:solid; text-align:center; font-size:12px; line-height:13px; font-family:"Meiryo UI","Arial","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }
table.item td     { padding:2px 5px; border-width:1px; border-style:solid; font-family:"Meiryo UI","Arial","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }
table.item .rank  { display:block; margin:1px 0px 2px -3px; padding:1px; border-left:3px solid; font-size:13px; font-weight:bold; }
table.item_name img.icon{ margin:0px 0px -2px 0px; }
table.item img.icon     { margin:-2px 0px -4px 0px; }
table.item table.item { width:auto; }