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

@font-face { font-family: "Arial"; src: local("Arial"); unicode-range: U+0000-1FFF; }
@font-face { font-family: "Arial"; src: local("Verdana"); unicode-range: U+002F,U+003A-003B; }
@font-face { font-family: "ArialT"; src: local("Arial"); unicode-range: U+0000-00D6,U+00D8-1FFF; }
@font-face { font-family: "ArialT"; src: local("Verdana"); unicode-range: U+002F,U+0028-0029,U+003A-003B; }

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

body { 
	font-size:12px;
	margin:0px;
	font-family:"ヒラギノ角ゴ 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","Arial","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif !important; }
.tt { font-family:"ＭＳ ゴシック","MS Gothic","Osaka－等幅","Osaka-Mono",monospace !important; }

span.text-em {
  -webkit-text-emphasis: dot filled;
          text-emphasis: dot filled;
}

#sub input {
	padding:0;
	line-height:1;
	font-size:12px;
	vertical-align:middle;
	font-family:"ヒラギノ角ゴ 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; }

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:"ヒラギノ丸ゴ 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:"ヒラギノ丸ゴ 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","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka";
}

#header_ad {
  padding:1em 0;
  text-align:center;
}
#footer_ad {
  padding:1.5em 0 0;
  text-align:center;
}

#header_ad:empty,
#footer_ad:empty {
  display:none;
}

.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; }

.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; empty-cells:hide; border-collapse:separate; border-spacing:0; }
.table th    { padding:1px 0px 0px 0px; border:0px; font-size:12px; line-height:1; font-weight:normal; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }
.table td    { border:1px solid; line-height:1.167; font-size:12px; font-family:"Arial","Meiryo UI","ＭＳ Ｐゴシック","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 a:hover { text-decoration:none; }
#base .f16  { font-size:16px; }
#base .f15  { font-size:15px; }
#base .f12  { font-size:12px; }
#base .f11  { font-size:11px; }
#base .f10  { font-size:10px; }
table.ruby  { display:inline-block; width:auto; margin:-14px 0 0 0; border:0; border-collapse:collapse; vertical-align:bottom; }
table.ruby th { padding:0; border:0; font-size:10px; line-height:1.2; text-align:center; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3",Osaka; }
table.ruby td { padding:2px 0 0; border:0; line-height:inherit; text-align:center; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3",Osaka; }
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:"ＭＳ Ｐゴシック",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:1; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3",Osaka; font-weight:bold; }
 #Title .word  { padding:0px 0px 0px 0px; text-align:center; font-size:20px; line-height:1; font-family:"メイリオ","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; }
 #Group { width:4.2em; padding-right:.2em; }
  #Group + td { width:5.2em; padding:0px 3px; }
  #Group + td a { display:block; padding:3px 0px 2px; }
 #TagTag{ width:2.9em; padding-right:.2em; }
  #TagTag + td { padding:0px 3px; }
  #TagTag + td a { display:inline-block; padding:3px 0px 2px; white-space:nowrap; }
#CharaR { float:right; width:38.5%; }
 #Image  { display:table; width:100%; height:474px; padding:0px 1px; }
  #Image .img{ display:table-cell; height:100%; vertical-align:middle; }
  #Image .imgw{ margin:auto; boroder:0; }
  #Image .imgw td { padding:0; }
  #Image img { vertical-align:bottom; margin:0px; width:100%; border-width:1px; }
  #Image td#ImageCopyright { padding-right:2px; border:0px; background-color:transparent; text-align:right; }
#CharaL { margin-right:39%; }
 #Profile{ float:left; width:76%; margin-bottom:4px; text-align:left; }
 #Element{ width:18%; margin-left:auto; margin-bottom:4px; text-align:left; }
 #Spec   { float:left; width:76%; margin-bottom:4px; text-align:left; }
 #Sin    { width:18%; margin-left:auto; margin-bottom:4px; text-align:left; }
 #Status { margin-bottom:4px; text-align:left; }
 #Skill  { float:left; width:45.6%; margin:0px 0px 0px 0px; }
 #HpMp   { float:right; width:34.8%; margin:0px 0px 4px 3px; }
 #Speed  { float:right; width:18%; margin:0px 0px 4px 0px; }
 #Trait  { float:right; width:53.4%; margin-bottom:4px; }
 #Money  { float:right; width:53.4%; margin-bottom:5px; }
#Ability { float:left;  width:24.625%; margin:0px 0.5% 10px 0px; }
#Craft   { float:left;  width:24.625%; margin:0px 0.5% 10px 0px; }
#Language{ float:left;  width:24.625%; margin:0px 0.5% 10px 0px; }
#Judge   { float:right; width:24.625%; }
#FairySheet  { width:452px; margin-right:auto; }
#SkillAttack { width:452px; margin:0px auto 3px 0px; }
#SkillDefense{ width:352px; margin:0px auto 3px 0px; }
#Item        { float:left; width:55%; text-align:left; }
#BattleItem,
#School,
#HonorItem   { margin-left:55.8%; }

#Craft th { padding:7px 0px 0px; }
#Craft tr:first-child th { padding:1px 0px 0px; }
#Ability th { padding:7px 0px 0px; }
#Ability tr:first-child th { padding:1px 0px 0px; }

#Profile td { padding:2px 0px; font-size:15px; line-height:1; }
#Element td { padding:2px 0px; font-size:15px; line-height:1; }
#Spec    td { padding:2px 0px; font-size:16px; line-height:1; }
#Sin     td { padding:2px 0px; font-size:16px; line-height:1; }
#Status  td { padding:2px 0px; font-size:15px; line-height:1; } #Status td.B    { font-size:16px; font-weight:normal; }
#Speed   td { padding:2px 0px; font-size:16px; line-height:1; } #Speed td small { font-size:11px; }
#HpMp    td { padding:2px 0px; font-size:16px; line-height:1; } #HpMp  td small { font-size:11px; }
#Money   td { padding:2px 0px; font-size:16px; line-height:1; } #Money td small { font-size:12px; }
#Trait   td { padding:3px 3px; font-size:12px; line-height:1.084; }
#Skill    td.C { padding:0px 0px; font-size:15px; line-height:1; }
#Skill    td.L { padding:2px 3px; font-size:12px; line-height:1.084; }
#Language td.C { padding:2px 0px; }
#Item     td.L,
#FreeArea td.L { padding:2px 5px; }
#History  td.L,
#History  td.R { padding:2px 1px; }

#Language td.C,
#Familiar td.L,
#Item     td.L,
#FreeArea td.L,
#HistoryFree td.L,
#OriginalItem td.L { line-height: 1.3; font-family:"メイリオ","Meiryo","ArialT","ＭＳ ゴシック","MS Gothic","Osaka－等幅","Osaka-Mono",monospace; }

#Ability td span.L { float:left; width:12px; margin:2px 0 -2px 1px; line-height:1; font-size:11px; text-align:center !important; }



.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","ＭＳ Ｐゴシック","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","ＭＳ Ｐゴシック","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; font-family:inherit; }
table.txtable tbody { border-width:inherit; border-style:inherit; font-family:inherit; }
table.txtable tr { border-width:inherit; border-style:inherit; font-family: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",sans-serif; }
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:inherit; }

#OriginalItem div.o_item        { margin:0 auto; padding:3px 5px 2px; max-width:710px; }
#OriginalItem div.o_item table.item_name   { width:100%; margin:1px auto; border:0; border-collapse:collapse; }
#OriginalItem div.o_item table.item_name td{ padding:0; border:0; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }
#OriginalItem div.o_item table.item        { width:100%; table-layout:fixed; margin:0 auto; border-width:1px; border-style:solid; border-collapse:collapse; }
#OriginalItem div.o_item table.item th     { padding:2px 0px; border-width:1px; border-style:solid; text-align:center; font-size:12px; line-height:13px; font-family:"メイリオ","Meiryo","Arial","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif; }
#OriginalItem div.o_item table.item td     { padding:2px 5px; border-width:1px; border-style:solid; font-family:"メイリオ","Meiryo","Arial","ＭＳ Ｐゴシック","MS PGothic","Osaka"; }
#OriginalItem div.o_item table.item .rank  { display:block; margin:1px 0px 2px -3px; padding:1px; border-left:3px solid; font-size:13px; font-weight:bold; }
#OriginalItem div.o_item table.item_name img.icon{ margin:0px 0px -2px 0px; }
#OriginalItem div.o_item table.item img.icon     { margin:-2px 0px -4px 0px; }
#OriginalItem div.o_item table.item table.item { width:auto; }
#OriginalItem div.o_item table.item table.item td { text-align:center; }
#OriginalItem div.o_item + div.o_item { margin-top:8px; }
#OriginalItem div.o_item .tt { font-family:"メイリオ","Meiryo","ＭＳ ゴシック","MS Gothic","Osaka－等幅","Osaka-Mono",monospace !important; }

div.makingdata table.txtable { width:70%; margin:0 auto; }
div.makingdata table.txtable th { padding:3px 5px; font-weight:bold; border-bottom-style:hidden; font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
div.makingdata table.txtable td { padding:4px 12px 2px; }
div.makingdata table.txtable td.R { padding-top:0px; border-top-style:hidden; }
div.makingdata table.txtable table.txtable    { width:auto; margin:4px auto; }
div.makingdata table.txtable table.txtable td { padding:2px 5px; }

div.mons { float:left; width:49%; margin:2px 0.5% .5em; text-align:left; }
div.mons:only-child { float:none; width:60%; margin:2px auto .5em; text-align:left; }
div.mons .mons-name { padding:3px 3px 3px 0px; border-width:2px 0 0 0; border-style:solid; text-align:left; font-weight:bold; font-size:16px; font-family:"Arial","ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif; }
div.mons .mons-lv   { display:inline-block; width:1.6em; margin:-3px 5px 0px 0px; padding:0px 0px 3px; text-align:center; font-size:19px; font-family:"Arial Black"; }
div.mons .mons-stat { width:99%; margin:auto; }
div.mons .mons-stat tr { border-width:0px; }
div.mons .mons-stat th { border-width:1px; border-style:solid; width:12%; }
div.mons .mons-stat th:first-child { width:auto; }
div.mons .mons-stat th:nth-last-child(2){ width:10%; }
div.mons .mons-stat th:last-child       { width:10%; }
div.mons .mons-stat td { border-width:0px 1px; border-style:solid; }
div.mons .mons-head,
div.mons .mons-part,
div.mons .mons-body { padding:3px 5px; line-height:1.1; }
div.mons .mons-body .partname { margin:2px -1px 2px -1px; border-bottom:1px dotted; font-size:13px; }
div.mons .sub { border:0px; padding:2px 5px; }

img.itemicon { width:13px; height:13px; margin:-1px 1px -2px 0px; }