@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:#262720 url(../images/content_bg.jpg);
color:#ffffff;
text-shadow:0 1px 0 #000000;
}

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


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

a{
color:#B8C4FF;
text-decoration:none;
}

a:hover{
color:#ffffff;
}

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.jpg) no-repeat left top;
width:1124px;
height:1523px;
margin-bottom:50px;
}

#header h1{
background:url(../images/header_title.png) no-repeat;
height:699px;
left:500px;
position:absolute;
top:1px;
width:470px;
}

#header p{
text-indent:-10000px;
overflow:hidden;
}

#header p.read_text{
background:url(../images/read_text.png) no-repeat;
height:413px;
position:absolute;
top:716px;
width:576px;
}

#header p.info_text{
background:url(../images/info_text.png) no-repeat;
width:576px;
height:389px;
position:absolute;
top:1129px;
}

#header p.catch_text{
background:url(../images/catch_text.png) no-repeat;
width:176px;
height:810px;
position:absolute;
left:632px;
top:715px;
}

/* ------------------------------
cd_info
------------------------------ */
#cd_info{
width:1080px;
margin-bottom:50px;
}

#cd_info img{
float:left;
width:492px;
height:493px;
margin-left:68px;
}

#cd_info div.track{
float:left;
margin-left:30px;
}

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

#cd_info li{
margin-bottom:5px;
font-size:90%;
letter-spacing:0.1em;
}

#cd_info li.title{
letter-spacing:0.6em;
font-size:100%;
color:#b8c4ff;
}



/* ------------------------------
line
------------------------------ */

div.line{
width:1080px;
height:2px;
background:url(../images/line.png) no-repeat;
margin-bottom:50px;	
}


/* ------------------------------
banner
------------------------------ */

#banner{
width:1080px;
margin-bottom:50px;
}

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

#banner div.left{
margin-left:68px;
float:left;
display:inline
}

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

#banner div.right{
margin-left:30px;
margin-top:20px;
float:left;
display:inline
}



#banner input{
background:0 0 #25251E;
border:2px solid #B8C4FF;
color:#B8C4FF;
display:block;
font-size:80%;
margin-bottom:20px;
padding:5px;
width:454px;
}



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

#staff_list{
width:1030px;
text-align:left;
margin-left:68px;
margin-bottom:50px;
}

#staff_list li a{
text-align:left;
line-height:150%;
letter-spacing: 0.1em;
font-size:90%;
color:#B8C4FF;
}

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

#staff_list h5{
color:#FFFFFF;
font-size:90%;
margin-bottom:5px;
}

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

#staff_list div.member{
float:left;
margin-right:100px;
}


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

#footer{
width:1030px;
margin-left:68px;
margin-bottom:50px;
}

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

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