@charset "utf-8";
html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 18px;
}

a:link {
	color: #000;
}
a:visited {
	color: #636363;
}

a:hover {
	color: #cc005c;
}

a:active {
	color: #cc005c; 
}

a img {
	border-style: none;
}

ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style:none;
}


@font-face {
	font-family: "Century Gothic";
	src: url('../font/GOTHIC.eot');
	src: url('../font/GOTHIC.eot?#iefix') format('embedded-opentype'),
	url('../font/GOTHIC.svg#Century Gothic') format('svg'),
	url('../font/GOTHIC.woff') format('woff'),
	url('../font/GOTHIC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#header {
	height: 60px;
	font-family: "Century Gothic";
	padding: 20px 0px;
	background-color: #FFF;
}
	#logo {
		display: block;
		width: 500px;
		height: 60px;
		overflow: hidden;
		background-color: #000;
		color: #FFF;
		font-size: 36px;
		line-height: 60px;
		text-align: center;
		text-decoration: none;
		float: right;
}

#face {
	height: 506px;
	background: url(../img/member.png) no-repeat center bottom #636363;
}
	#low6logo {
		width: 400px;
		height: 259px;
		background: url(../img/low6logo.png) no-repeat 0px 0px;
		position: absolute;
		left: 0px;
		top: 0px;
	}
#about {
	height: 60px;
	padding: 24px 0px;
	background-color: #858585;
	color: #FFF;
	text-align: right;
	font-family: "Century Gothic";
	font-size: 18px;
	line-height: 30px;
}
#news {
	height: 218px;
	background-color: #DDD;
	overflow: hidden;
}

	#news_section {
		display: block;
		width: 400px;
		height: 160px;
		padding:15px;
		background-color: rgba(255, 255, 255,0.6);
		position: absolute;
		text-decoration: none;
		font-family: "Century Gothic";
		font-size: 12px;
		line-height: 16px;
		left: 15px;
		top: 15px;
	}

	#button_facebook {
		display: block;
		width: 213px;
		height: 80px;
		padding: 20px;
		background-color: #3b5998;
		text-decoration: none;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.2);

		color: #FFF;
		font-family: "Century Gothic";
		position: absolute;
		right: 0px;
		top: 50px;
	}

	#news_description {
		display: block;
		width: 213px;
		height: 10px;
		padding: 0px;
		text-decoration: none;
		font-family: "Century Gothic";
		position: absolute;
		right: 0px;
		top: 25px;
	}


#followus {
	height: 128px;
	padding: 50px 0 ;
	background-color: #ddd;
}

		#followus a {
			display: block;
			height: 128px;
			float: left;
			background-image: url(../img/sns_icon.png);
			background-repeat: no-repeat;
			margin-right: 10px;
		}

		#sns_facebook {
			width: 128px;
			background-position: 0px 0px;
		}
		#sns_twitter {
			width: 128px;
			background-position: -128px 0px;
		}
		#sns_soundcloud {
			width: 128px;
			background-position: -768px 0px;
		}
		#sns_youtube {
			width: 128px;
			background-position: -384px 0px;
		}
		#sns_vimeo {
			width: 128px;
			background-position: -512px 0px;
		}
		#sns_tumblr {
			width: 128px;
			background-position: -896px 0px;
		}
		#sns_instagram {
			width: 128px;
			background-position: -640px 0px;
}


#copyright {
	height: 50px;
	padding: 10px 0 ;
	background-color: #FFF;
	color: #000;
	text-align: center;
	font-family: "Century Gothic";
	font-size: 14px;
	line-height: 20px;
}


.box {
	width: 900px;
	margin: 0px auto;
	position: relative;
}

.heading {
	height: 70px;
	font-family: "Century Gothic";
	font-size: 50px;
	line-height: 60px;
	padding: 0px;
	color: #FFF;
}

#band .item img{
	display: block;
	text-align: center;
	margin: 15px auto;
	width: auto;
	height: auto;
}