@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: 100%;
    height: 100%;
    background-size: cover;
    color: #FFFFFF;
    min-height: 700px;
}

body {
	
}

#main {
	
}

h1 {
    text-align: center;
    font-size: 21px;
    line-height: 170%;
    position: absolute;
    bottom: 20%;
    width: 100%;
    padding: 0;
    margin: -55px 0 0;
}

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

#logos {
    margin: 365px auto 0;
    padding: 0;
    /* top: 50%; */
    /* position: absolute; */
    width: 970px;
}

#logos li {
    display: inline-block;
    width: 32%;
	height:auto;
}

#logos li a {
    display: inline-block;
    position: relative;
    z-index: 400;
    height: 163px;
}

#logos li a:hover {
	
}


#logos li｛
height: 140px;
}

#logos li {
	width: 78%;
	left: 14%;
	bottom: 6px
	;
}

#logos li.shibuya a:before {
    bottom: -34px;
	content:"Shibuya";
}

#logos li.shimokita a:before {
    bottom: -34px;
	content:"Shimokitazawa";
}

#logos li.shinjuku a:before {
    bottom: -34px;
	content:"Shinjuku";
}

#logos li a img {
	max-width: 100%;
}

#main p {
    position: absolute;	
    bottom: 20px;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #898989;
}