@charset "utf-8";

html {
    background: #000 url(../img/bg.jpg) center center;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    width: 640px;
    height: 100%;
    background-size: cover;
    color: #FFFFFF;
    overflow-x: hidden;
    margin: 0 auto;
}

body {
	
}

#main {
    text-align: center;
	
}

h1 {
    text-align: center;
	
    font-size: 22px;
    line-height: 170%;
    /* position: absolute; */
    /* bottom: 6em; */
    width: 640px;
    padding: 0;
    margin: 0 0 0;
}

h1 strong {
    /* font-size: 135%; */
	
    padding: 0 12px 0 0;
}

#logos {
    margin: 94px auto 55px;
    padding: 0;
    /* top: 10%; */
    /* position: absolute; */
}

#logos li {
    display: inline-block;
    width: 80%;
    top: -60px;
    position: relative;
    height: 257px;
}

#logos li a {
    display: inline-block;
    width: 100%;
    font-size: 0;
    color: transparent;
    position: relative;
    height: 262px;
}

#logos li a:hover {
	
}

#logos li.shibuya a {
    background: url(../img/shibuya.png) no-repeat;
    background-size: cover;
    /* height: 140px; */
}

#logos li.shinjuku a {
    background: url(../img/shinjuku.png) no-repeat;
    background-size: cover;
}


#logos li.shimokita a {
    background: url(../img/shimokita.png) no-repeat;
	background-size: cover;
}

#logos li.shibuya a:after {content:"";display:block;position:absolute;width: 70%;background:#d30f0f;height: 5px;left: 20%;bottom: 35px;}

#logos li.shibuya a:before {/* content:"Shibuya"; *//* display:block; */position:absolute;bottom: 7px;left: 212px;/* width: 200px; *//* height: 80px; */color: #FFFFFF;font-size: 20px;}

#logos li.shinjuku a:after {content:"";display:block;position:absolute;width: 70%;background: #d3b20f;height: 5px;left: 20%;bottom: 35px;}

#logos li.shinjuku a:before {/* content:"Shinjuku"; *//* display:block; */position:absolute;bottom: -4px;left: 201px;/* width: 200px; *//* height: 80px; */color: #FFFFFF;font-size: 20px;}

#logos li.shimokita a:after {content:"";display:block;position:absolute;width: 80%;background:#178cc2;height: 5px;left: 14%;bottom: 35px;}

#logos li.shimokita a:before {content: "";/* display:block; */position:absolute;bottom: 7px;left: 144px;/* width: 200px; *//* height: 80px; */color: #FFFFFF;font-size: 20px;}

#logos li.shimokita a{
-moz-animation: anime1 1s ease 2s infinite alternate;
-webkit-animation: anime1 1s ease 2s infinite alternate;
-o-animation: anime1 1s ease 2s infinite alternate;
-ms-animation: anime1 1s ease 2s infinite alternate;
animation: anime1 1s ease 2s infinite alternate;
}

@-moz-keyframes anime1 {
0% {
background: url(../img/shimokita.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shimokita_on.png) no-repeat;background-size: cover;}
}

@-webkit-keyframes anime1 {
0% {
background: url(../img/shimokita.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shimokita_on.png) no-repeat;background-size: cover;}
}

@-o-keyframes anime1 {
0% {
background: url(../img/shimokita.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shimokita_on.png) no-repeat;background-size: cover;}
}

@-ms-keyframes anime1 {
0% {
background: url(../img/shimokita.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shimokita_on.png) no-repeat;background-size: cover;}
}

@keyframes anime1 {
0% {
background: url(../img/shimokita.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shimokita_on.png) no-repeat;background-size: cover;}
}

#logos li.shibuya a{
-moz-animation: anime2 1s ease 2s infinite alternate;
-webkit-animation: anime2 1s ease 2s infinite alternate;
-o-animation: anime2 1s ease 2s infinite alternate;
-ms-animation: anime2 1s ease 2s infinite alternate;
animation: anime2 1s ease 2s infinite alternate;
}

@-moz-keyframes anime2 {
0% {
background: url(../img/shibuya.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shibuya_on.png) no-repeat;background-size: cover;}
}

@-webkit-keyframes anime2 {
0% {
background: url(../img/shibuya.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shibuya_on.png) no-repeat;background-size: cover;}
}

@-o-keyframes anime2 {
0% {
background: url(../img/shibuya.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shibuya_on.png) no-repeat;background-size: cover;}
}

@-ms-keyframes anime2 {
0% {
background: url(../img/shibuya.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shibuya_on.png) no-repeat;background-size: cover;}
}

@keyframes anime2 {
0% {
background: url(../img/shibuya.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shibuya_on.png) no-repeat;background-size: cover;}
}

#logos li.shinjuku a{
-moz-animation: anime3 1s ease 2s infinite alternate;
-webkit-animation: anime3 1s ease 2s infinite alternate;
-o-animation: anime3 1s ease 2s infinite alternate;
-ms-animation: anime3 1s ease 2s infinite alternate;
animation: anime3 1s ease 2s infinite alternate;
}

@-moz-keyframes anime3 {
0% {
background: url(../img/shinjuku.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shinjuku_on.png) no-repeat;background-size: cover;}
}

@-webkit-keyframes anime3 {
0% {
background: url(../img/shinjuku.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shinjuku_on.png) no-repeat;background-size: cover;}
}

@-o-keyframes anime3 {
0% {
background: url(../img/shinjuku.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shinjuku_on.png) no-repeat;background-size: cover;}
}

@-ms-keyframes anime3 {
0% {
background: url(../img/shinjuku.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shinjuku_on.png) no-repeat;background-size: cover;}
}

@keyframes anime3 {
0% {
background: url(../img/shinjuku.png) no-repeat;background-size: cover;}
100% {
background: url(../img/shinjuku_on.png) no-repeat;background-size: cover;}
}

#main p {
    /* position: absolute; */
	
    /* bottom: 20px; */
    text-align: center;
    width: 640px;
    margin: 76px 0 0;
    padding: 0;
    color: #898989;
}