@charset "utf-8";
@media screen,projection
{
  .g-button *,.g-button-blue *,.g-button-green *,.g-button-red *
  {
    margin:0;
    padding:0
  }

  .g-button,.g-button-blue,.g-button-green,.g-button-red
  {
    line-height:1.2;
    max-width:795px;
    background-color:#cadef4;
    border:1px solid #ccc;
    padding:15px;
    text-align:center;
    overflow:visible
  }

  .g-button div,.g-button-blue div,.g-button-green,.g-button-red
  {
    background:url(../images/g-button-chocobo-1.gif) no-repeat;
    font-size:1.3em;
    background-color:#5679a5
  }

  .g-button div span span a,.g-button-blue div span span a,.g-button-green div span span a,.g-button-red div span span a
  {
    display:block;
    color:#fff!important;
    background:url(../images/g-button-chocobo-2.gif) no-repeat right bottom;
    padding:8px 18px 13px 13px;
    text-decoration:none;
    font-weight:bold
  }

  * html .g-button div span span a,* html .g-button-blue div span span a,* html .g-button-green div span span a,* html .g-button-red div span span a
  {
    width:100%
  }

  .g-button div span,.g-button-blue div span,.g-button-green div span,.g-button-red div span
  {
    display:block;
    background:url(../images/g-button-chocobo-1.gif) no-repeat right -400px;
    height:1%
  }

  .g-button div span span
  {
    background:url(../images/g-button-chocobo-1.gif) no-repeat left bottom
  }

  .g-button p,.g-button-blue p,.g-button-green p,.g-button-red p
  {
    text-align:center;
    margin:10px 0 0
  }


  .g-button-blue
  {
    padding:0;
    background:none;
    border:none
  }
  .g-button-blue div
  {
    background:url(../images/g-button-chocobo-basic-1.gif) no-repeat
  }
  .g-button-blue div span span a
  {
    background:url(../images/g-button-chocobo-basic-2.gif) no-repeat right bottom
  }
  .g-button-blue div span
  {
    background:url(../images/g-button-chocobo-basic-1.gif) no-repeat right -400px
  }
  .g-button-blue div span span
  {
    background:url(../images/g-button-chocobo-basic-1.gif) no-repeat left bottom
  }



  .g-button-green
    {
      padding:0;
      background:none;
      border:none
    }
  .g-button-green div
  {
    background:url(../images/g-button-chocobo-basic-1-green.gif) no-repeat
  }
  .g-button-green div span span a
  {
    background:url(../images/g-button-chocobo-basic-2-green.gif) no-repeat right bottom
  }
  .g-button-green div span
  {
    background:url(../images/g-button-chocobo-basic-1-green.gif) no-repeat right -400px
  }
  .g-button-green div span span
  {
    background:url(../images/g-button-chocobo-basic-1-green.gif) no-repeat left bottom
  }


  .g-button-red
    {
      padding:0;
      background:none;
      border:none
    }
  .g-button-red div
  {
    background:url(../images/g-button-chocobo-basic-1-red.gif) no-repeat
  }
  .g-button-red div span span a
  {
    background:url(../images/g-button-chocobo-basic-2-red.gif) no-repeat right bottom
  }
  .g-button-red div span
  {
    background:url(../images/g-button-chocobo-basic-1-red.gif) no-repeat right -400px
  }
  .g-button-red div span span
  {
    background:url(../images/g-button-chocobo-basic-1-red.gif) no-repeat left bottom
  }



}