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

/* ------------------------------
フォント指定
------------------------------ */

body {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
input {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

/* ------------------------------
Clearfix
------------------------------ */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------
サイト共通
------------------------------ */

body{
margin:0 auto;
height:100%;
background:#f3f3f3 url(../images/content_bg.png) repeat-y center top;
color:#6a6a6a;
text-shadow:0 1px 0 #ffffff;
}

#contents{
width:956px;
height:auto;
margin:0 auto;
}


h1,h2,h3,h4{
text-indent:-10000px;
overflow:hidden;
}

a{
color:#9a9a9a;
text-decoration:none;
}

a:hover{
color:#6a6a6a;
}

p{
font-size:90%;
line-height:150%;
}

p.bg_red{
padding:5px 5px 5px 10px;
background-color:#4c2026;
margin-bottom:10px;
}

strong{
font-weight:bold;
color:#ffbb28;	
}

/* ------------------------------
ヘッダー
------------------------------ */
#header{
background:url(../images/header_bg.png) no-repeat center top;
width:956px;
height:691px;
margin:80px auto 0;
}

#header h1{
background:url(../images/title.png) no-repeat;
width:488px;
height:204px;
}

#header h2{
background:url(../images/date.png) no-repeat;
width:488px;
height:98px;
}

#header h3{
background:url(../images/catch.png) no-repeat;
width:200px;
height:267px;
margin-top:10px;
}

#header p.date{
text-indent:-10000px;
overflow:hidden;
background:url(../images/information.png) no-repeat;
width:441px;
height:63px;
margin-top:20px;
}
/* ------------------------------
cd_image
------------------------------ */
#cd_image{
background:url(../images/jacket_bg.png) no-repeat center top;
width:956px;
height:739px;
margin:0 auto;
}

#cd_image p{
text-indent:-10000px;
overflow:hidden;
background:url(../images/read_text.png) no-repeat;
width:154px;
height:739px;
}


/* ------------------------------
information
------------------------------ */

#information{
width:956px;
margin:30px auto 0;
}

/* ------------------------------
tracklist
------------------------------ */

#track_list{
float:left;
width:515px;
margin-bottom:30px;
}

#track_list h4{
background:url(../images/track_title.png) no-repeat;
width:134px;
height:28px;
margin-bottom:20px;
}


#track_list li{
text-align:left;
line-height:150%;
letter-spacing: 0.1em;
}

#track_list p.sample_mp3{
background:#4C2026;
border:2px solid #59494D;
margin:20px auto 5px;
padding:5px 20px;
width:670px;	
}

/* ------------------------------
staff_list
------------------------------ */

#staff_list{
float:right;
width:400px;
text-align:left;
margin-left:40px;
}

#staff_list h4{
background:url(../images/staff_title.png) no-repeat;
width:77px;
height:28px;
margin-bottom:20px;
}

#staff_list li a{
text-align:left;
line-height:150%;
letter-spacing: 0.1em;
color:#d6eaf7;
text-shadow:0 0 0;
}

#staff_list li a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#staff_list h5{
color:#FFFFFF;
margin-bottom:10px;
font-size:93%;
text-shadow:0 0 5px #ffffff;
}

#staff_list ul{
margin-bottom:20px;
}
/* ------------------------------
バナー
------------------------------ */

#banner{
float:left;
width:515px;
text-align:left;
}

#banner h4{
background:url(../images/banner_title.png) no-repeat;
width:113px;
height:28px;
margin-bottom:20px;
}

#banner p{
margin-bottom:10px;
}

#banner img{
margin-bottom:10px;
}


#banner input{
background:#f0f0f0 none repeat scroll 0 0;
border:2px solid #187fc4;
color:#187fc4;
padding:5px;
font-size:80%;
width:468px;
display:block;
margin-bottom:20px;
}


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

#footer{
margin:30px auto 50px;
text-align:center;
width:956px;
}

#footer p.left{
font-size:90%;
text-align:left;
}

#footer p.left span{
margin-left:40px;
}{
