/* スタイルシート-基本要素★★★★★★★★★★★★★★★★★★★★ */

body {
    background-color: #000000;
    color: #000000;
    font-size: 12px;
    padding: 0;
    margin: 0 ;
    font-family: "Verdana", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
    line-height: 1.5;
    letter-spacing: 1.1;
}

a:link     { color: #b80000; text-decoration:underline ; }    /* 未訪のリンク */
a:visited { color: #b80000; text-decoration:underline ; }   /* 訪問済みのリンク */
a:hover  { color: #b80000; text-decoration:none ; } /* カーソルが上に乗っているリンク */
a:active  { color: #b80000; text-decoration:none ; }   /* アクティブ中のリンク */

a img { border: 0; }

blockquote {
    margin:0px 0px 15px 0px;
    padding:10px;
    line-height:150%;
    border-top:solid 1px #ccc;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    border-left:solid 3px #ccc;
}

td { line-height: 1.4; }

ul {
    margin : 0 ;
    padding : 0 ;
    list-style : none ;
}

p {
    margin : 0 0 10px 0 ;
    padding : 0 ;
}

h1 {
    margin : 0 ;
    padding : 0 ;
}

h2 {
    margin : 0 ;
    padding : 0 ;
}

h3 {
    margin : 0 ;
    padding : 0 ;
}

h4 {
    margin : 0 ;
    padding : 0 ;
}

.dot {
    background-image: url(../images/dot.gif) ;
    background-repeat: x-repeat ;
    height: 1px ;
    margin: 10px 0 ;
}

.dot01 {
    background-image: url(../images/dot.gif) ;
    background-repeat: x-repeat ;
    height: 1px ;
    margin: 5px 0 ;
}

.under-clear {
    padding: 0 ;
    margin: 0 ;
    clear:both;
}

.space {
    padding: 0 ;
    margin: 0 ;
}

.rss {
    padding-top: 7px ;
    padding-right: 10px ;
    text-align: right ;
}


/* css hack ------------------------------ */

/* floating box clear */
.clearfix {
    zoom: 1 ;
}
.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear:both;
    visibility: hidden ;
}

/* centered background fix - for Firefox 3 */
body,x:-moz-broken { margin-left:-1px; }



/* レイアウト★★★★★★★★★★★★★★★★★★★★ */
.wrapper {
    background-image: url("../images/bg.gif") ;
    background-repeat: repeat-y ;
    background-position: right top ;
    width:860px;
    margin:0px auto;
    display:block;
}

.wrapper-bg {
    background-image: url("../images/bg01.gif") ;
    background-repeat: repeat-y ;
    background-position: 478px 0px ;
    width:860px;
    margin:0px auto;
    display:block;
}

#header {
    width:850px;
    height: 110px;
    padding: 0 5px;
    overflow: hidden ;
}

#header-left {
    width:256px;
    padding-top: 5px ;
    padding-left: 27px ;
    float: left ;
}

#header-right {
    width:567px;
    padding-top: 20px ;
    float: left ;
}

#senro {
    height: 15px;
    background-image: url(../images/senro.gif) ;
    background-repeat: repeat-x ;
}

#header-nav {
    width: 217px ;
    padding-top: 30px ;
    padding-left: 310px ;
    float: left ;
    overflow: hidden ;
}

#header-nav-left {
    width: 86px ;
    padding-right: 25px ;
    float: left ;
}

#header-nav-left a ,#header-nav-right a {
    display: block ;
}

#header-nav-left img ,#header-nav-right img {
    visibility: hidden ;
}

#header-nav-left a { background: url(../images/homeHover.gif) 0 0 no-repeat ; }
#header-nav-left a:hover { background: url(../images/homeHover.gif) -86px 0 no-repeat ; }

#header-nav-right a { background: url(../images/sitemapHover.gif) 0 5px no-repeat ; }
#header-nav-right a:hover { background: url(../images/sitemapHover.gif) -106px 5px no-repeat ; }

#header-nav-right {
    width: 106px ;
    float: left ;
}

#menu{
    height: 53px ;
    overflow: hidden ;
    padding: 0 ;
    margin: 0 ;
}

#menu ul{
    height: 53px ;
}

#menu li{
    list-style-type:none;
    height: 53px ;
    float:left;
}

#menu-bottom{
    background-image: url(../images/base_17.gif);
    background-position: no-repeat ;
    background-position: center top ;
    width:850px;
    height: 5px ;
    margin: 0 5px ;
    overflow: hidden ;
}

#container {
    width:850px;
    padding: 0 5px;
}

#container01 {
    padding: 5px 10px 10px 10px ;
}

#container-left {
    width: 610px ;
    float: left ;
    padding-right: 10px ;
}

#container-right {
    width: 210px ;
    float: left ;
}

#container-right p {
    padding: 0 ;
    margin: 0 ;
}

.sideAlbum00 {height:66px; position:relative }
.sideAlbum {position:absolute; top:-5px; left:0px }

#right-bottom {
    background-image: url(../images/bg02.gif) ;
    border: 2px solid #000000 ;
    padding: 10px 0 ;
}

#right-bottom01 {
    padding: 10px 0 ;
    text-align: center ;
}

.right-bottom-blog {
    padding: 0 10px ;
    text-align: left ;
}

#footer {
    color: #ffffff ;
    background-color: #666666 ;
    padding: 5px 15px 5px 5px ;
    margin: 0 5px ;
    text-align: right ;
}

#footer a:link     { color: #ffffff; text-decoration:underline ; }    /* 未訪のリンク */
#footer a:visited { color: #ffffff; text-decoration:underline ; }   /* 訪問済みのリンク */
#footer a:hover  { color: #ffffff; text-decoration:none ; } /* カーソルが上に乗っているリンク */
#footer a:active  { color: #ffffff; text-decoration:none ; }   /* アクティブ中のリンク */

#blackline{
    width: 586px ;
    border: 2px solid #000000 ;
    background-color: #ffffff ;
    padding: 10px ;
}

.paginate{
    text-align: center ;
}



/* スペース★★★★★★★★★★★★★★★★★★★★ */

/* margin★★★★★★★★★★★★★★★★★★★★ */

.mb25px {
    margin-bottom: 25px ;
}

.mb20px {
    margin-bottom: 20px ;
}

.mb15px {
    margin-bottom: 15px ;
}

.mb10px {
    margin-bottom: 10px ;
}

.mb5px {
    margin-bottom: 5px ;
}

.mb3px {
    margin-bottom: 3px ;
}

.mb1px {
    margin-bottom: 1px ;
}

.mt4px {
    margin-top: 4px ;
}

.mtb10px {
    margin: 10px 0 ;
}

.mtb20px {
    margin: 20px 0 ;
}

.mtb9px25px {
    margin: 9px 0 25px 0 ;
}

.mtb9px15px {
    margin: 9px 0 15px 0 ;
}

.mtb9px9px {
    margin: 9px 0 9px 0 ;
}

.mlr20px {
    margin: 0 20px ;
}

.mr10px {
    margin-right: 10px ;
}

.mr20px {
    margin-right: 20px ;
}


/* padding★★★★★★★★★★★★★★★★★★★★ */

.pb25px {
    padding-bottom: 25px ;
}

.pb15px {
    padding-bottom: 15px ;
}

.pb10px {
    padding-bottom: 10px ;
}

.pb20px {
    padding-bottom: 20px ;
}

.pb25px {
    padding-bottom: 25px ;
}

.pb5px {
    padding-bottom: 5px ;
}

.pb3px {
    padding-bottom: 3px ;
}

.pt5px {
    padding-top: 5px ;
}

.plr20px {
    padding: 0 20px ;
}


/* フォント★★★★★★★★★★★★★★★★★★★★ */

.font-bold {
    font-weight: bold ;
}

.font-10px {
    font-size: 10px ;
}

.font-white {
    color: #ffffff ;
}

.font-red {
    color: #ff0011 ;
}

.font-deepred {
    color: #d10000 ;
}


/* インデックス★★★★★★★★★★★★★★★★★★★★ */

#top-flash {
    border: 4px solid #000000 ;
    padding: 2px ;
    background-color: #ffffff ;
}

#top-flash01 {
    width: 594px ;
    border: 2px solid #000000 ;
}

#top-rireki-base {
    width: 586px ;
    overflow: hidden ;
}

#top-rireki-base h4 {
    background-image: url(../images/sankaku03.gif) ;
    background-repeat: no-repeat ;
    font-size: 12px ;
    font-weight: normal ;
    padding: 0 0 0 20px ;
}

#top-rireki-base .date {
    color: #666666 ;
    font-size: 10px ;
    font-weight: bold ;
    padding-bottom: 2px ;
}

#top-kokuchi-base {
    background-color: #f5f5f5 ;
    background-image: url(../images/bg02.gif) ;
    padding:10px ;
    border: 2px #000000 solid ;
}

#top-info-base {
    width: 586px ;
    overflow: hidden ;
}

#top-info-base h4 {
    background-image: url(../p01information/images-info/sankaku.gif) ;
    background-repeat: no-repeat ;
    font-size: 12px ;
    font-weight: normal ;
    padding: 0 0 0 20px ;
}

#top-info-base .date {
    color: #666666 ;
    font-size: 10px ;
    font-weight: bold ;
    padding-bottom: 2px ;
}

.top-sitemap-title {
    background-image: url(../images/sankaku02.gif) ;
    background-repeat: no-repeat ;
    font-size: 12px ;
    font-weight: normal ;
    padding: 0 0 0 20px ;
}


/* ディスコグラフィー★★★★★★★★★★★★★★★★★★★★ */

#disco-release {
    width: 586px ;
    overflow: hidden ;
}

#disco-release h2 {
    padding: 0 ;
    margin: 0 ;
}

#disco-release h3 {
    padding: 0 ;
    margin: 0 0 10px 0 ;
}

#disco-release h4 {
    font-size: 16px ;
    font-weight: bold ;
    padding-left: 8px ;
    margin: 0 ;
    border-left: 5px solid #b80000 ;
}

#disco-release p {
    padding: 0 ;
    margin: 0 0 10px 0 ;
}

#disco-release-left {
    width: 160px ;
    padding-right: 20px ;
    overflow: hidden ;
    float: left ;
}

#disco-release-right {
    width: 406px ;
    overflow: hidden ;
    float: left ;
}

.disco-release-line {
    border-bottom: 1px solid #d9d9d9 ;
    margin-bottom: 10px ;
}

#disco-etc {
    width: 586px ;
    overflow: hidden ;
}

#disco-etc h3 {
    padding: 0 ;
    margin: 0 0 10px 0 ;
}

#disco-etc h4 {
    font-size: 12px ;
    font-weight: bold ;
    padding: 0 ;
    margin: 0 ;
}

#disco-etc p {
    padding: 0 ;
    margin: 0 ;
}

#disco-etc00 {
    width: 293px ;
    height: 150px ;
    border-bottom: 1px solid #d9d9d9 ;
    margin-bottom: 10px ;
    overflow: hidden ;
    float: left ;
}

#disco-etc00-left {
    width: 120px ;
    padding-right: 10px ;
    overflow: hidden ;
    float: left ;
}

#disco-etc00-right {
    width: 153px ;
    padding-right; 10px ;
    overflow: hidden ;
    float: left ;
}


/* プロフィール★★★★★★★★★★★★★★★★★★★★ */

#prof-base {
    width: 586px ;
    overflow: hidden ;
}

.prof-base-all {
    width: 586px ;
    border-bottom: 1px solid #d9d9d9 ;
    padding-bottom: 10px ;
    margin-bottom: 10px ;
}

.prof-base-img {
    width: 130px ;
    float: left ;
}

.prof-base-text {
    width: 456px ;
    float: right ;
}

#prof-base ol {
    list-style-type: square; 
    padding-left: 20px ;
    margin: 0 ;
}

#prof-base li {
    color: #000000 ;
    font-weight: normal ;
}

#prof-base h3 {
    padding: 0 ;
    margin: 0 0 10px 0 ;
}

#prof-base h4 {
    font-size: 16px ;
    font-weight: bold ;
    padding-bottom: 5px ;
    color: #000000 ;
}


/* ファンクラブ★★★★★★★★★★★★★★★★★★★★ */

#fanclub-base {
    width: 586px ;
    overflow: hidden ;
}

.fanclub-base00 {
    border-bottom: 1px solid #d9d9d9 ;
    padding-bottom: 10px ;
    margin-bottom: 10px ;
}

#fanclub-tokuten {
    color: #ffffff ;
    background-color: #ffffff ;
    padding: 2px ;
    margin-top: 5px ;
    border: 2px #000000 solid ;
}

#fanclub-tokuten01 {
    background-color: #000000 ;
    padding: 2px ;
}

#fanclub-tokuten02 {
    background-image: url(../images-fanclub/senro-bg.gif) ;
    padding: 10px ;
    border: 1px #ffffff solid ;
}

#fanclub-new {
    margin-top: 5px ;
    padding: 10px ;
    border: 1px #000000 solid ;
}

#fanclub-new ol {
    margin: 0 ;
    padding-left: 20px ;
}


/* リンク★★★★★★★★★★★★★★★★★★★★ */

#links-base {
    width: 586px ;
    overflow: hidden ;
}

.links-title {
}

.links-base-img img {
    height: 40px ;
    padding: 1px ;
    border: 1px #dddddd solid ;
}


/* ブログ★★★★★★★★★★★★★★★★★★★★ */

#blog-base {
    width: 586px ;
    overflow: hidden ;
}

.blog-base-bg {
    background-color: #f5f5f5 ;
    background-image: url(../images/bg02.gif) ;
    padding:10px ;
    border: 2px #000000 solid ;
}

#blog-base h4 {
    background-image: url(../p04blog/images-blog/hanko01.gif) ;
    background-repeat: no-repeat ;
    font-size: 16px ;
    font-weight: bold ;
    margin: 0 0 5px 0 ;
    padding: 5px 0 0 35px ;
}

#blog-base .date {
    color: #666666 ;
    font-size: 10px ;
    font-weight: bold ;
    padding-bottom: 2px ;
}

.blog-senro {
    height: 15px;
    background-image: url(../images-blog/senro.gif) ;
    background-repeat: repeat-x ;
    margin: 10px 0 ;
}

.blog-right-bar {
    padding: 2px 0 ;
    border-bottom: 1px #aaaaaa solid ;
}

.entry-tags {
    background-color: #ffffff ;
    border: 1px #a7a7a7 dashed ;
    padding: 5px ;
}

ul.entry-tags-list {
    list-style:none;
    padding: 0px;
}

li.entry-tag { display: inline; }

#blog-trackback{
}

#blog-trackbackurl {
    padding-bottom: 10px ;
    border-bottom: 1px solid #d9d9d9 ;
}

#blog-trackback h5{
    padding: 0 0 10px 0 ;
    margin: 0 ;
}

.blog-posted{
    color:#8c8c8c;
    font-size:10px;
    text-align:right;
}

#blog-np{
    text-align:center;
}

.blog-img{
}

.blog-img img{
    width:180px;
    background-color: #ffffff ;
    border: #000000 solid 2px ;
}


.blog-right-entry{
    padding-bottom: 5px ;
}

.blog-right-entry li{
    padding-left: 12px ;
    background-image: url(http://www.superbellz.com/p04blog/images-blog/entry_icon.gif) ;
    background-repeat: no-repeat ;
}

.blog-right-entry-all{
    text-align: center ;
}


/* インフォメーション★★★★★★★★★★★★★★★★★★★★ */

#info-base {
    width: 586px ;
    overflow: hidden ;
}

#info-base h4 {
    background-image: url(../p01information/images-info/hanko.gif) ;
    background-repeat: no-repeat ;
    font-size: 16px ;
    font-weight: bold ;
    padding: 5px 0 0 35px ;
}

#info-base .date {
    color: #666666 ;
    font-size: 10px ;
    font-weight: bold ;
    padding-bottom: 3px ;
}

.info-body {
    border-bottom: 1px solid #000000 ;
    padding-bottom: 10px ;
}

.info-2007031901 {
    width: 120px ;
    float: left ;
}

.info-2007031902 {
    width: 456px ;
    float: left ;
    padding-left: 10px ;
}


/* BAR★★★★★★★★★★★★★★★★★★★★ */
#top-bar-rireki {
    background-image: url(../images/bar-rireki.gif) ;
    background-repeat: no-repeat ;
    height: 29px ;
}

#top-bar-info {
    background-image: url(../p01information/images-info/bar-info.gif) ;
    background-repeat: no-repeat ;
    height: 29px ;
}

#top-bar-blog {
    background-image: url(../p04blog/images-blog/bar-blog.gif) ;
    background-repeat: no-repeat ;
    height: 29px ;
}


/* GNAV★★★★★★★★★★★★★★★★★★★★ */

#gnav {
}

#gnav ul {
    width: 860px ;
    height: 53px ;
    overflow: hidden ;
}

#gnav ul li {
    float: left ;
}

#gnav ul li img {
    visibility: hidden ;
}

#gnav ul li.lr img {
    visibility: visible ;
}

#gnav ul li.info a, #gnav ul li.disco a, #gnav ul li.prof a, #gnav ul li.blog a, #gnav ul li.podcast a,
#gnav ul li.goods a, #gnav ul li.fc a, #gnav ul li.links a {
    display: block ;
}

#gnav ul li.info a { background: url(../images/gnavHover.gif) 0 0 no-repeat ; }
#gnav ul li.info a:hover { background: url(../images/gnavHover.gif) -850px 0 no-repeat ; }

#gnav ul li.disco a { background: url(../images/gnavHover.gif) -120px 0 no-repeat ; }
#gnav ul li.disco a:hover { background: url(../images/gnavHover.gif) -970px 0 no-repeat ; }

#gnav ul li.prof a { background: url(../images/gnavHover.gif) -222px 0 no-repeat ; }
#gnav ul li.prof a:hover { background: url(../images/gnavHover.gif) -1072px 0 no-repeat ; }

#gnav ul li.blog a { background: url(../images/gnavHover.gif) -323px 0 no-repeat ; }
#gnav ul li.blog a:hover { background: url(../images/gnavHover.gif) -1173px 0 no-repeat ; }

#gnav ul li.podcast a { background: url(../images/gnavHover.gif) -424px 0 no-repeat ; }
#gnav ul li.podcast a:hover { background: url(../images/gnavHover.gif) -1274px 0 no-repeat ; }

#gnav ul li.goods a { background: url(../images/gnavHover.gif) -525px 0 no-repeat ; }
#gnav ul li.goods a:hover { background: url(../images/gnavHover.gif) -1375px 0 no-repeat ; }

#gnav ul li.fc a { background: url(../images/gnavHover.gif) -626px 0 no-repeat ; }
#gnav ul li.fc a:hover { background: url(../images/gnavHover.gif) -1476px 0 no-repeat ; }

#gnav ul li.links a { background: url(../images/gnavHover.gif) -727px 0 no-repeat ; }
#gnav ul li.links a:hover { background: url(../images/gnavHover.gif) -1577px 0 no-repeat ; }

.sideAlbum, .sideDvd, .sideSingle {
    width: 210px ;
    overflow: hidden ;
}

.sideAlbum img, .sideDvd img, .sideSingle img {
    visibility: hidden ;
}

.sideAlbum a { background: url(../images/disco-album.gif) ; display: block ; }
.sideAlbum a:hover { background: url(../images/sideAlbumHover.gif) ; }

.sideSingle a { background: url(../images/disco-single.gif) ; display: block ; }
.sideSingle a:hover { background: url(../images/sideSingleHover.gif) ; }

.sideDvd a { background: url(../images/disco-dvd.gif) ; display: block ; }
.sideDvd a:hover { background: url(../images/sideDVDHover.gif) ; }

