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

/* ------------------------------
 font-size

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

------------------------------ */

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

body {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
input {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
textarea {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',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{
background:#e7ecee url(../images/body_bg.png) repeat;
width:100%;
height:auto;
color:#ffffff;
}

#wrapper{
width:1050px;
background:#FFFFFF url(../images/content_bg.png) repeat-y center;
margin:0 auto;
height:auto;
overflow:hidden;
}

a{
color:#ffffff;
text-decoration:underline;
padding:2px 0px;
}

a:hover{
color:#2a2a2a;
background-color:#ffc200;
}

p{
font-size:93%;
margin-bottom:5px;
line-height:140%;
color:#ffffff;
}

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

h3,h4{
font-size:93%;
}

#main_content{
width:610px;
float:left;
}

#sub_content{
width:440px;
float:right;
left:7px;
position:relative;
}

div.line{
border-bottom:1px dotted #2a2a2a;
margin-bottom:20px;
}

/* ------------------------------
カラー周り
------------------------------ */


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

img{
margin-bottom:10px;
}


/* ------------------------------
ヘッダー
------------------------------ */

#header{
width:1050px;
height:396px;
background:url(../images/header.png) no-repeat;
margin:0 auto 20px;
}

/* ------------------------------
CD
------------------------------ */

#cd{
width:595px;
height:589px;
background:url(../images/cd_image.png) no-repeat;
margin-bottom:50px;
}

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

#track {
margin-bottom:50px;
}

#track h2{
width:234px;
height:31px;
background:url(../images/track_title.png) no-repeat;
margin-bottom:30px;
}

#track table{
margin-bottom:10px;
}

#track td.track_number p{
color:#fabe00;
margin-right:10px;
font-style:italic;
font-weight:bold;
}

#track h3.track_title{
font-size:116%;
color:#ffffff;
margin-bottom:2px;
letter-spacing:0.2em;
}

#track p.name{
color:#cacaca;
letter-spacing:0.1em;
}


/* ------------------------------
Banner
------------------------------ */

#banner h2{
background:url(../images/banner_title.png) no-repeat;
height:31px;
width:307px;
margin-bottom:30px;
}

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

#banner div.banner_l{
width:468px;
}

#banner div.banner_s{
width:200px;
}

#banner div.banner_l input{
background:0 0 #ffffff;
border:2px solid #ffc200;
color:#4a4a4a;
display:block;
font-size:80%;
margin-bottom:20px;
padding:5px;
width:454px;
}

#banner div.banner_s input{
background:0 0 #ffffff;
border:2px solid #ffc200;
color:#4a4a4a;
display:block;
font-size:80%;
margin-bottom:20px;
padding:5px;
width:188px;
}

/* ------------------------------
Catch
------------------------------ */

#catch{
margin-bottom:20px;
}

#catch h2{
width:433px;
height:147px;
background:url(../images/cd_catch.png) no-repeat;
}

#catch h3{
width:433px;
height:193px;
background:url(../images/cd_read.png) no-repeat;
text-indent:-10000px;
overflow:hidden;
}


/* ------------------------------
RELEASE
------------------------------ */

#release{
margin-bottom:20px;
}

#release h4{
font-size:108%;
margin-bottom:10px;
}

#release h5{
color:#ffc200;
margin-bottom:10px;
}

#release div.contents{
margin-bottom:40px;
}


/* ------------------------------
SHOP
------------------------------ */

#shop{
margin-bottom:20px;
}

#shop div.contents{
margin-bottom:30px;
}

#shop h4{
margin-bottom:10px;
}

/* ------------------------------
STAFF
------------------------------ */

#staff{
margin-bottom:20px;
}

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

#staff li.title{
margin-bottom:5px;
font-size:100%;
font-weight:bold;
color:#ffc200;
}


#staff li.text a{
color:#ffffff;
padding:2px 0;
}

#staff li.text a:hover{
color:#2a2a2a;
background-color:#ffc200;
}

#staff li.text{
line-height:150%;
font-size:93%;
}



/* ------------------------------
Footer
------------------------------ */

#footer{
margin:0 auto 60px;
text-align:right;
}