@Charset "euc-jp";

/* -----------------------------------------------------------
CSS Information

 File name:      sub.css
 Author:         Abe
 Style Info:     Aleshaのページスタイルを設定
----------------------------------------------------------- */

div.alesha {
   width: 948px;
   position: relative;
   left: -2px;
   color: #584100;   
   }
* html div.alesha {
   left: 0;
   }
div.alesha div#head {
   width: 948px;
   height: 456px;
   background: url(../img/headbg.jpg) left top no-repeat;
   padding: 0;
   margin: 0;
   }
div.alesha div#head div#headWapper {
   width: 543px;
   margin: 0 0 0 405px;
   padding: 0;
   }
div.alesha div#head div#headWapper h2 {
   width: 543px;
   height: 73px;
   background: url(../img/h2head.jpg) left top no-repeat;
   margin: 0;
   text-indent: -9999em;   
   }
div.alesha div#head div#headWapper p#lead {
   width: 543px;
   height: 35px;
   background: url(../img/lead.jpg) left top no-repeat;
   text-indent: -9999em;   
   }
div.alesha div#head div#headWapper div#album {
   width: 543px;
   height: 187px;
   }
div.alesha div#head div#headWapper div#album dl {
   width: 349px;
   height: 187px;
   float: right;
   text-indent: -9999em;   
   }
div.alesha div#head div#headWapper div#album dl ol {
   display: none;
   }
div.alesha div#head div#headWapper div#album div#albumImg {
   width: 194px;
   height: 187px;
   display: none;   
   }
div.alesha div#head div#headWapper div#anapmusic {
   width: 392px;
   height: 131px;
   }
div.alesha div#head div#headWapper div#anapmusic p#nowAccess {
   width: 392px;
   height: 48px;
   margin: 0;
   padding: 0;
   text-indent: -9999em;
   }
div.alesha div#head div#headWapper div#anapmusic p#toMusic {
   width: 357px;
   height: 23px;
   margin: 9px 0 0 13px;
   padding: 0;
   text-indent: -9999em;
   }
div.alesha div#head div#headWapper div#anapmusic img {
   display: none;
   }
div.alesha div#head div#headWapper div#anapmusic p#toMusic a{
   width: 357px;
   height: 23px;
   display: block;
   background: url(../img/toMusic.jpg) left top no-repeat;
   text-indent: -9999em;
   }   
div.alesha div#head div#headWapper div#anapmusic p#toMusic a:hover{   
   background: url(../img/toMusic.jpg) left bottom no-repeat;
   }
div.alesha div#head div#headWapper div#anapmusic p#aleshattl {
   width: 116px;
   height: 44px;
   margin: 0;
   padding: 0;
   text-indent: -9999em;
   }
div.alesha div#head div#headWapper div#anapmusic p#aleshaweb {
   width: 94px;
   height: 16px
   margin: 0;
   padding: 0;
   }
div.alesha div#head div#headWapper div#anapmusic p#aleshaweb a {
   width: 94px;
   height: 16px;
   display: block;
   background: url(../img/aleshaweb.jpg) left top no-repeat;
   margin: 0 0 0 276px;
   text-indent: -9999em;
   }   
div.alesha div#head div#headWapper div#anapmusic p#aleshaweb a:hover{   
   background: url(../img/aleshaweb.jpg) left bottom no-repeat;
   }      

/* headNav -ヘッダの中のナビゲーションを設定
----------------------------------------------------------- */
div.alesha div#head div#headNav ul{
   margin: 0;
   padding: 0 0 0 17px;
   position: absolute;
   top: 393px;
   }

div.alesha div#head div#headNav ul li {
   float: left;
   display: inline;
   margin: 0;
   padding: 0;
   }
div.alesha div#head div#headNav ul li.page1 a {
   display: block;
   width: 204px;
   height: 55px;
   background: url(../img/headNav-01.jpg) left top no-repeat;
   text-indent: -9999em;
   margin-left: 0;
   margin-right: 5px;
   }
div.alesha div#head div#headNav ul li.page2 a {
   display: block;
   width: 212px;
   height: 55px;
   background: url(../img/headNav-02.jpg) left top no-repeat;
   text-indent: -9999em;
   margin-left: 0;
   margin-right: 4px;   
   }
div.alesha div#head div#headNav ul li.page3 a {
   display: block;
   width: 233px;
   height: 55px;
   background: url(../img/headNav-03.jpg) left top no-repeat;
   text-indent: -9999em;
   margin-left: 0;
   }
div.alesha div#head div#headNav ul li.page1 a:hover {
   background: url(../img/headNav-01.jpg) left bottom no-repeat;   
   }
div.alesha div#head div#headNav ul li.page2 a:hover {
   background: url(../img/headNav-02.jpg) left bottom no-repeat;   
   }
div.alesha div#head div#headNav ul li.page3 a:hover {
   background: url(../img/headNav-03.jpg) left bottom no-repeat;   
   }
div#interview1 div#head div#headNav ul li.page1 a {
   background: url(../img/headNav-01.jpg) left bottom no-repeat;
   }
div#interview2 div#head div#headNav ul li.page2 a {
   background: url(../img/headNav-02.jpg) left bottom no-repeat;
   }
div#interview3 div#head div#headNav ul li.page3 a {
   background: url(../img/headNav-03.jpg) left bottom no-repeat;
   }   
   
   
/* contentMain -メインのインタビュー部分のスタイル
----------------------------------------------------------- */
div.alesha div#contentMain {
   background: url(../img/interviewbg.jpg) left top no-repeat;
   padding: 10px;
   height: 569px;
   width: 928px;
   }
div.alesha div#contentMain div#interviewHead{
   width: 928px;
   height: 30px;
   }
div.alesha div#contentMain div#interviewHead h3{
   background: url(../img/interview1.jpg) left top no-repeat;
   width: 267px;
   height: 22px;
   text-indent: -9999em;
   float: left;
   }
div#interview1 div#contentMain div#interviewHead p.pageNav {
   float: right;
   height: 30px;
   width 100px;
   margin-right: 20px;
   }  
/* pageNav -ページのナビゲーション
----------------------------------------------------------- */
div.alesha p.pageNav {
  color: #6e6547;
  font-weight: bold;
  font-size: 10pt;
  }
div.alesha p.pageNav a {
   text-decoration: none;
   color: #FFF;
   }
div.alesha p.pageNav a:hover {
  color: #6e6547;
  }
div#interview1 p.pageNav a.page1,
div#interview2 p.pageNav a.page2,
div#interview3 p.pageNav a.page3 {
  color: #6e6547;
   }

/* FAQ
----------------------------------------------------------- */
div.alesha div#contentMain h4.question {
   font-size: 12pt;
   color: #ff00d8;
   font-weight: bold;
   line-height: 1.4em;
   padding: 10px 5px 0px 10px;
   }
   
* html div.alesha div#contentMain h4.question {
   padding-top: 8px;
   }
   
div.alesha div#contentMain p.answer {
   font-size: 8pt;
   padding: 0 20px;
   color: #584100;
   }

div.alesha div#contentMain div#faq2nd {
   width: 928px;
   margin: 0;
   }
div.alesha div#contentMain div#faq2nd div#faq2ndBox {
   width: 682px;
   float: right;
   margin:0;
   padding: 0;
   }
div.alesha div#contentMain p.btnNext {
   width: 14px;
   height: 14px;
   margin-left: 630px;
   position: absolute;
   top: 958px;
   }



/* #baloon
----------------------------------------------------------- */   
div.alesha div#contentMain div#balloon {
   width: 672px;
   height: 37px;
   background: url(../img/balloon.jpg) left top no-repeat;
   text-indent: -9999em;
   margin-top: 8px;
   }


/* #ponpon
----------------------------------------------------------- */   
div.alesha div#contentMain div#ponpon {
   width: 236px;
   margin: 0 0 0 10px;
   padding: 0;
   }
* html div.alesha div#contentMain div#ponpon {
   margin: 0 0 0 7px;
   }

/* #footnav
----------------------------------------------------------- */   
div#interview1 div#footnav{
   height: 45px;
   width: 948px;
   background: url(../img/footbg.jpg) left top no-repeat; 
   }
div#interview1 div#footnav p.pageNav {
   margin-left: 20px;
   }
   

/* INTERVIEW2
----------------------------------------------------------- */
div#interview2 div#footnav{
   }