@charset "UTF-8";
/* ===================================================================
CSS information
全ページ共通のSKボタンのスタイル定義
=================================================================== */
/* 各種ボタン */
/* 【緑の実行ボタン】 */
 .execute1 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014; 
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color: #ffffff;
  font-size: 14px;
  background: #719D37;
  padding: 8px 16px;
  text-decoration: none;
  border: solid 1px #719D37;
  margin: 0 5px 5px 0;
}

.execute1:hover {
  background: #3A7801;
  border-color:  #3A7801;
  text-decoration: none;
}

.execute1:active{
  background: #3D611C;
  border-color: #3D611C;
}

.execute1.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #719D37;
  outline: none;
}

.execute1.disabled:hover{
  background: #719D37;
}

.execute1:disabled{
  background: #0A151A14;
  border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}

/* 【緑の実行ボタン】小さい版 */
 .execute1_s {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014; 
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color: #ffffff;
  font-size: 14px;
  background: #719D37;
  padding: 4px 8px;
  text-decoration: none;
  border: solid 1px #719D37;
  margin: 0 5px 5px 0;
  min-height: 23px;
}

.execute1_s:hover {
  background: #3A7801;
  border-color:  #3A7801;
  text-decoration: none;
}

.execute1_s:active{
  background: #3D611C;
  border-color: #3D611C;
}

.execute1_s.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #719D37;
  outline: none;
}

.execute1_s.disabled:hover{
  background: #719D37;
}

.execute1_s:disabled{
  background: #0A151A14;
   border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}


/* 【白の実行ボタン】 */
 .execute2 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014; 
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color:#222B30;
  border:1px solid #BCC0C2;
  font-size: 14px;
  background: #fff;
  padding: 8px 16px;
  text-decoration: none;
  margin: 0 5px 5px 0;
}

.execute2:hover {
  background: #EDEFF0;
  text-decoration: none;
}

.execute2:active{
  background: #D8DBDD;
}

.execute2.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #535353;
  outline: none;
}

.execute2.disabled:hover{
  background: #535353;
}

.execute2:disabled{
  background: #0A151A14;
  border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}

/*【白の実行ボタン】小さい版 */
 .execute2_s {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014; 
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color:#222B30;
  border:1px solid #BCC0C2;
  font-size: 14px;
  background: #fff;
  padding: 4px 8px;
  text-decoration: none;
  margin: 0 5px 5px 0;
  min-height: 23px;
}

.execute2_s:hover {
  background: #EDEFF0;
  text-decoration: none;
}

.execute2_s:active{
  background: #D8DBDD;
}

.execute2_s.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #535353;
  outline: none;
}

.execute2_s.disabled:hover{
  background: #535353;
}

.execute2_s:disabled{
  background: #0A151A14;
   border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}

/* 【赤の実行ボタン】 */
 .caution {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014; 
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color: #ffffff;
  font-size: 14px;
  background: #DB2C2C;
  padding: 8px 16px;
  text-decoration: none;
  border: solid 1px #DB2C2C;
  margin: 0 5px 5px 0;
}

.caution:hover {
  background: #C73434;
  border-color: #C73434;
  text-decoration: none;
}

.caution:active{
  background: #A32A2A;
  border-color: #A32A2A;
}

.caution.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #DB2C2C;
  outline: none;
}

.caution.disabled:hover{
  background: #DB2C2C;
}

.caution:disabled{
  background: #0A151A14;
   border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}

/* 【赤の実行ボタン】小さい版 */
 .caution_s {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014;
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color: #ffffff;
  font-size: 14px;
  background: #DB2C2C;
  padding: 4px 8px;
  text-decoration: none;
  border: solid 1px #DB2C2C;
  margin: 0 5px 5px 0;
  min-height:23px;
}

.caution_s:hover {
  background: #C73434;
  border-color: #C73434;
  text-decoration: none;
}

.caution_s:active{
  background: #A32A2A;
  border-color: #A32A2A;
}

.caution_s.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #DB2C2C;
  outline: none;
}

.caution_s.disabled:hover{
  background: #DB2C2C;
}

.caution_s:disabled{
  background: #0A151A14;
   border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}

/* 【灰色の実行ボタン】 */
 .execute3 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014; 
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color: #ffffff;
  font-size: 14px;
  background: #535A5E;
  padding: 8px 16px;
  text-decoration: none;
  border: solid 1px #535A5E;
  margin: 0 5px 5px 0;
}

.execute3:hover {
  background: #3B4347;
  border-color: #3B4347;
  text-decoration: none;
}

.execute3:active {
  background: #222B30;
  border-color: #222B30;
}

.execute3.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #535A5E;
  outline: none;
}

.execute3.disabled:hover{
  background: #535A5E;
}

.execute3:disabled{
  background: #0A151A14;
   border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}

/* 【灰色の実行ボタン】小さい版 */
 .execute3_s {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014; 
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color: #ffffff;
  font-size: 14px;
  background: #535A5E;
  padding: 4px 8px;
  text-decoration: none;
  border: solid 1px #535A5E;
  margin: 0 5px 5px 0;
  min-height:23px;
}

.execute3_s:hover {
  background: #3B4347;
  border-color: #3B4347;
  text-decoration: none;
}

.execute3_s:active{
  background: #222B30;
  border-color: #222B30;
}

.execute3_s.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #535A5E;
  outline: none;
}

.execute3_s.disabled:hover{
  background: #535A5E;
}

.execute3_s:disabled{
  background: #0A151A14;
   border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}


/* 【白の実行ボタン】 */
 .execute4 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014; 
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color:#222B30;
  font-size: 14px;
  background: #fff;
  padding: 8px 16px;
  border:1px solid #BCC0C2;
  text-decoration: none;
  border: solid 1px #CCC;
  margin: 0 5px 5px 0;
}

.execute4:hover {
  background: #EDEFF0;
  text-decoration: none;
}

.execute4:active{
  background: #D8DBDD;
}

.execute4.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #fafafa;
  outline: none;
}

.execute4.disabled:hover{
  background: #fafafa;
}

.execute4:disabled{
  background: #0A151A14;
   border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}


/* 【白の実行ボタン】 小さい版*/
 .execute4_s {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 0 2px 2px #222B3014; 
  -webkit-box-shadow: 0 2px 2px #222B3014;
  color:#222B30;
  font-size: 14px;
  border:1px solid #BCC0C2;
  background: #fff;
  padding: 4px 8px;
  text-decoration: none;
  margin: 0 5px 5px 0;
  min-height:23px;
}

.execute4_s:hover {
  background: #EDEFF0;
  text-decoration: none;
}

.execute4_s:active{
  background: #D8DBDD;
}

.execute4_s.disabled{
  opacity: 0.5;
  box-shadow: none;
  background: #fafafa;
  outline: none;
}

.execute4_s.disabled:hover{
  background: #fafafa;
}

.execute4_s:disabled{
  background: #0A151A14;
   border: none;
  color: #ABB0B3;
  box-shadow: none; 
  -webkit-box-shadow: none;
}


/*tableのinput上書き*/
.second_table01 .execute1,.second_table01 .execute1_s{border-color:#719D37;}
.second_table01 .execute1:hover,.second_table01 .execute1_s:hover{border-color:#3A7801;}
.second_table01 .execute1:active,.second_table01 .execute1_s:active{border-color:#3D611C;}
.second_table01 .execute2,.second_table01 .execute2_s{border-color:#BCC0C2;}
.second_table01 .execute3,.second_table01 .execute3_s{border-color:#535A5E;}
.second_table01 .execute3:hover,.second_table01 .execute3_s:hover{border-color:#3B4347;}
.second_table01 .execute3:active,.second_table01 .execute3_s:active{border-color: #222B30;}
.second_table01 .execute4,.second_table01 .execute4_s{border-color:#BCC0C2;}
.second_table01 .caution,.second_table01 .caution_s{border-color: #DB2C2C;}
.second_table01 .caution:hover,.second_table01 .caution_s:hover{border-color: #C73434;}
.second_table01 .caution:active,.second_table01 .caution_s:active{border-color: #A32A2A;}
.second_table01 .execute1,.second_table01 .execute2,.second_table01 .execute3,.second_table01 .execute4,.second_table01 .caution{padding: 8px 16px;}
.second_table01 .execute1_s,.second_table01 .execute2_s,.second_table01 .execute3_s,.second_table01 .execute4_s,.second_table01 .caution_s{padding: 4px 8px;}