@charset "utf-8";



/* ------ reset ------ */


	body,form,fieldset{
		margin:0;
		padding:0;
	}
	
	img{border:none;
	}
	
	
	fieldset,img{
		border:none;
	}
	h1,h2,h3,h4,h5,h6,a,p,pre,blockquote,ul,ol,li,dl,dt,dd,img,br{
	margin: 0;
	padding:0;
	color:#000000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	font-size:12px;
	font-weight: normal;
	border: 0;
		
		
	}
	
	
	li{
		list-style-type: none;
	}
	
	dt,dd {
		margin: 0;
		}
	
	
	.clear {
		clear: both;
		visibility: hidden;
		text-indent: -9999px;
		margin: 0;
		padding: 0;
		height: 0px;
	}
	
	.red {
		font-family:Arial, Helvetica, sans-serif;
		color:#9C1C31;
		font-weight: bold;
	
	}
	



/* ------ start ------ */



body{background-color:#EFEEE7}


#container {
	background-color: #EFEEE7;
	height: 600px;
	width: 1080px;
	border: 1px solid #000000;
	margin-top: 35px;
	background-image: url(images/background.jpg);
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}

/* ------ ヘッダー開始 ------ */


#header {
	height: 50px;
	width: 1080px;
}

#header h1 {
	text-indent: -9999px;
}
#header p {
	text-indent: -9999px;
}


/* ------ メイン部分開始 ------ */


#main-contents {
	width: 1000px;
	padding-right: 40px;
	padding-left: 40px;
}


/* ------ 左側コンテンツ ------ */


#left-contents {
	width: 740px;
	height: 490px;
	float: left;
}
#main-photo {
	background-image: url(images/main-image.jpg);
	height: 415px;
	width: 730px;
	border: 4px solid #000000;	
}

#left-contents #main-photo h2 {
	text-indent: -9999px;
}
#left-contents #navi {
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 675px;
	margin-left: 3px;
	margin-top: 45px;
}

/* ------ ナビゲーション ------ */


#navi li{
		list-style:none;
		display:block;
		margin-left:0;
		pading:0;
		float:left;
		height:30px;
		width:80px;
		margin-right:12px;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	
	#navi li a{
		text-indent:-9999px;
		display:block;
		text-decoration:none;
		padding:0;
		height:30px;
		background-image: url(images/menu.jpg);
		background-repeat:no-repeat;

	}
	
	#navi #top a{
	background-position:0px 0px;
	}

	#navi #discography a{
	background-position:-92px 0px;
	}
	
	#navi #mail a{
	background-position:-184px 0px;
	}
	
	#navi #news a{
	background-position:-276px 0px;
	}
	
	#navi #live a{
	background-position:-368px 0px;
	}
	
	#navi #shop a{
	background-position:-460px 0px;
	}
	
	#navi #menber a{
	background-position:-552px 0px
	}
	
	
	
	
	#navi #top a:hover {
	background-position:0 -30px;
	}

	#navi #discography a:hover {
	background-position:-92px -30px;
	}
	
	#navi #mail a:hover {
	background-position:-184px -30px;
	}
	
	#navi #news a:hover {
	background-position:-276px -30px;
	}
	
	#navi #live a:hover {
	background-position:-368px -30px;
	}
	
	#navi #shop a:hover {
	background-position:-460px -30px;
	}
	
	#navi #menber a:hover {
	background-position:-552px -30px;
	}
	
	
	
	
	#navi #top.current-page {
	background: url(images/menu.jpg) 0px -60px;
	}

	#navi #discography.current-page {
	background: url(images/menu.jpg) -92px -60px;
	}
	
	#navi #mail.current-page {
	background: url(images/menu.jpg) -184px -60px;
	}
	
	#navi #news.current-page {
	background: url(images/menu.jpg) -276px -60px;
	}
	
	#navi #live.current-page {
	background: url(images/menu.jpg) -368px -60px;
	}
	
	#navi #shop.current-page {
	background: url(images/menu.jpg) -460px -60px;
	}
	
	#navi #menber.current-page {
	background: url(images/menu.jpg) :-552px -60px;
	}
/* ------ 右側コンテンツ ------ */
	
	
#right-contents {
	background-color: #C5B4C0;
	float: right;
	height: 497px;
	width: 248px;
}


#right-contents #topics {
	height: 320px;
	width: 228px;
	margin: 20px auto auto auto;
}
#right-contents #topics p {
	background-image: url(images/topics.jpg);
	height: 304px;
	width: 229px;
	text-indent: -9999px;
}
#right-contents #whats-new {
	height: 138px;
	width: 228px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}


/* ------ フッター ------ */


#footer {
	clear: both;
}

#footer h5 {
	text-indent: -9999px;
}