@charset "utf-8";

div.memo {
	margin: 6px 0;
	border: 2px solid #ff9999;
	border-radius: 10px;
	padding: 6px 10px 6px 10px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	white-space: nowrap;
}
div.memosub  {
	margin-top: 5px;
	white-space: normal!important;
	max-width: 360px;
}
table.memosub2 {
	border-collapse: collapse;
	border-style: none;
	white-space: nowrap;
}
table.memosub2 td {
	border-style: none;
}
table.memosub2 td.r {
	padding-right: 16px;
}

div.memo2 {
	margin: 6px 0;
	border: 2px solid #66ccee;
	border-radius: 10px;
	padding: 6px 10px 6px 10px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	white-space: nowrap;
}
div.memo3 {
	margin: 6px 0;
	border: 2px solid #ff9999;
	border-radius: 10px;
	padding: 6px 30px 10px 10px;
	margin-bottom: 6px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	white-space: nowrap;
}
div.memo4 {
	margin: 6px 0;
	border: 2px solid #ffaa77;
	padding: 3px 20px 3px 8px;
	margin-bottom: 6px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	white-space: nowrap;
}
div.memo5 {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

div.save {
	position: absolute;
	background-color: #ffffff;
	line-height: 100%;
	padding: 0px 5px;
	top: -8px;
	right: 10px;
	z-index: 1;
}

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

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


::placeholder {
	color: #999999;
}

html, body {
	height: 100%;
}
form {
	text-align: left;
}
body, td, th {
	font-family: 'メイリオ', '游ゴシック体', sans-serif;
	color: #000000;
	font-size: 16px;
}
input, select, textarea {
	font-family: 'メイリオ', '游ゴシック体', sans-serif;
	font-size: 14px;
}
body {
	min-height: 100vh;
	background-color: #ffffff;
}
div.body {
	min-height: 100%;
	white-space: normal;
	word-break: break-all;
}

div.param {
	background-color: #ffffcc;
}
div.datadisp {
	background-color: #ffffff;
	white-space: normal;
}
div.syousai {
	position: fixed;
	z-index: 40;
}
div.syousai_head {
	position: relative;
	background-color: #fff7c3;
	border-top: 2px solid #cc6633;
	border-right: 2px solid #cc6633;
	border-left: 2px solid #cc6633;
	white-space: normal;
	padding: 6px 0px 6px 10px;
	z-index: 42;
}
div.syousai_body {
	position: relative;
	background-color: #fff7c3;
	border-bottom: 2px solid #cc6633;
	border-right: 2px solid #cc6633;
	border-left: 2px solid #cc6633;
	white-space: normal;
	padding: 3px 0px 8px 10px;
	z-index: 41;
	overflow-y: auto;
	overflow-x: auto;
}
.sclose {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	background-color: #ffddbb;
	border: 1px solid #cc9966;
	color: #442200;
	padding: 2px 3px;
	cursor: pointer;
	position: absolute;
	top: 6px;
	right: 6px;
}
.sclose:hover {
	background-color: #ffcc99;
}
.sclose:active {
	background-color: #ffbb88;
}
@media screen and (max-width:730px) {
	body, td, th {
		font-size: 14px;
	}
	input, select {
		font-size: 12px;
	}
	div.body {
		width: 100%;
	}
	div.param {
		width: 100%;
		min-width: 480px;
		z-index: 14;
	}
	div.datadisp {
		width: 100%;
		overflow-x: auto;
		padding-top: 48px;
	}
	div.syousai {
		top: 54px;
		left: 1%;
		width: 98%;
	}
	div.syousai_body {
		max-height: calc(100vh - 112px);
	}
	div.osyousai {
		left: 10px;
		width: 420px;
	}
	div.sitem {
		min-width: 140px;
	}
	div.pitem {
		min-width: 110px;
	}
	table.savemenuleft {
		position: fixed;
		margin-top: 25px;
		height: 25px;
		z-index: 30;
	}
	table.savemenuright {
		display: none;
	}
	.min_none {
		display: none!important;
	}
	.min_none2 {
		height: 30px!important;
		min-height: 30px!important;
		position: fixed;
		overflow-y: hidden;
	}
	.formtop {
		height: 25px;
		position: fixed;
		top: 0px;
		z-index: 15;
	}
	.datano {
		width: 100%!important;
		padding-top: 50px;
		position: fixed;
		background-color: #ffeecc;
		top: 0px;
		z-index: 14;
	}
	.fom {
		padding-top: 74px;
	}
	.bgcol {
		background-color: #ffffcc!important;
	}
	.inpt_range {
		width: 200px;
		height: 10px;
	}

	td.wact {
		text-align: right!important;
		padding-right: 4px!important;
		width: 26px;
	}

}
@media screen and (min-width:731px) {
	div.body {
		display: flex;
	}
	div.param {
		min-width: 474px;
		width: 474px;
	}
	div.datadisp {
		border-left: 1px solid #cccccc;
		flex: 1;
	}
	div.sticky, table.savemenu {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 12;
	}
	table.savemenuleft {
		display: none;
	}
	div.syousai {
		top: 35px;
		left: 20px;
		width: 680px;
	}
	div.syousai_body {
		max-height: calc(100vh - 93px);
	}
	div.osyousai {
		width: 480px;
	}
	div.sitem {
		min-width: 150px;
	}
	div.pitem {
		min-width: 120px;
	}
	.formtop {
		min-width: 474px!important;
		width: 474px!important;
		height: 28px;
		position: fixed;
		top: 0px;
		z-index: 15;
	}
	.datano {
		min-width: 474px!important;
		width: 474px!important;
		padding-top: 28px;
		position: fixed;
		background-color: #ffeecc;
		top: 0px;
		z-index: 14;
	}
	.fom {
		padding-top: 55px;
	}
	.inpt_range {
		width: 220px;
		height: 14px;
	}

	td.wact {
		text-align: right!important;
		padding-right: 4px!important;
		width: 28px;
	}


}
@media screen and (min-width:731px) and (-ms-high-contrast: none) {
	div.sticky {
		min-width: 474px!important;
		width: 474px!important;
		max-height: 100vh;
		position: fixed;
		overflow-x: auto;
	}
	table.savemenu {
		position: fixed;
		overflow-x: auto;
	}
	table.menulayout {
		min-width: 474px!important;
		width: 474px!important;
	}
	div.datadisp {
		padding-top: 27px;
	}

	td.wact {
		text-align: right!important;
		padding-right: 4px!important;
		width: 28px;
	}

}

#noudisp, #savedisp, #config {
	padding: 6px 12px;
}

div.sitem {
	white-space: nowrap;
	display: inline-block;
	margin-right: 6px;
}

div.sitem2 {
	white-space: nowrap;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 3px;
}

div.sitem3 {
	white-space: nowrap;
	display: inline-block;
	margin-bottom: 3px;
}
div.pitem {
	white-space: nowrap;
	display: inline-block;
	margin-right: 6px;
}

table.noulayout {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	white-space: nowrap;
}
table.noulayout td {
	border-style: none;
	text-align: left;
}
table.layout0 {
	border-collapse: collapse;
	border-style: none;
	white-space: nowrap;
	table-layout: fixed;
}
table.layout0 td {
	padding: 0px;
	vertical-align: top;
}

table.layout0.over {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	margin: 0 -1px;
}


table.layout0 tr.over td {
	background-color: #eeeeee;
}

table.layout02 {
	border-collapse: collapse;
	border-style: none;
	white-space: nowrap;
	table-layout: fixed;
}
table.layout02 td {
	padding-right: 5px;
}
table.savemenu {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	border-bottom: 1px solid #cccccc;
	white-space: nowrap;
}
table.savemenu td {
	border-style: none;
	border-bottom: 1px solid #cccccc;
	padding: 2px 12px 1px 12px;
	background-color: #ffffff;
}
div.menuitem {
	display: inline-block;
	margin-right: 14px;
}
div.o_party {
	float: right;
}

table.nouform {
	border-collapse: collapse;
	border-style: none;
	white-space: nowrap;
	margin: 8px auto 10px auto;
}
table.nouform td {
	border-style: none;
//	border: 1px solid #666666;
	padding: 1px;
}
table.nouform2 {
	border-collapse: collapse;
	border-style: none;
	white-space: nowrap;
	margin: 6px 0 6px 9px;
}
table.nouform2 td {
	border-style: none;
//	border: 1px solid #666666;
	padding: 1px;
}

td.label {
	padding: 1px 5px!important;
}
td.label2 {
	padding: 1px 5px 0px 8px!important;
}
td.syu {
	text-align: right!important;
	padding-right: 3px!important;
}
td.waza {
	text-align: right!important;
	padding-right: 4px!important;
	width: 55px;
}
table.menulayout {
	border-collapse: collapse;
	border-style: none;
	white-space: nowrap;
	table-layout: fixed;
	width: 100%;
}
div.label {
	text-align: center;
	cursor: pointer;
	height: 100%;
}
div.label:hover {
	border: 2px solid #ff6600;
	color: #ff6600;
}
div.labelpoke {
	background-color: #ffdddd;
	border: 2px solid #ffdddd;
}
div.label1 {
	background-color: #ffcccc;
	border: 2px solid #ffcccc;
}
div.label2 {
	background-color: #ccccff;
	border: 2px solid #ccccff;
}
div.label3 {
	background-color: #ccffcc;
	border: 2px solid #ccffcc;
}
div.label4 {
	background-color: #ffccff;
	border: 2px solid #ffccff;
}
div.labelslct {
	border: 2px solid #ff0000!important;
	color: #f70000!important;
}
div.option {
	color: #0044ee;
	display: inline-block;
	margin-right: 8px;
//	text-decoration: underline;
	cursor: pointer;
}
div.optionslct {
	color: #ee3300!important;
	text-decoration: none;
	cursor: auto;
}

div.dmgblock {
	margin-top: 10px;
}
div.dmgblock2 {
	border: 1px solid #ffffff;
	padding: 4px 25px 4px 5px;
	margin: -3px -26px -3px -6px;
	margin-top: 10px;
}
div.dmgblock2.over {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
}
div.dmgblock2:hover {
	border: 1px solid #ff9966!important;
	background-color: #ffffdd;
}

table.nou {
	border-collapse: collapse;
	border: 2px solid #666666;
	white-space: nowrap;
//	margin: 16px 0;
}
table.nou td {
	border: 1px solid #666666;
	padding: 1px 3px;
	text-align: right;
	vertical-align: top;
}
table.nou tr.head td {
	background-color: #ffcccc;
	text-align: center;
	border-bottom-width: 2px;
}
table.nou tr.tlabel td {
	background-color: #eeddcc;
	text-align: left;
//	border-top-width: 2px;
	border-width: 2px;
}

table.nou td.hit {
	background-color: #ffddaa;
	cursor: pointer;
}
table.nou td.hithover {
	background-color: #ffbb77;
}
table.nou td.hit2 {
	background-color: #ffd2d2;
}
table.nou td.hit3 {
	background-color: #ffdddd;
}
table.nou td.suba {
	background-color: #ffdddd;
	border-right-width: 2px;
}
table.nou td.poke {
	background-color: #ffffdd;
	text-align: left;
	white-space: normal;
}
table.nou td.head1 {
	border-right-width: 2px;
}
table.nou tr.nou1 td {
	border-bottom-width: 2px;
}
table.nou tr.nouhit td {
	background-color: #ffc5c5;
}
table.nou tr.nouhit2 td {
	background-color: #ffdddd;
}
table.nou tr.nouhit3 td {
	background-color: #ffd9d9;
}
table.nou td.kaisuu {
	min-width: 68px;
}
table.nou tr.noudisp {
	cursor: pointer;
}
table.nou tr.noudisp:hover td {
	background-color: #ffcc66!important;
}
table.nou tr.noudisp:active td {
	background-color: #ffbb44!important;
}
table.nou td.rwb {
	border-right-width: 2px;
}
table.nou td.lwb {
	border-left-width: 2px;
}
table.nou td.inp {
	background-color: #ffd9d9;
}
table.nou td.furi {
	background-color: #ffffff;
}
table.nou td.nou {
	background-color: #ffffb5;
}
table.nou td.dor {
	background-color: #ffeed5;
}
table.nou td.migi {
	border-right-width: 2px;
}
table.nou td.hidari {
	border-left-width: 2px;
}
table.nou tr.ue td {
	border-top-width: 2px;
}
table.nou td.uenasi {
	border-top-width: 0px;
}
table.nou td.sitanasi {
	border-bottom-width: 0px;
}
table.nou tr.saigo {
	background-color: #ffddee;
}
table.nou tr.owari {
	background-color: #dddddd;
}
table.nou td.kotasaigo {
	background-color: #ffccdd;
	border-right-width: 2px;
	text-align: left;
}
table.nou td.kota {
	background-color: #ffffcc;
	border-right-width: 2px;
	text-align: left;
}
table.nou td.blank {
	background-color: #e4e8ee;
}


iframe {
	display: block;
	width: 100%;
	height: 100%;
	border-style: none;
	vertical-align: bottom;
}

.inpt {
	border: solid 1px #aaaaaa;
	width: 140px;
	display: inline-block;
	padding: 2px 3px;
}
.inpt2 {
	border: solid 1px #aaaaaa;
	width: 4em;
	display: inline-block;
	padding: 2px 3px;
	text-align: right;
}
.inpt3 {
	border: solid 1px #aaaaaa;
	width: 2em;
	display: inline-block;
	padding: 2px 3px;
	margin: 0 2px;
	text-align: right;
}
.inpt_lv {
	border: solid 1px #aaaaaa;
	width: 3em;
	display: inline-block;
	padding: 2px 3px;
	text-align: right;
	margin-right: 2px;
}
.inpt_ilv {
	border: solid 1px #aaaaaa;
	width: 40px;
	display: inline-block;
	padding: 2px 3px;
	text-align: right;
}
.inpt_waza {
	border: solid 1px #aaaaaa;
	width: 100%;
	display: inline-block;
	padding: 2px 3px;
	text-align: right;
}
.inpt_save {
	border: solid 1px #aaaaaa;
	width: 325px;
	display: inline-block;
	padding: 2px 3px;
}
.inpt_save_waza {
	border: solid 1px #aaaaaa;
	width: 161px;
	display: inline-block;
	padding: 2px 3px;
}
.inpt_taikyuu {
	border: solid 1px #aaaaaa;
	width: 96px;
	display: inline-block;
	padding: 2px 3px;
}

.inpt_range {
	display: inline-block;
	cursor: pointer;
	margin-right: 3px;
	accent-color: #229922;
}
.nhpmid { accent-color: #aa7722!important; }
.nhppin { accent-color: #ff2222!important; }


.txa_save {
	border: solid 1px #aaaaaa;
	width: 325px;
	display: inline-block;
	vertical-align: bottom;
	padding: 2px 3px;
	margin-right: 1px;
	resize: none;
}
.wazatxt {
	display: inline-block;
	padding-left: 5px;
}
.slct {
	border: solid 1px #aaaaaa;
	display: inline-block;
	padding: 1px;
}

.chk {
	margin: 0px 3px 0px 5px;
}
.chk2 {
	margin: 0px 3px 0px 0px;
}
.chk3 {
	margin: 0px 3px 0px 10px;
}
.click {
	cursor: pointer;
}
.help {
	cursor: help;
}
.mikakutei {
	color: #dd7755;
}
.btn1 {
	color: #1f009e;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	border: 1px solid #8c9dbb;
	background-color: #d8e5f8;
	padding: 2px 3px;
	margin: 0px;
	cursor: pointer;

}
.btn1:hover {
	background-color: #bdd1ee;
}
.btn1:active {
	background-color: #aec5e3;
}
.btn1inv {
	color: #b9b5e5;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	border: 1px solid #acbddd;
	background-color: #e3f2ff;
	padding: 2px 3px;
	margin: 0px;
}

.btn2 {
	color: #581f00;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	border: 1px solid #aa8d7c;
	background-color: #ffe3a8;
	padding: 2px 3px;
	margin: 0px;
	cursor: pointer;

}
.btn2:hover {
	background-color: #f8dda3;
}
.btn2:active {
	background-color: #f3d59e;
}

.title {
	color: #ff0000;
}
.pokemon {
	color: #ff0000;
	font-size: 20px;
}
.item {
	white-space: nowrap;
	color: #cc3399;
}
.item2 {
	white-space: normal;
	padding: 1px;
	max-width: 480px;
}
.pokenowrap {
	white-space: nowrap;
	margin: 0px 7px;
	display: inline-block;
}

.wazaitem {
	white-space: normal;
	max-width: 480px;
}
.nowrap {
	white-space: nowrap;
}
.wazanowrap {
	white-space: nowrap;
}

table.hpbar {
	width: 360px;
	height: 16px;
	border: 1px solid #3366ff;
	border-collapse: collapse;
	white-space: nowrap;
}
table.hpbar td.nhp {
	border: 1px solid #3366ff;
	background-color: #ffffff;
	font-size: 0px;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	z-index: 1;
}

table.hpbar2 {
	width: 360px;
	height: 8px;
	border-left: 1px solid #3366ff;
	border-right: 1px solid #3366ff;
	border-bottom: 1px solid #3366ff;
	border-collapse: collapse;
	white-space: nowrap;
}
table.hpbar2 td.nhp {
	border-left: 1px solid #3366ff;
	border-right: 1px solid #3366ff;
	border-bottom: 1px solid #3366ff;
	background-color: #ffffff;
	font-size: 0px;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	z-index: 1;
}

.nhpbar {
	display: inline-block;
	height: 16px;
	background-color: #00bb55;
	position:absolute;
	z-index: 6;
}
.nhpbarmid {
	display: inline-block;
	height: 16px;
	background-color: #ffbb00;
	position:absolute;
	z-index: 6;
}
.nhpbarpin {
	display: inline-block;
	height: 16px;
	background-color: #ff6622;
	position:absolute;
	z-index: 6;
}
.nhpbar2 {
	display: inline-block;
	height: 16px;
	background-color: #55dd99;
	position:absolute;
	z-index: 3;
}
.nhpbarmid2 {
	display: inline-block;
	height: 16px;
	background-color: #ffdd55;
	position:absolute;
	z-index: 3;
}
.nhpbarpin2 {
	display: inline-block;
	height: 16px;
	background-color: #ffaa77;
	position:absolute;
	z-index: 3;
}
.nhpbar2kai {
	display: inline-block;
	height: 16px;
	background-color: #66ccff;
	position:absolute;
	z-index: 5;
}
.nhpbar2kai2 {
	display: inline-block;
	height: 16px;
	background-color: #99ddff;
	position:absolute;
	z-index: 4;
}
.nhpbar5 {
	display: inline-block;
	height: 16px;
	background-color: #ccffdd;
	position:absolute;
	z-index: 2;
}
.nhpbar4 {
	display: inline-block;
	height: 16px;
	background-color: #bbbbbb;
	position:absolute;
	right: 0px;
	z-index: -2;
}
.nhpbar6 {
	display: inline-block;
	height: 16px;
	background-color: #cccccc;
	position:absolute;
	right: 0px;
	z-index: -3;
}
.nhpbar7 {
	display: inline-block;
	height: 16px;
	background-color: #bbeeff;
	position:absolute;
	right: 0px;
	z-index: -1;
	border-left: 1px solid #77bbff;
}

.haifun {
	margin: 0 3px;
}
.center, tr.center td {
	text-align: center!important;
}
.left, tr.left td {
	text-align: left!important;
}
.right, tr.right td {
	text-align: right!important;
}

div.sdate {
	text-align: right;
	color: #7799ee!important;
	font-size: small;
}
div.fom2_save .load1 {
	display: none!important;
}
div.fom1_save .load2, div.fom5_save .load2 {
	display: none!important;
}

.savename {
	color: #0099ff!important;
}
.kitai {
	color: #4477ff!important;
}
.red {
	color: #ff0000!important;
}
.blue {
	color: #0000ff!important;
}
.green {
	color: #006600!important;
}
.purple {
	color: #6633cc!important;
}
.deeppink {
	color: #ff1493!important;
}
.lightblue {
	color: #6699cc!important;
}
.gray {
	color: #aaaaaa!important;
}
.gray2 {
	color: #d5d5d5!important;
}
.redgray {
	color: #ee7777!important;
}
.pinkgray {
	color: #ee77bb!important;
}
.purple2 {
	color: #bb5588!important;
}
.orange {
	color: #ff5500!important;
}
.mediumblue {
	color: #0000cd!important;
}
.purple3 {
	color: #8070ef!important;
}
.red2 {
	color: #ff6655!important;
}
.red3 {
	color: #bb3300!important;
}
.blue2 {
	color: #2266dd!important;
}
.linkblock {
	display: inline-block;
	position: absolute;
	right: 32px;
}
.link {
	color: #0000ff!important;
//	text-decoration: underline;
	text-decoration: none;
	cursor: pointer;
}
.link2 {
	color: #e75511!important;
	margin-left:18px;
	cursor: pointer;
}
.link3 {
	display: inline-block;
	padding: 2px 8px;
	color: #0000ff;
	cursor: pointer;
}
.link3:hover {
	background-color: #ddeeff;
	text-decoration: underline;
}
.none {
	display: none!important;
}
.hidden {
	visibility: hidden!important;
}
.toumei {
	opacity: 0.4;
}