@charset "utf-8";

.btn-A,.btn-B,.btn-C{
animation: move-y .8s infinite alternate ease-in-out;
}
@keyframes move-y {
from {
transform: translateY(-6px);
}
to {
transform: translateY(6px);
}
}

/* body setting
-------------------------------------*/
html,body{
color: #231815;
height: 100%;
line-height: 1.5;
}
@font-face{
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face{
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face{
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face{
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face{
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
body{
background: #fff;
font-size: 100%;
font-family: Yu Gothic,Meiryo,"MS PGothic",sans-serif;
letter-spacing: 0.1em;
}
ol.ol{
list-style: none;
padding: 0;
font-weight: normal;
}

/* #breadcrumb
-------------------------------------*/
p#breadcrumb{
margin-bottom: 20px;
text-align: left;
}

/* footer
-------------------------------------*/
footer{
background: #269c3a;
color: #fff;
position: relative;
}
footer p{
text-align: center;
}
footer p#copyright{
padding: 0.5em 0;
background: #269c3a;
color: #fff;
/*text-transform: uppercase;*/
}
div.access dl{
margin-bottom: 0.5em;
}