@charset "UTF-8";

/*CSS reset*/
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, form { margin:0; padding:0; border:0; list-style-type:none;}
img { vertical-align: bottom; }

/*clear fix*/
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}
* html .clearfix { height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*html*/
body { font-family:'Raleway', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; color: #494949; margin:0; background:url(images/back.jpg)  no-repeat left bottom; background-size:100%}

a:link {color:#214ca3; text-decoration: none;}
a:visited {color: #214ca3; text-decoration: underline;}
a:hover {color:#c1c1c1; text-decoration: none;}

a img{ border:0;}

h1,h2,h3,h4,h5{ margin:0; padding:0;}

#wrapper{ margin:0 auto; width:940px; padding-bottom:300px}

#head{ margin:0; padding:20px 0 30px 20px;}
h1{ background:url(images/logo.gif) no-repeat; width:454px; height:126px; text-indent:100%; white-space:nowrap; overflow:hidden; float:left;}
#lead{ padding:30px 0 0 20px; float:left; line-height:2em}
#lead div{ font-size:110%;}

#jacket{ float:right; width:120px; padding:10px 30px 0 10px;}


#container { padding-bottom:10px;}
h2{ padding-bottom:10px}

.box{ float:left; margin:20px; padding:30px 20px 20px 20px; font-size:11px; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity:0.85;}
.box p{ width:226px; line-height:1.8em}
.box p.big{ font-size:14px; line-height:2em; letter-spacing:0.2em}
.box h3{ font-size:12px; font-weight:bold}
.space{ background:#4f8195 url(images/space.png) no-repeat right top; color:#FFF}
.tracks{ background:#e0e0e0 url(images/tracks.png) no-repeat right top}
.tracks img{ width:226px; margin:20px auto 10px auto;}
.tracks p{ font-size:12px; line-height:1.6em}
.staff{ background:#6a5f58 url(images/staff.png) no-repeat right top; color:#FFF}
.linernotes{ background:#abc4d8 url(images/linernotes.png) no-repeat right top;}
.linernotes div{ text-align:right; padding:5px 0 10px 0; font-weight:bold}
.linernotes div.lyrics{ text-align:left; padding:5px 0 5px 0}
.crossfade{ background:#4f8195 url(images/crossfade.png) no-repeat right top; padding-top:60px; color:white; font-size:12px}
.banner{ background:#6a5f58 url(images/banner.png) no-repeat right top; color:#FFF}
.banner a:link{ color:white}




#foot{ padding:10px; text-align:center}

.clear { clear:both;padding-bottom:100px;}

.anno { color: #999999;}
.notice { font-weight: bold; color: #FF0000;}

.color{ color: #38586e; font-weight: bold;}

.white{ color:#FFF;}

.left{ float:left; padding-right:10px;}