@charset "utf-8";
/* CSS Document */

/* common */
*{
	font-weight:bold;
}
html{
	background:#000;
}
.section{
	margin:-50px 0 0;
	padding:50px 0 0;
}
.inner{
	width:640px;
	margin:50px 0 0px;
}
img{
	display:block;
}
a{
	color:#eb6100;
}
a:hover{
	text-decoration:none;
}

/* header */
#header{
	position: fixed;
	height:100px;
	width:100%;
	color:#FFF;
	top:0;
	left:0;
}
#nav{
	position: absolute;
	top:150px;
}
#nav ul li{
	display:inline;
}
#nav ul li img{
	display:block;
}
#nav ul li#twitter{
	display:block;
	background:url(../images/nav_tw.png) no-repeat;
	width:117px;
	height:75px;
	margin:50px 0 0;
	padding:30px 0 0 30px;
}


/* main */
#main{
	padding:0 0 200px 250px;
}


/* top */
#top{ height:500px;}
#top .inner{ position:relative; margin:0 0 50px;}
#top .inner h1{ position: absolute; top:189px; left:-35px;}
#top .inner h2{ position: absolute; top:0; left:-50px;}
#top .inner p{ position: absolute; top:461px; left:291px;}


/* info */
#info div#infoTable{
	background:url(../images/info_bg.png) no-repeat;
	width:540px;
	height:350px;
	padding:0 0 0 100px;
	position:relative;
}
#info div#infoTable dl{
	padding-bottom:1px;
}
#info div#infoTable p{
	position:absolute;
	top:2px;
	right:110px;
}
#info div#infoTable dl dt{
	float:left;
	padding-right:10px;
}
#info div#infoTable dl dd{
	float:left;
	width:325px;
	height:25px;
	padding-top:6px;
	background:url(../images/info_parts_line.png) repeat-x bottom;
}
#info div#infoTable dl dd a{
	background:url(../images/info_icon.png) no-repeat 0px 5px;
	padding-left:10px;
}

/* tracklist */
#tracklist h3,
#tracklist h4{
	float:left;
}
#tracklist div#crossFade{
	background:url(../images/tracklist_bg_cf.png) no-repeat;
	width:640px;
	height:137px;
	padding-top:25px;
	text-align:center;
	font-size:10px;
	color:#FFF;
}
#tracklist div#crossFade a{
	color:#FF0;
}
#tracklist ul{
	position:relative;
}
#tracklist ul li{
	display:inline;
}
#tracklist ul li.lyrics{
	position:absolute;
	top:0;
	left:0;
}
#tracklist ul li#lyrics01{ top:34px; left:237px;}
#tracklist ul li#lyrics02{ top:101px; left:310px;}
#tracklist ul li#lyrics03{ top:187px; left:261px;}
#tracklist ul li#lyrics05{ top:346px; left:265px;}
#tracklist ul li#lyrics06{ top:423px; left:277px;}

/* staff */
#staff div#staffContents{
	background:url(../images/staff_bg.png) no-repeat;
	width:640px;
	height:602px;
	position:relative;
}
#staff dl{
	position:absolute;
}
#staff dl#staff01{top:20px; left:137px;}
#staff dl#staff02{top:177px; left:437px;}
#staff dl#staff03{top:197px; left:108px;}
#staff dl#staff04{top:314px; left:378px;}
#staff dl#staff05{top:397px; left:152px;}

#staff dl dt{
	margin-bottom:5px;
}
#staff dl#staff01 dt,
#staff dl#staff01 dd{
	float:left;
	padding-right:15px;
}

/* banner */
#banner{
	text-align:center;
	color:#FFF;
	background:#000;
}
#banner img{
	display:inline;
}
#banner p{
	padding-bottom:20px;
}

/* footer */

#footer{
	background:url(../images/footer_bg.png) repeat-x;
	height:31px;
	text-align:center;
	padding-top:30px;
}
#footer p{
	background:#000;
}
#footer p img{
	display:inline;
}


/* maximage */
#bg {
	z-index: -1;
	position:fixed;
}
.bgmaximage{
	right:0;
	bottom:0;
}

/* iframe */

#iframe{
	background:url(../images/lyrics_bg.jpg) no-repeat fixed;
	width:998px;
	height:416px;
	overflow-y:scroll;
}
#iframe h3{
	padding:50px;
	position: fixed;
	top:0;
	left:0;
}
#iframe p{
	padding:50px 50px 50px 300px;
}
body #iframe p span.jp{ color:#999;}
body #iframe p span.italic{ font-style:italic;}
body #iframe p span.italic span.jp{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}