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

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

body {
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
input {
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"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:#090b11 url(../images/body_bg.png) repeat-x;
color:#ffffff;
text-shadow:0 2px 0 #000000;
}

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


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

h4{
padding-left:8px;
border-left:3px #FFFFFF solid;
margin-left:-10px;
margin-bottom:20px;
}

h5{
margin-bottom:5px;
}

a{
color:#88d1f3;
text-decoration:none;
}

a:hover{
color:#ffbb28;
}

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.png) no-repeat center top;
text-align:center;
width:100%;
height:641px;
margin:0 auto;
}

/* ------------------------------
CDインフォ
------------------------------ */
#cd_info{
margin-bottom:40px;
}

#cd_info p{
}

#cd_info p.logo{
overflow:hidden;
text-indent:-10000px;
background:url(../images/logo.png) no-repeat;
width:122px;
height:81px;
margin:0 auto 10px;
}

#cd_info div.movie object{
left:41px;
position:relative;
top:26px;
}

#cd_info p.catch{
overflow:hidden;
text-indent:-10000px;
background:url(../images/catch_text.png) no-repeat;
width:658px;
height:54px;
margin:0 auto;
}

#cd_info p.caption{
margin-bottom:20px;
}

#cd_info p.cd_info{
border-top:1px dotted #ffffff;
color:#cacaca;
padding-top:20px;
}

#cd_info div.movie{
width:564px;
height:414px;
background:url(../images/movie_bg.png) no-repeat;
margin:0 auto 10px;
}

#cd_info h2{
width:720px;
height:92px;
background:url(../images/cd_title.png) no-repeat;
margin:0 auto 20px;
}

#cd_info img.cd_jacket{
float:left;
margin-right:10px;
border:#535559 solid 4px;
margin-left:55px;
}

#cd_info div.right{
float:right;
width:380px;
margin-right:20px;
margin-top:70px;
}

#cd_info div.right h3{
width:241px;
height:28px;
background:url(../images/cd_text.png) no-repeat;
margin-bottom:10px;
}

/* ------------------------------
トラックリスト
------------------------------ */

#track_list{
overflow:hidden;
padding:10px 40px 0;
text-align:left;
font-size:90%;
margin-bottom:40px;
}

#track_list dl{
width:710px;
padding:10px 2px;
margin:0 auto 10px;
background:url(../images/list_bg.png);
}

#track_list dl a.cross{
margin-left:40px;
}

#track_list span{
margin-right:10px;
display:inline;
}


#track_list span.title{
width:210px;
display:inline;
float:left;
}

#track_list dt{
display:inline;
float:left;
letter-spacing:0.1em;
width:240px;
margin-right:20px;
padding:0 2px 0 8px;
}

#track_list dt span{
}

#track_list dd{
float:left;
width:430px;
display:inline;
padding:0px 4px;
}

#track_list dd span{
letter-spacing:0.1em;
margin-right:20px;
}

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

/* ------------------------------
ライン
------------------------------ */

div.line{
width:740px;
height:43px;
background:url(../images/line.png) no-repeat center;
margin:20px auto -5px;
}

/* ------------------------------
リリースインフォ
------------------------------ */

#release{
padding:10px 60px 0;
text-align:left;
}

#release h3{
padding:0px 2px 4px;
border-bottom:1px dotted #544a4c;
margin-bottom:10px;
}

#release p.name{
margin-bottom:10px;
}

#release div.release_left{
float:left;
width:300px;
}

#release div.release_right{
float:right;
width:400px;
}

/* ------------------------------
スタッフリスト
------------------------------ */

#staff_list{
overflow:hidden;
padding:10px 40px 0;
text-align:left;
font-size:90%;
}

#staff_list div.staff_left{
float:left;
width:320px;
margin-left:10px;
}

#staff_list div.staff_right{
float:right;
width:320px;
margin-right:10px;
}

#staff_list dl{
padding:10px 5px 2px;
margin:0 auto;
}

#staff_list span{
margin-right:15px;
}

#staff_list ul{
margin-bottom:20px;
}

#staff_list li{
line-height:200%;
letter-spacing:0.1em;
}


/* ------------------------------
バナー
------------------------------ */

#banner{
padding:10px 40px 0;
text-align:left;
}

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

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

#banner p.caption{
font-size:80%;
color:#cacaca;
margin-bottom:10px;
}

#banner input{
background:#4a5167 none repeat scroll 0 0;
border:2px solid #7389a0;
color:#ffffff;
padding:5px;
font-size:80%;
}

#banner div.banner_left{
float:left;
width:480px;
margin-bottom:10px;
}

#banner div.banner_left input{
width:454px;
}

#banner div.banner_right{
float:left;
width:240px;
padding-top:20px;
}

#banner div.banner_right input{
width:186px;
}



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

#footer{
overflow:hidden;
padding:0 30px 30px;
text-align:left;
margin-top:-15px;
}

#footer p.left{
color:#cacaca;
font-size:80%;
float:left;
margin-left:5px;
}

#footer p.right{
color:#cacaca;
font-size:80%;
float:right;
margin-right:5px;
}