#spl{
  visibility:hidden;/*テキストボックス領域 非表示*/
}

.linkbutton {
    display: block;
    color: #00a;
    text-align: center;
    text-decoration: none;
    /* ボタン画像サイズに合わせる */
    width: 180px;
    /* 画像と通常時のライン色を指定 */
    background: #ddd url(../ICON/button.gif) center center no-repeat;
    /* 使用しているフォントに合わせて調節 */
    font-size: 12px;
    font-weight: bold;
    padding: 7px 0 8px;
    /* input タグ用にボーダーを消す */
    border: none;
}
/* リンクの状態ごとにライン色を指定 */
.linkbutton:visited {
    background-color: #ddd;
}
.linkbutton:hover {
    background-color: #3cc6f5;
}
.linkbutton:active {
    background-color: #f00;
}

.LargeButton a{
  /* -- shape and color -- */
  display: block;
  background: #eeffee url(../images/button180.png) center center no-repeat;
  width: 190px;
  padding: 7px 0px;
  
  /* -- border style -- */
  border: none;
  border-style:none;
  overflow: hidden;
  outline: none;
  
  /* -- text style -- */
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  
  /* -- display same row -- */
  float: left;
}
.LargeButton a:hover {
  color: red;
  background-color: #00FFFF;
}

.menuButton a{
  /* -- shape and color -- */
  display: block;
  background: #eeffee url(../images/menubutton.png) center center no-repeat;
  width: 250px;
  padding: 7px 0px;

  
  /* -- border style -- */
  border: none;
  border-style:none;
  overflow: hidden;
  outline: none;
  
  /* -- text style -- */
  color: #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;

  /* -- display same row -- */
  float: left;
}

.menuoldButton a{
  /* -- shape and color -- */
  display: block;
  background: #eeffee url(../images/btn_menu.png) center center no-repeat;
  width: 210px;
  padding: 7px 0px;
  
  /* -- border style -- */
  border: none;
  border-style:none;
  overflow: hidden;
  outline: none;
  
  /* -- text style -- */
  color: #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;

  /* -- display same row -- */
  float: left;
}
.menuButton a:hover {
  color: red;
 /* background-color: #80dbfd;*/
}

button[type="button"].pagecontrol {  /*汎用ボタン*/
    color : black;/*文字色*/
    background-color :skyblue; /*背景色*/
}
input[type="submit"].pagecontrol {  /*汎用ボタン*/
    color : black;/*文字色*/
    background-color :skyblue; /*背景色*/
}
input[type="file"].colorchange {  /*汎用ボタン*/
    color : black;/*文字色*/
    background-color :skyblue; /*背景色*/
}

input[type="submit"].update {
    cursol: pointer;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 2px 10px;

    color: #000;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    background-color :skyblue;
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type="submit"].update:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

button[type="button"].move {  /*汎用ボタン*/
	/* 文字サイズを1.4emに指定 */
  /*font-size: 1.0em;*/
  /* 文字の太さをboldに指定 */
  /*font-weight: bold;*/
  /* 縦方向に10px、
   * 横方向に30pxの余白を指定 */
  padding: 2px 4px;
  /* 文字色を白色に指定 */
  color: #000093;
  /* ボーダーをなくす */
  border-style: none;
  /* ボタンの影の指定
   * 影の横幅を2px
   * 縦長を2px
   * ぼかしを3px
   * 広がりを1px
   * 色を#666（グレー）に指定 */
  box-shadow: 2px 2px 3px 1px #666;
  -moz-box-shadow: 2px 2px 3px 1px #666;
  -webkit-box-shadow: 2px 2px 3px 1px #666;
  /* テキストの影の指定
   * 影の横幅を1px
   * 縦長を1px
   * ぼかしを2px
   * 色を#000（黒）に指定 */
 /* text-shadow: 1px 1px 2px #000;*/
  /* グラデーションの指定 */
  /*
  background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
  background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));
  */
  /* 角丸の指定 */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
button[type="button"].move:hover {  /*汎用ボタン*/
  /* 透明度を20%に指定 */
  opacity: 0.8;
}

button[type="button"].normalbutton {  /*汎用ボタン*/
   width: 30px;
  /* 文字色を白色に指定 */
  color: #000;
  background-color: #69c;
  /* ボーダーをなくす */
  border-style: none;
  /* ボタンの影の指定
   * 影の横幅を2px
   * 縦長を2px
   * ぼかしを3px
   * 広がりを1px
   * 色を#666（グレー）に指定 */
  box-shadow: 2px 2px 3px 1px #666;
  -moz-box-shadow: 2px 2px 3px 1px #666;
  -webkit-box-shadow: 2px 2px 3px 1px #666;
  /* テキストの影の指定
   * 影の横幅を1px
   * 縦長を1px
   * ぼかしを2px
   * 色を#000（黒）に指定 */
 /* text-shadow: 1px 1px 2px #000;*/
  /* グラデーションの指定 */
  /*
  background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
  background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));
  */
  /* 角丸の指定 */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

button[type="button"].update {
    cursol: pointer;
    /*font-size:20px;*/
    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 2px 10px;

    color: #000;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    background-color :skyblue;
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button[type="button"].update:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

button.download {
    cursol: pointer;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 2px 10px;

    color: #000;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */

    /* グラデーションの指定 */
/*
    background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));
*/
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.CoolButton {
  position:relative;
  left:2px;
  width: 90px;  
  height: 16px;  
  background: #cde;  
  border: 2px solid #ccc;  
  border-color: #8ba2c1 #5890bf #4f93ca #768fa5;  
  font: 400 12px/1 Lucida Sans, Verdana, sans-serif;  
  color: #5f3f3f;  
  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;  
  text-align: center;  
  vertical-align: middle;  
  white-space: nowrap;  
  text-overflow: ellipsis;  
  overflow: hidden;  
  border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;  
  -moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;  
}