@charset "utf-8";


*, *:before, *:after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-webkit-appearance: button;
	appearance: button;
}

@media screen and (max-width:409px) {
	div.param2 { width: 380px; }
	div.title { font-size: 16px; }
	body, td, th { font-size: 16px; }
	input, select, textarea { font-size: 14px; }
	div.home { font-size: 16px; }
	div.param { padding: 3px 4px 3px 4px; }
	div.datadisp { padding: 3px 4px 27px 4px; }
	div.packtitle { font-size: 12px; }
	div.cardlist, div.card, table.comp td, table.tcard td { font-size: 10px; }
	div.cardlist2 { font-size: 12px; }
	table.tcard td { line-height: 15px; padding: 1px; }
	table.tcard td.cardname { width: 104px; }
	table.tcard td.cardname2 { width: 100px; }
	table.tcard td.cardname div.cname { width: 102px; }
	table.tcard td.cardname2 div.cname { width: 98px; }
	table.pokeform td { line-height: 19px; }
	table.tcard2 td { font-size: 13px; }
	.kome { font-size: 12px; }
	.txa { font-size: 10px; }
}
@media screen and (min-width:410px) and (max-width:730px) {
	div.param2 { width: 380px; }
	div.title { font-size: 16px; }
	body, td, th { font-size: 16px; }
	input, select, textarea { font-size: 14px; }
	div.home { font-size: 16px; }
	div.param { padding: 3px 4px 3px 4px; }
	div.datadisp { padding: 3px 4px 27px 4px; }
	div.packtitle { font-size: 13px; }
	div.cardlist, div.card, table.comp td, table.tcard td { font-size: 11px; }
	div.cardlist2 { font-size: 13px; }
	table.tcard td { line-height: 16px; padding: 1px; }
	table.tcard td.cardname { width: 112px; }
	table.tcard td.cardname2 { width: 108px; }
	table.tcard td.cardname div.cname { width: 110px; }
	table.tcard td.cardname2 div.cname { width: 106px; }
	table.pokeform td { line-height: 19px; }
	table.tcard2 td { font-size: 14px; }
	.kome { font-size: 13px; }
	.txa { font-size: 11px; }
}
@media screen and (min-width:731px) {
	div.title { font-size: 18px; }
	body, td, th { font-size: 16px; }
	input, select, textarea { font-size: 14px; }
	div.home { font-size: 16px; margin-top:2px; }
	div.param { padding: 4px 6px 5px 6px; }
	div.datadisp { padding: 4px 6px 28px 6px; }
	div.packtitle { font-size: 14px; }
	div.cardlist, div.card, table.comp td, table.tcard td { font-size: 12px; }
	div.cardlist2 { font-size: 14px; }
	table.tcard td { line-height: 18px; padding: 2px; }
	table.tcard td.cardname { width: 120px; }
	table.tcard td.cardname2 { width: 120px; }
	div.cname { width: 117px; }
	table.tcard2 td { font-size: 14px; }
	.kome { font-size: 14px; }
	.txa { font-size: 12px; }
}

html, body {
	height: 100%;
	width: 100%;
}
form {
	text-align: left;
}
body, td, th {
	color: #000000;
	font-family: 'メイリオ', '游ゴシック体', sans-serif;
}
input, select, textarea {
	font-family: 'メイリオ', '游ゴシック体', sans-serif;
}
body {
	background-color: #ffffff;
}

div.body {
	background-color: #ffff99;
	white-space: normal;
	word-break: break-all;
}
div.title {
	max-width: 612px;
	color: #ff0000;
	margin-bottom: 2px;
}
div.home {
	float: right;
}
div.packtitle {
	color: #ff0000;
	font-weight: bold;
	margin: 2px 0;
}
div.subpacktitle {
	color: #ff0000;
	margin: 2px 0;
}
div.param {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #ffffcc;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	z-index: 100;
}

div.datadisp {
	background-color: #ffffff;
	width: 100%;
	overflow: auto;
}

table.pokeform {
	border-collapse: collapse;
	border-style: none;
	margin: 1px 0;
}
table.pokeform td {
	border-style: none;
}
table.pokeform td.vtop {
	vertical-align: top;
}
table.pokeform td.btn {
	padding: 0 1px 1px 0;
}
td.label {
	white-space: nowrap;
	padding-right: 5px!important;
}

div.cardlist, div.cardlist2 {
	margin-bottom: 10px;
}
div.inline {
	display: inline-block;
}
div.card {
	display: inline-block;
	white-space: nowrap;
	vertical-align: bottom;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-right: -1px;
	margin-bottom: -1px;
	cursor: pointer;
}
div.card2 {
	display: inline-block;
	white-space: nowrap;
	vertical-align: bottom;
	margin-right: -1px;
	margin-bottom: -1px;
}

div.cname {
	position: absolute;
	overflow: hidden;
}

table.tcard:hover div.cname {
	overflow: visible;
	white-space: normal;
	background-color: #ffddbb;
}

div.mai {
	position: absolute;
	right: 2px;
	display: inline-block;
	float: right;
	zindex: 1;
}

div.compd {
	margin-bottom: 2px;
}
table.comp {
	border-collapse: collapse;
}
table.comp td {
	vertical-align: top;
	padding-right: 3px;
	padding-bottom: 1px;
}

table.tcard {
	border-collapse: collapse;
	border: solid 1px #aaaaaa;
	table-layout: fixed;
}
table.tcard td {
	border: solid 1px #aaaaaa;
}
table.tcard td.cardname {
	height: 100%;
	overflow: hidden;
	position:  relative;
}

table.tcard td.cardname2 {
	height: 100%;
	overflow: hidden;
	position:  relative;
}

table.tcard:hover {
	border: double 1px #ff0000;
	position:relative;
	z-index: 1;
}
table.tcard:hover td {
	border: double 1px #dd2200;
	background-color: #ffddbb;
	color: #dd2200;
}

table.tcard2 {
	border-collapse: collapse;
	border: solid 1px #aaaaaa;
	width: 84%
}
table.tcard2 td {
	border: solid 1px #aaaaaa;
	padding: 1px;
}
table.tcard2 td.url {
	width: 64px;
	padding: 2px;
	white-space: nowrap;
}
table.tcard2 td.open {
	width: 40px;
}

.inpt {
	border: solid 1px #aaaaaa;
	width: 140px;
	display: inline-block;
	padding: 2px 3px;
}
.inpt2 {
	border: solid 1px #aaaaaa;
	width: 38px;
	display: inline-block;
	padding: 2px 3px;
}
.inptlong {
	border: solid 1px #aaaaaa;
	width: 100%;
	display: inline-block;
	padding: 2px 3px;

}

.slct {
	border: solid 1px #aaaaaa;
	display: inline-block;
	padding: 1px;
}

.txa {
	display:block;
	resize: none;
	width:340px;
	height:200px;
	padding: 2px 3px;
	font-family: monospace, serif;
}

.btn1 {
	color: #1f009e;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	border: 1px solid #8c9dbb;
	background-color: #d8e5f8;
	padding: 2px 5px 2px 3px;
	margin: 0px;
	cursor: pointer;

}
.btn1:hover {
	background-color: #bdd1ee;
}
.btn1:active {
	background-color: #aec5e3;
}

.click {
	cursor: pointer;
}
.chk {
	margin: 0px 1px 0px 2px;
}

#uudisp {
	padding: 6px 12px;
}

.type1-0 { background-color: #ddffdd; }
.type1-1 { background-color: #88ee99; }
.type1-2 { background-color: #5add7a; }
.type1-3 { background-color: #33cc66; }

.type2-0 { background-color: #ffdddd; }
.type2-1 { background-color: #ffb9b6; }
.type2-2 { background-color: #ff8c8c; }
.type2-3 { background-color: #ff6666; }

.type3-0 { background-color: #ddeeff; }
.type3-1 { background-color: #a6d6ff; }
.type3-2 { background-color: #73b9ff; }
.type3-3 { background-color: #44aaff; }

.type4-0 { background-color: #ffffdd; }
.type4-1 { background-color: #ffeeaa; }
.type4-2 { background-color: #ffdd88; }
.type4-3 { background-color: #ffcc66; }

.type5-0 { background-color: #ffddff; }
.type5-1 { background-color: #f3c6ff; }
.type5-2 { background-color: #e3b3ff; }
.type5-3 { background-color: #dd99ff; }

.type6-0 { background-color: #ffe7dd; }
.type6-1 { background-color: #eec5aa; }
.type6-2 { background-color: #ddb196; }
.type6-3 { background-color: #cc9988; }

.type7-0 { background-color: #d5d5d5; }
.type7-1 { background-color: #c4c4c4; }
.type7-2 { background-color: #b3b3b3; }
.type7-3 { background-color: #999999; }

.type8-0 { background-color: #ebeeee; }
.type8-1 { background-color: #dfe2e2; }
.type8-2 { background-color: #d2d6d6; }
.type8-3 { background-color: #c9caca; }

.type9-0 { background-color: #fff399; }
.type9-1 { background-color: #fde773; }
.type9-2 { background-color: #fbdf44; }
.type9-3 { background-color: #f9d700; }

.type10-0 { background-color: #d3d2d0; }
.type10-1 { background-color: #dfdedc; }
.type10-2 { background-color: #eeedeb; }
.type10-3 { background-color: #fffefc; }

.type11-0, .type12-0, .type13-0, .type14-0, .rare11-0 { background-color: #d0d0d0; }
.type11-1, .type12-1, .type13-1, .type14-1, .rare11-1 { background-color: #e1e1e1; }
.type11-2, .type12-2, .type13-2, .type14-2, .rare11-2 { background-color: #f2f2f2; }
.type11-3, .type12-3, .type13-3, .type14-3, .rare11-3 { background-color: #ffffff; }

.rare0-0 { background-color: #e7f2fd; }
.rare0-1 { background-color: #d5ecf7; }
.rare0-2 { background-color: #c2def3; }
.rare0-3 { background-color: #bdd5ee; }

.rare5-0 { background-color: #eeddff; }
.rare5-1 { background-color: #ddccff; }
.rare5-2 { background-color: #ccbbff; }
.rare5-3 { background-color: #bbaaff; }

.rare6-0 { background-color: #e9e8f4; }
.rare6-1 { background-color: #d9d8e5; }
.rare6-2 { background-color: #c9c7d6; }
.rare6-3 { background-color: #b9b7c7; }

.rare7-0 { background-color: #f0f0ff; }
.rare7-1 { background-color: #e3e3f7; }
.rare7-2 { background-color: #dadaf2; }
.rare7-3 { background-color: #d0d0e9; }

.rare8-0 { background-color: #ccd3dd; }
.rare8-1 { background-color: #d5e5f3; }
.rare8-2 { background-color: #e4f2fc; }
.rare8-3 { background-color: #f3f9ff; }

.rare9-0 { background-color: #d9ddf2; }
.rare9-1 { background-color: #e0e5fc; }
.rare9-2 { background-color: #eaeefd; }
.rare9-3 { background-color: #f5f7ff; }

.rare10-0 { background-color: #ddcc99; }
.rare10-1 { background-color: #e6b422; }
.rare10-2 { background-color: #f3c911; }
.rare10-3 { background-color: #ffd700; }

.rare12-0 { background-color: #ffe7e5; }
.rare12-1 { background-color: #fcd7d4; }
.rare12-2 { background-color: #f9cac5; }
.rare12-3 { background-color: #f6bfbc; }

.item {
	color: #cc3300!important;
	white-space: nowrap;
}
.a {
	color: #0000ff!important;
}
.red {
	color: #ff0000!important;
}
.blue, .kome {
	color: #0066ff!important;
}
.purple {
	color: #6633cc!important;
}
.right {
	text-align: right;
}
.nowrap {
	display: inline-block;
	white-space: nowrap;
	vertical-align: bottom;
}
.none {
	display: none!important;
}