@charset "utf-8";


/* CSSハックを使わないといけないバグが発生した順で、
ブラウザのバージョンと本の名前とページを書く。
---------------------------------------------------- */


/*　バグ１　IE5.5
モダンブラウザでは、幅の固定されたブロックレベル要素は、
その左右のマージン「auto」に設定すると中央寄せになるが、
 
IE5.5以前（IE6.0とIE7.0の後方互換モード）ではならない。

p87 　　対象法 p138 p74
---------------------------------------------------- */

* html body{
  text-align:center;
}

* html #container{
  text-align:left;
}

/* サイト全体
---------------------------------------------------- */
* {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
}

body{
  font-size: 68%;
  font-family: sans-serif;
  color: #8F8F8F;
  background-color: #232427;
}


img{
  border: 0 none;
}

a:link { color: white; }
a:visited { color: purple; }
a:hover { color: purple; }
a:active { color: purple; }


/* ページ全体
---------------------------------------------------- */
#container{
  width:830px;
  margin-left:auto;
  margin-right:auto;
  background-color: #000000;
}

.obi{
  height:6px;
  background: url(common/purpule.gif) repeat;
  margin-bottom:20px;  
}

/*
.obi{
  height:6px;
  background-color: #7A0DA3;
  margin-bottom:20px;  
}
*/

/* コンテンツ全体　始まり
---------------------------------------------------- */
#contents{
  width:768px;
  margin-left:32px;
  margin-right:32px;
}


/* ヘッダー部分　はじまり
---------------------------------------------------- */
#navi {
  width:768px;
  height:12px;
}

#navi h1{
  float:left;
  width:181px;
  
}

/* メニュー部分　はじまり
---------------------------------------------------- */

#navi #menu{
  float:right;
  width:587px;
}

ul#menulist{
  padding:0;
  list-style: none;
  text-indent: -9999px;
}

ul#menulist li{
  margin:0;
  float:left;
}

/* トップメニュー部分　画像設定　はじまり
---------------------------------------------------- */
ul#menulist li#home {
  left: 0px;
  background: url(common/home_p.gif) no-repeat;
}
ul#menulist li#schedule {
  left: 55px;
  background: url(common/schedule_w.gif) no-repeat;
}
ul#menulist li#biography {
  left: 159px;
  background: url(common/biography_w.gif) no-repeat;
}
ul#menulist li#discography {
  left: 274px;
  background: url(common/discography_w.gif) no-repeat;
}
ul#menulist li#myspace {
  left: 413px;
  background: url(common/myspace_w.gif) no-repeat;
}
ul#menulist li#blog {
  left: 517px;
  background: url(common/blog_w.gif) no-repeat;
}



/* ナビゲーション　マウスオーバーの設定
---------------------------------------------------- */
ul#menulist li#home　a:hover{
  left: 0px;
  background: url(common/home_p.gif) no-repeat;
}
ul#menulist li#schedule a:hover {
  left: 55px;
  background: url(common/schedule_p.gif) no-repeat;
}
ul#menulist li#biography a:hover {
  left: 159px;
  background: url(common/biography_p.gif) no-repeat;
}
ul#menulist li#discography a:hover {
  left: 274px;
  background: url(common/discography_p.gif) no-repeat;
}
ul#menulist li#myspace a:hover {
  left: 413px;
  background: url(common/myspace_p.gif) no-repeat;
}
ul#menulist li#blog a:hover {
  left: 517px;
  background: url(common/blog_p.gif) no-repeat;
}


/* メニュー部分　リンクの設定　はじまり
---------------------------------------------------- */
ul#menulist a{
  overflow:hidden;
  display: block;
  text-decoration: none;
  height: 13px;
}

ul#menulist li#home a {
  width: 55px;
}
ul#menulist li#schedule a {
  width: 104px;
}
ul#menulist li#biography a {
  width: 115px;
}
ul#menulist li#discography a {
  width: 139px;
}
ul#menulist li#myspace a {
  width: 104px;
}
ul#menulist li#blog a {
  width: 70px;
}



/* メニュー部分　終わり
---------------------------------------------------- */


/* ヘッダー　終わり
---------------------------------------------------- */


/* 画像部分
---------------------------------------------------- */

#picture{
  clear:left;
  height:326px;
  margin-top:17px;
  margin-bottom:25px;
}



#main{
  width:768px;
}


/* ニュース部分
---------------------------------------------------- */

#news{
  float:left;
  width:450px;
}

ul#newslist{
  padding:0 0 25px 0;
  line-height: 1.4em;
  list-style: none;
}
 
li.yagirushi{
  padding: 0 0 0 15px;
  background: url(image/yajirushi.gif) no-repeat;
}



/* コンテンツ全体　インフォ右
---------------------------------------------------- */
#extra{
  float:left;
  width:318px;
  text-align:right;
}

#myspace-banner{
  height:40px;
  margin-bottom:20px;
}

#blog-banner{
  height:62px;
  /*margin-bottom:20px;*/
}


/* コンテンツ全体　終わり
---------------------------------------------------- */

#footer{
  clear:left;
  height:50px;
}

.obi-under{
  height:6px;
  margin-bottom:10px;  
  background: url(common/purpule.gif) repeat;

}

#address{
  margin-bottom:10px;
  text-align:center;
  color:#333333;
}