@charset "utf-8";

/*------------------------------------------------------------------------------
  Title: 忍者ツールズ ログイン
  ------------------------------------------------------------------------------*/

/*============================================================================

Login

=============================================================================*/

/*------------------------------------------------------------
  #contents_block
  -------------------------------------------------------------*/
  
/*  #main_block
    -------------------------------------------------------------*/
.ninja #main_block .input-login p {
    padding-right:60px;
    text-align:right;
}

/* 忍者ツールズアカウントでログイン */
.ninja #main_block .btn-login {
    margin:0 auto;
    width:140px;
    height:50px;
    overflow:hidden;
}
.ninja #main_block .btn-login:hover input {
    margin-top:-50px;
}

/* サービスアカウントでログイン */
.ninja #main_block .btn-serviceID {
    padding:0 34px;
}
.ninja #main_block .btn-serviceID li {
    padding-right:10px;
    width:140px;
    height:50px;
    float:left;
}
.ninja #main_block .btn-serviceID li.last {
    padding:0;
}
.ninja #main_block .btn-serviceID li a {
    width:140px;
    height:50px;
    display:block;
    overflow:hidden;
}
.ninja #main_block .btn-serviceID li a:hover img {
    margin-top:-50px;
}

/* 忍者ツールズアカウントがない方 */
.ninja #main_block .btn-register {
    margin:0 auto;
    width:170px;
    height:50px;
    overflow:hidden;
}
.ninja #main_block .btn-register:hover img {
    margin-top:-50px;
}