@charset "UTF-8";



body{
	background-color: #FAFAFB;
}



/* #container
------------------------------*/

#container{
	position: relative;
	width: 1020px;
	min-height: 600px;
	margin: 0 auto;
	padding-top: 20px;
	background: url("../img/bg.jpg") no-repeat top center;
}

#container.page_top{
	background-image: url("../img/bg_top.jpg");
}



/* #header
------------------------------*/

#header{
	position: relative;
	width: 832px;
	height: 16px;
	margin: 0 auto;
}

#header ul{
	margin: 0;
}

#header li{
	display: block;
	margin: 0;
	list-style-type: none;
}

#header li a{
	position: absolute;
	overflow: hidden;
	display: block;
	height: 16px;
	text-indent: -9999px;
	background-image: url("../img/gnav.png");
	background-repeat: no-repeat;
}
	#header li.news a{
		width: 56px;
		left: 0;
		background-position: 0 top;
	}
	#header li.news a:hover{background-position: 0 bottom;}
	#header li.biography a{
		width: 112px;
		left: 68px;
		background-position: -68px top;
	}
	#header li.biography a:hover{background-position: -68px bottom;}
	#header li.discography a{
		width: 140px;
		left: 192px;
		background-position: -192px top;
	}
	#header li.discography a:hover{background-position: -192px bottom;}
	#header li.live a{
		width: 118px;
		left: 344px;
		background-position: -344px top;
	}
	#header li.live a:hover{background-position: -344px bottom;}
	#header li.ustream a{
		width: 89px;
		left: 474px;
		background-position: -474px top;
	}
	#header li.ustream a:hover{background-position: -474px bottom;}
	#header li.mail a{
		width: 52px;
		left: 575px;
		background-position: -575px top;
	}
	#header li.mail a:hover{background-position: -575px bottom;}
	#header li.link a{
		width: 43px;
		left: 639px;
		background-position: -639px top;
	}
	#header li.link a:hover{background-position: -639px bottom;}
	#header li.top a{
		width: 40px;
		left: 694px;
		background-position: -694px top;
	}
	#header li.top a:hover{background-position: -694px bottom;}
	#header li.twitter a{
		width: 16px;
		left: 748px;
		background-position: -748px top;
	}
	#header li.twitter a:hover{background-position: -748px bottom;}
	#header li.facebook a{
		width: 16px;
		left: 780px;
		background-position: -780px top;
	}
	#header li.facebook a:hover{background-position: -780px bottom;}
	#header li.youtube a{
		width: 16px;
		left: 812px;
		background-position: -812px top;
	}
	#header li.youtube a:hover{background-position: -812px bottom;}


/* #illust
------------------------------*/

#illust{
}

#illust ul{
	margin: 0;
}

#illust li{
	margin: 0;
	list-style-type: none;
}
#illust li a{
	position: absolute;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
	#illust li a:hover{
		cursor: default;
		background-position: left bottom;
	}
	#illust li.illust_1 a{
		top: 110px;
		left: 749px;
		width: 287px;
		height: 245px;
		background-image: url("http://panda2bunno1.com/img/fuki.png");
	}

	#illust li.illust_9 a{
		top: 585px;
		left: 706px;
		width: 314px;
		height: 8px;
		background-image: url("../img/copyright.gif");
	}


/* #youtube_top
------------------------------*/

#youtube_top{
}

#youtube_top ul{
	margin: 0;
}

#youtube_top li{
	margin: 0;
	list-style-type: none;
}
#youtube_top{
	position: absolute;
	overflow: hidden;
	top: 150px;
	left: 31px;
}



/* #contents
------------------------------*/

#contents{
	position: absolute;
	overflow: hidden;
	top: 145px;
	left: 28px;
	width: 573px;
	height: 429px;
	background: url("../img/cover.png") no-repeat left top;
}

#contents .inner{
	overflow: hidden;
	width: 533px;
	height: 389px;
	margin: 20px 0 20px 20px;
	padding-right: 20px;
}