header {
	position: relative;
	background: url(../img/2566981.jpg);
  padding: 5px 10px 0px;
  color: #FFFFFF
}
header a{
   text-decoration: none;
}
body{
  background: url(../img/1038648.jpg);
  font-size: 14px;
}
input[id="url"] {
  width: 650px;
}
input[id="charapiece"]{
 padding: 0px 0px 0px;
}
table.shinobiHpTbl{
}
table.shinobiHpTbl tr{
	background:linear-gradient(to bottom right, rgba( 222, 222, 222, 0.75 ), rgba( 255, 255, 255, 1 ))
}
table.shinobiHpTbl tr{
	margin:2px 5px 2px 5px;
}
.clear{
  display: inline-block;
  color: #fff;
  background: linear-gradient(to bottom, #F4A7A2, #F0726A);
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  /* A transparent border added for the outline button variation */
  border: 3px solid transparent;
  text-decoration: none;
}
.clear:hover {
  opacity: 0.7;
}
.clear:active{
  background: linear-gradient(to bottom, #dc2418, #F0726A);
}
.generate{
  display: inline-block;
  color: #fff;
  background: linear-gradient(to bottom, #8E9AE9, #5165E8);
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  /* A transparent border added for the outline button variation */
  border: 3px solid transparent;
  text-decoration: none;
}
.generate:hover {
  opacity: 0.7;
}
.generate:active{
  background: linear-gradient(to bottom, #1a32cb, #5165E8);
}
input[id="generate"]:disabled{
  opacity: 1.0;
  background: linear-gradient(to bottom, #737373, #737373);
}
.copy{
  display: inline-block;
  color: #fff;
  font-size: 12px;
  background: linear-gradient(to bottom, #FBDD8E, #F6BB20);
  font-weight: bold;
  border-radius: 5px;
  /* A transparent border added for the outline button variation */
  border: 3px solid transparent;
  text-decoration: none;
}
.copy:hover {
  opacity: 0.7;
}
input[id="js-copybtn"]:disabled{
  opacity: 1.0;
  background: linear-gradient(to bottom, #737373, #737373);
}
.copy:active{
  background: linear-gradient(to bottom, #d49d0c, #F6BB20);
}
.allSelect{
  display: inline-block;
  color: #fff;
  background: linear-gradient(to bottom, #8E9AE9, #5165E8);
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  /* A transparent border added for the outline button variation */
  border: 3px solid transparent;
  text-decoration: none;
}
.allSelect:hover {
  opacity: 0.7;
}
.allSelect:active{
  background: linear-gradient(to bottom, #1a32cb, #5165E8);
}
.allRelease{
  display: inline-block;
  color: #fff;
  background: linear-gradient(to bottom, #F4A7A2, #F0726A);
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  /* A transparent border added for the outline button variation */
  border: 3px solid transparent;
  text-decoration: none;
}
.allRelease:hover {
  opacity: 0.7;
}
.allRelease:active{
  background: linear-gradient(to bottom, #dc2418, #F0726A);
}
.check{
  display: inline-block;
  width:150px;
  color: #fff;
  font-size: 12px;
  text-align:center;
  background: linear-gradient(to bottom, #D4D4D4, #8E8E8E);
  font-weight: bold;
  border-radius: 5px;
  /* A transparent border added for the outline button variation */
  border: 3px solid transparent;
  text-decoration: none;
  margin-top: 2px;
  margin-bottom: 2px;
}
.check:hover {
  opacity: 0.7;
}
.check:active {
  background: linear-gradient(to bottom, #5e5e5e, #8E8E8E);
}
input[name="comChk"]:checked + label {
  background: linear-gradient(to bottom, #69CF4C, #B3E6A5);
}
input[name="comChk"]:checked + .check:active {
  background: linear-gradient(to bottom, #388623, #69CF4C);
}
input[name="comChk"]:disabled + .check:active {
  background: linear-gradient(to bottom, #737373, #737373);
}
input[name="comChk"]:disabled+ .check:hover {
  opacity: 1.0;
}
input[name="comChk"]:disabled + label {
  background: linear-gradient(to bottom, #737373, #737373);
}
input[name="chatChk"]:checked + label {
  background: linear-gradient(to bottom, #69CF4C, #B3E6A5);
}
input[name="chatChk"]:checked + .check:active {
  background: linear-gradient(to bottom, #388623, #69CF4C);
}
input[name="chatChk"]:disabled + .check:active {
  background: linear-gradient(to bottom, #737373, #737373);
}
input[name="chatChk"]:disabled+ .check:hover {
  opacity: 1.0;
}
input[name="chatChk"]:disabled + label {
  background: linear-gradient(to bottom, #737373, #737373);
}
input[name="sw_Chk"]:checked + label {
  background: linear-gradient(to bottom, #69CF4C, #B3E6A5);
}
input[name="sw_Chk"]:checked + .check:active {
  background: linear-gradient(to bottom, #388623, #69CF4C);
}
input[name="sw_Chk"]:disabled + .check:active {
  background: linear-gradient(to bottom, #737373, #737373);
}
input[name="sw_Chk"]:disabled+ .check:hover {
  opacity: 1.0;
}
input[name="sw_Chk"]:disabled + label {
  background: linear-gradient(to bottom, #737373, #737373);
}
input[name="arian_Chk"]:checked + label {
  background: linear-gradient(to bottom, #69CF4C, #B3E6A5);
}
input[name="arian_Chk"]:checked + .check:active {
  background: linear-gradient(to bottom, #388623, #69CF4C);
}
input[name="arian_Chk"]:disabled + .check:active {
  background: linear-gradient(to bottom, #737373, #737373);
}
input[name="arian_Chk"]:disabled+ .check:hover {
  opacity: 1.0;
}
input[name="arian_Chk"]:disabled + label {
  background: linear-gradient(to bottom, #737373, #737373);
}
.radio{
  display: inline-block;
  width:80px;
  color: #fff;
  font-size: 12px;
  text-align:center;
  background: linear-gradient(to bottom, #D4D4D4, #8E8E8E);
  font-weight: bold;
  border-radius: 5px;
  /* A transparent border added for the outline button variation */
  border: 3px solid transparent;
  text-decoration: none;
  margin-top: 2px;
  margin-bottom: 2px;
}
.radio:hover {
  opacity: 0.7;
}
.radio:active {
  background: linear-gradient(to bottom, #5e5e5e, #8E8E8E);
}
input[type="radio"]:checked + label {
  background: linear-gradient(to bottom, #69CF4C, #B3E6A5);
}
input[type="radio"]:checked + .radio:hover {
  opacity: 1.0;
}
input[type="radio"]:disabled+ .radio:hover {
  opacity: 1.0;
}
input[type="radio"]:disabled + label {
  background: linear-gradient(to bottom, #737373, #737373);
}

input[type="radio"]{
  display:none;
}
input[name="comChk"]{
  display:none;
}
input[name="chatChk"]{
  display:none;
}
input[name="sw_Chk"]{
  display:none;
}
input[name="arian_Chk"]{
  display:none;
}


/* 生成オプション */
.option {
	font-size: 20px;
  font-weight: bold;
}
.visible {
  font-size: 20px;
  font-weight: bold;
}
.hidden_box  input[name="visible"] {
  display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input[name="visible"]:checked ~ .hidden_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}
.system{
	font-size: 16px;
}

/*更新履歴のCSS*/
.histVisible {
  font-weight: bold;
}
.hist_hidden_box  input[name="histVisible"] {
  display: none;
}
/*中身を非表示にしておく*/
.hist_hidden_box .hist_hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
  background-color: rgba( 255,240,214, 0.75 );
}
/*クリックで中身表示*/
.hist_hidden_box input[name="histVisible"]:checked ~ .hist_hidden_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}
.nowStatus{
  display: inline-block;
  color: #000;
  width:650px;
  font-size: 12px;
	margin: 5px 0px 5px;
  background-color: #dedede;
	background-color: rgba( 222, 222, 222, 0.75 );
  border-radius: 5px;
  font-weight: bold;
  border: 3px solid transparent;
  text-decoration: none;
}
input[id="charapiece"]{
 padding: 0px 0px 0px;
  font-size: 12px;
}
input[id="stlEnemyHp"]{
  font-size: 12px;
}
input[id="stlEnemyDef"]{
  font-size: 12px;
}
input[id="stlEnemyCharge"]{
  font-size: 12px;
}
input[id="shinobiAddHp"]{
  font-size: 12px;
}
input[id="shinobiAddHpSlot"]{
  font-size: 12px;
}
input[id="shinobiEnemyHp"]{
  font-size: 12px;
}
