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

body{
	color:#1f2c5c;
}
a{
	color:#ff8a00;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

#wrapper{
	padding:50px;
}

header{
	background:#edebf5;
	width:300px;
	height:650px;
	position:fixed;
}
header h1{
	background:#1f2c5c;
	height:189px;
	text-align:center;
	margin-bottom:20px;
	padding-top:111px;
}
header nav ul li img{
	display:block;
	line-height:0;
}
header nav ul li#nav01{background:url(../images/nav_top_on.png) no-repeat top left;}
header nav ul li#nav02{background:url(../images/nav_info_on.png) no-repeat top left;}
header nav ul li#nav03{background:url(../images/nav_tracklist_on.png) no-repeat top left;}
header nav ul li#nav04{background:url(../images/nav_staff_on.png) no-repeat top left;}
header nav ul li#nav05{background:url(../images/nav_banner_on.png) no-repeat top left;}

header nav ul li{
	margin-bottom:1px;
	overflow:hidden;
	vertical-align:bottom;
}

header #tweetBtn{
	padding:11px 0 0 50px;
}

#container{
	padding-left:300px;
}

section{
	background:url(../images/section_bg.jpg) no-repeat top left;
	width:550px;
	height:610px;
	margin-bottom:150px;
	padding:40px 50px 0;
}
section h3{
	text-align:center;
	border-bottom:#1f2c5c 5px solid;
	border-top:#1f2c5c 5px solid;
	padding:38px 0;
}
#top{
	margin-bottom:150px;
}
#top img{
	display:block;
}
#info dl{
	padding:15px 0;
	border-bottom:#1f2c5c 1px dotted;
	font-size:14px;
}
#info dl dt{
	float:left;
	width:120px;
	font-weight:bold;
	padding-left:40px;
}
#info dl dd{
	float:left;
	width:390px;
}

#tracklist dl{
	padding:10px 0 5px;
	border-bottom:#1f2c5c 1px dotted;
}
#tracklist dl dt{
	float:left;
	width:61px;
	border-right:1px solid #1f2c5c;
}
#tracklist dl#xfade{
	padding:15px 0 12px;
}
#tracklist dl#xfade dt{
	float:left;
	width:50%;
	border: none;
	padding-top:3px;
}
#tracklist dl#xfade dd{
	width:200px;
	float:right;
}
#tracklist dl dd.txt{
	float:left;
	width:435px;
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
}
#tracklist dl dd.txt span{
	font-weight:normal;
	font-size:11px;
}
#tracklist dl dd.btn{
	float:right;
	width:40px;
}
#tracklist dl dd.btn{
	background:url(../images/tracklist_btn_on.png) no-repeat top left;
}
#tracklist p.attention{
	font-size:10px;
	text-align:right;
	margin-top:10px;
}

#staff dl{
	padding:8px 0;
	border-bottom:#1f2c5c 1px dotted;
	font-size:11px;
}
#staff dl dt{
	width:90px;
	font-weight:bold;
	color:#000000;
	float:left;
}
#staff dl dd.name{
	width:240px;
	float:left;
	font-weight:bold;
}
#staff dl dd.url{
	width:220px;
	float:left;
}
#staff dl dd.url a{
	color:#1f2c5c;
}
#staff dl dd.url a:hover{
	color:#ff8a00;
}

#banner .contents{
	text-align:center;
	padding-top:50px;
}
#banner p{
	margin-bottom:30px;
}

footer{
	background:#1f2c5c;
	padding:20px 0 50px 50px;
}
footer address{
	color:#FFFFFF;
	font-style:normal;
	font-size:10px;
}


#bg{
	position:fixed;
	z-index:-1;
}


body#lyrics{
	padding:20px;
}
body#lyrics h1{
	font-size:36px;
	margin-bottom:20px;
	
}
body#lyrics h2{
	padding-bottom:40px;
	margin-bottom:30px;
	border-bottom:#1f2c5c 1px dotted;
}
body.tr09 p{
	margin-bottom:20px;
}
body.tr09 p span.jp{
	color:#A7B9D9;
}