@charset "utf-8";
/* CSS Document */

.tooltip {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
    width: 400px;
    z-index:10;
}

.tooltip a[data-tooltip]:link, a[data-tooltip]:visited {
    position: relative;
    text-decoration: none;
}

.tooltip a[data-tooltip]:before {
    content: "";
    position: absolute;
    border-top: 16px solid #505050;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    visibility: hidden;
    top: -50px;
    left: 5px;
    z-index:10;
}
:root .tooltip a[data-tooltip]:before{top: -30px;}

.tooltip a[data-tooltip]:after {
    content: attr(data-tooltip);
    position: absolute;
    color: white;
    top: -65px;
    left: -13px;
    background: #505050;
    padding: 2px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: pre;
    visibility: hidden;
    font-size:13px;
    width:35px;
    text-align:center;
    z-index:10;
}

:root .tooltip a[data-tooltip]:after{top: -45px;}

.tooltip a[data-tooltip]:hover:before, a[data-tooltip]:hover:after {
    visibility: visible;
    -moz-transition   : visibility 0s linear .1s;
    -webkit-transition   : visibility 0s linear .1s;
    transition: visibility 0s linear .1s;
    z-index:10;
}