html,body {
margin: 0px auto;
background-color: #000000;
text-align: center;
color: #cccccc;
font-family: Verdana,Arial,Helvetica,Osaka,sans-serif;
font-size: 90%;
overflow: hidden;
height: 100%;
}

img {
border: 0;
margin: 0px auto;
}

.bg_style {
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
width:100%;
}

.wrap {
position: relative;
z-index: 1;
width:100%;

overflow-y: auto;
height:100%;
}



.head {
margin: 0px auto;
width: 100%;
text-align: left;
}


.logo-top {
display: block;
margin: 0px auto;
margin-left: 0px;
background-image: url(img/head-logo.png);
background-repeat: no-repeat;
width: 398px;
height: 113px;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
}

.logo-top a:hover {
display: block;
margin: 0px auto;
margin-left: 0px;
background-image: url(img/head-logo.png);
background-repeat: no-repeat;
width: 398px;
height: 113px;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
}

#contentswrap{
margin: 0px auto;
width:100%;
text-align:left;
overflow: auto;
}


.contents {
margin: 0px auto;
text-align: center;
width: 830px;
overflow: auto;
float:left;
text-align:left;


}

.contents-body {
margin: 0px auto;

overflow: auto;
text-align: left;
width: 750px;
clear:both;
}

.topimage {
behavior: expression(IEPNGFIX.fix(this));
}

.top-box {
margin: 0px auto;
background-image: url(img/titlebar.jpg);
background-repeat: no-repeat;
background-position: center 3px;
background-color: #000000;
width: 706px;
/*behavior: expression(IEPNGFIX.fix(this));*/
text-align: center;
clear: both;

padding-top: 70px;
}

.top-box_body {
margin: 0px auto;
width: 700px;
background-color: #000000;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 3px solid #000000;
}

.whatsnew_body {
margin: 0px auto;
width: 700px;
background-color: #000000;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 3px solid #000000;
background-image: url(img/whatsnew-bg.jpg);
background-repeat: no-repeat;
background-position: center 3px;
}

.top-box_body p {
margin: 0px auto;
width: 680px;
color: #cccccc;
line-height: 150%;
text-align: left;
}

/*
#side-menu {
margin: 0px auto;
top: 0px;
left: 0px;
width: 140px;
height: 556px;
text-align: center;
margin: 0px auto;
margin-left: 20px;
float: left;
background-image: url(img/side-menu-bg.png);
background-repeat: no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}
*/


#side-menu {
margin: 0px auto;

width: 160px;
text-align: left;
margin: 0px auto;
float: left;
margin-left: 10px;
}

#side-menu p{
margin: 0px auto;

}

.side-menusub{
margin: 0px auto;
width: 140px;
background-image: url(img/side-menusubbg.png);
background-repeat: repeat-y;
behavior: expression(IEPNGFIX.fix(this));
padding-top:4px;
padding-bottom:4px;
font-weight:bold;
}

.side-menusub a{
margin-left:35px;
color:#cccccc;
text-decoration:none;
behavior: expression(IEPNGFIX.fix(this));
}

.side-menusub a:hover{

color:#ff0000;
text-decoration:none;
}

.side-menu10 {
margin: 0px auto;
margin-left: 10px;
padding-left: 0px;
list-style-type: none;
width: 140px;
text-align: left;

}

.side-menu10 li {
margin: 0px auto;
padding-left: 0px;
}

a#side01 {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu1_off.png);
background-repeat: no-repeat;
background-position: left top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 60px;
}

a#side01:hover {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu1_on.png);
background-repeat: no-repeat;
background-position: left top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 60px;
}

a#side02 {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu2_off.png);
background-repeat: no-repeat;
background-position: left top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 57px;

}

a#side02:hover {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu2_on.png);
background-repeat: no-repeat;
background-position: right top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 57px;
}

a#side03 {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu3_off.png);
background-repeat: no-repeat;
background-position: left top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 60px;

}

a#side03:hover {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu3_on.png);
background-repeat: no-repeat;
background-position: left top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 60px;
}

a#side04 {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu4_off.png);
background-repeat: no-repeat;
background-position: left top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 57px;

}

a#side04:hover {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu4_on.png);
background-repeat: no-repeat;
background-position: right top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 57px;
}

a#side05 {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu5_off.png);
background-repeat: no-repeat;
background-position: left top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 57px;

}

a#side05:hover {
display: block;
margin: 0px auto;
background-image: url(img/sidemenu5_on.png);
background-repeat: no-repeat;
background-position: right top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 57px;
}


#side-btm {
margin: 0px auto;
background-image: url(img/side-btm.png);
background-repeat: no-repeat;
background-position: left top;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -3000px;
width: 140px;
height: 262px;

}

.footer {
clear: both;
margin: 0px auto;
width: 800px;
text-align: center;
border-bottom: 4px solid #c1c1c1;
font-size: 80%;
padding-top: 2px;
padding-bottom: 5px;
}



.copy {
clear: both;
text-align: center;
margin: 0px auto;

width: 1000px;
padding-top: 20px;
padding-bottom: 40px;
float:left;
}

.topimgbox{
margin: 0px auto;
width: 800px;
text-align:center;
}

.subtitle{
margin: 0px auto;
width: 750px;
background-image:url(img/titlebar.jpg);
padding-top:16px;
padding-bottom:16px;
text-indent:30px;
font-weight:bold;
font-size:110%;
}

.conbox{
margin: 0px auto;
width: 750px;
text-align:center;
background-color:#000000;
padding-top:25px;
padding-bottom:18px;
overflow:auto;
}

.conboxin{
margin: 0px auto;
width: 680px;
text-align:left;
overflow:auto;
padding-bottom:30px;
}

.conboxin a{
color:#cccccc;
}

.conboxinlr{
margin: 0px auto;
clear:both;
width: 670px;
padding-top:12px;
}

.conboxinleft{
margin: 0px auto;
width: 160px;
text-align:right;
float:left;

padding-bottom:8px;
padding-right:10px;

}

.conboxinright{
margin: 0px auto;
width: 480px;
text-align:left;
float:left;
border-left:solid #cccccc 1px;
padding-bottom:8px;
padding-left:10px;

}

.conboxinleft2{
margin: 0px auto;
width: 200px;
text-align:right;
float:left;

padding-right:10px;

}

.conboxinright2{
margin: 0px auto;
width: 320px;
text-align:left;
float:left;
border-left:solid #666666 1px;

padding-left:10px;
height:43px;
}

.conboxinright3{
margin: 0px auto;
width: 80px;
text-align:left;
float:left;
padding-top:20px;

padding-left:20px;

}

.underline{
margin: 0px auto;
width:600px;
clear:both;
border-top:dotted #666666 1px;
margin-left:30px;
margin-top:5px;
}

.kochira{
margin: 0px auto;
clear:both;
width:450px;
padding-top:50px;
margin-left:50px;
}


/* アーティストページ */

.conbox2{
margin: 0px auto;
width: 750px;
text-align:center;
background-color:#FFBB33;
padding-top:25px;
padding-bottom:18px;
overflow:auto;
}

.conbox3{
margin: 0px auto;
width: 750px;
text-align:center;
background-color:#ffffff;
padding-top:25px;
padding-bottom:18px;
overflow:auto;
}

.artists-index {
margin: 0px auto;
text-align: center;
}

.artists-index a {
color: #000000;
text-decoration: none;
}

.artists-index a:hover {
color: #ff0000;
text-decoration: none;
}

.artist-contnet {
margin: 0px auto;
width: 160px;
float: left;
margin-left: 15px;
margin-top: 10px;
color: #000000;
text-align: center;
height: 170px;
}


.artist-name {
margin: 0px auto;
font-size: 13px;
text-align: center;
}

.artist-work {
margin: 0px auto;
font-size: 13px;
text-align: center;
}

.artist-work p {
margin: 0px auto;
font-size: 13px;
text-align: center;
}

.artist-image {
margin: 0px auto;
float: left;
width: 240px;
margin-left: 0px;
text-align: center;
}

.artist {
margin: 0px auto;
width: 430px;
float: right;
margin-right: 0px;
text-align: center;
}

.artist-title {
clear: both;
margin: 0px auto;
text-align: left;
width: 410px;
}

.artist-part {
margin: 0px auto;
clear: both;
font-size: 11px;
color: #ffffff;
width: 90%;
padding-top: 8px;
padding-bottom: 10px;
}

.artist-part p {
margin: 0px auto;
margin-top: 7px
font-size: 11px;
color: #ffffff;
line-height: 150%;
text-align: left;
float: left;
padding-right: 13px;
margin-right: 10px;
background-image: url(img/artist-part_ten2.gif);
background-repeat: no-repeat;
background-position: right 4px;
}

.artist-profile {
margin: 0px auto;
clear: both;
font-size: 11px;
color: #ffffff;
width: 90%;
padding-top: 8px;
height: 188px;
overflow: visible;
}

.artist-profile p {
margin: 0px auto;
margin-top: 7px
font-size: 11px;
color: #ffffff;
line-height: 150%;
text-align: left;
}


.artist-bnr01 {
margin: 0px auto;
float: left;
width: 234px;
}

.artist-bnr02 {
margin: 0px auto;
float: right;
width: 185px;
}


.discography {
display: block;
margin: 0px auto;
background-image: url(img/b-discography.jpg);
background-repeat: no-repeat;
background-position: center 0px;
text-indent: -3000px;
width: 185px;
height: 60px;
}

.discography:hover {
display: block;
margin: 0px auto;
background-image: url(img/b-discography.jpg);
background-repeat: no-repeat;
background-position: center bottom;
text-indent: -3000px;
width: 185px;
height: 60px;
}

/* ディスコグラフィーページ */


.dsc-index {
clear: both;
margin: 0px auto;
text-align: center;
}

.dsc-index a {
color: #000000;
text-decoration: none;
}

.dsc-index a:hover {
color: #ff0000;
text-decoration: none;
}


.dsc {
margin: 0px auto;
width: 330px;
float: left;
margin-left: 20px;
margin-top: 15px;
color: #000000;
text-align: center;
height: 170px;
border-right: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
}

.dsc-kind {
margin: 0px auto;
clear: both;
text-align: left;
width: 100%;
font-size: 11px;
}

.dsc-title {
clear: both;
margin: 0px auto;
text-align: left;
width: 100%;
padding-top: 1px;
}

.dsc-l {
margin: 0px auto;
width: 110px;
float: left;
margin-left: 0px;
color: #000000;
text-align: center;
}

.dsc-r {
margin: 0px auto;
width: 210px;
float: right;
margin-right: 0px;
color: #000000;
text-align: left;
}


.dsc-r p {
clear: both;
margin: 0px auto;
text-align: left;
width: 97%;
margin-top: 5px;
font-size: 11px;
}

.tag-search {
margin: 0px auto;
text-align: left;
width: 96%;
color: #000000;
}


.tag-search a {
display: block;
margin: 0px auto;
float: left;
background-image: url(img/dsc-navi_a.gif);
background-repeat: no-repeat;
background-position: left 0px;
width: 115px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
margin-right: 5px;
color: #000000;
text-decoration: none;
}

.tag-search a:hover {
display: block;
margin: 0px auto;
background-image: url(img/dsc-navi_hover.gif);
background-repeat: no-repeat;
background-position: left 0px;
width: 115px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
margin-right: 5px;
color: #000000;
text-decoration: none;
}

/* 選択されたリンクのスタイル */
#selected a,
#selected a:hover{
display: block;
margin: 0px auto;
background-image: url(img/dsc-navi_hover.gif);
background-repeat: no-repeat;
background-position: left 0px;
width: 115px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
margin-right: 5px;
color: #AF2E2E;
text-decoration: none;
}

.music-sample {
margin: 0px auto;
width: 95%;
font-size: 12px;
border-collapse: collapse;
margin-top: 8px;
}

.sample-td01 {
text-align: left;
width: 65%;
padding-top: 3px;
}

.sample-td02 {
text-align: right;
width: 20%;
padding-top: 5px;
}

.sample-td03 {
text-align: left;
width: 15%;
padding-top: 3px;
}




/* TOPページニュース部分 */

.top-news-content {
clear: both;
margin: 0px auto;
width: 650px;
text-align: center;
padding-top: 5px;
padding-bottom: 2px;
}

.top-news-content a {
text-decoration: underline;
color: #cccccc;
}

.top-news-content a:hover {
text-decoration: underline;
color: #ffbb33;
}

.top-news-date {
margin: 0px auto;
float: left;
text-align: right;
width: 100px;
}

.top-news-body  {
margin: 0px auto;
float: right;
text-align: left;
width: 520px;
line-height: 150%;
}


/* ニュースページ */

.news-content {
clear: both;
margin: 0px auto;
width: 650px;
text-align: center;
border-bottom: 1px solid #cccccc;
padding-top: 8px;
padding-bottom: 8px;
overflow: auto;
}

.news-date {
margin: 0px auto;
float: left;
text-align: right;
width: 100px;
padding-top: 10px;
}

.news-body  {
margin: 0px auto;
float: right;
text-align: left;
width: 520px;
line-height: 150%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
border-left: 1px dotted #cccccc;
}

.news-body p  {
margin: 0px auto;
clear: both;
text-align: left;
line-height: 150%;
}

.news-body a {
text-decoration: underline;
color: #cccccc;
}

.news-body a:hover {
text-decoration: underline;
color: #ffbb33;
}

.news-prenext {
clear: both;
margin: 0px auto;
text-align: center;
font-size: 11px;
padding-top: 5px;
}

.news-prenext a {
text-decoration: none;
color: #cccccc;
}

.news-prenext a:hover {
text-decoration: underline;
color: #ffbb33;
}

.topics{
margin:0px auto;
width:700px;
margin-top:20px;
color:#ffffff;
line-height:140%;
clear:both;
}

.topicsleft{
margin:0px auto;
width:300px;
float:left;
}

.topicsright{
margin:0px auto;
width:385px;
float:right;
padding-left:15px;
line-height:140%;
}

.topics2{
margin:0px auto;
width:650px;
margin-top:20px;
color:#ffffff;
line-height:140%;
font-weight : bold;
clear:both;
}

.topics3{
margin:0px auto;
width:650px;
margin-top:20px;
color:#ffffff;
line-height:140%;
font-size : 21px;
font-weight : bold;
clear:both;
}


/*
#################################################################
#################################################################
　　　ブログページ
#################################################################
#################################################################
*/


.blog {
margin: 0px auto;
width: 720px;
text-align: left;
overflow: auto;
padding-bottom:30px;
}

.blog a {
color: #ffffff;
text-decoration: none;
}

.blog a:hover {
color: #FFDE00;
text-decoration: underline;
}

.blog-side {
margin: 0px auto;
float: left;
text-align: center;
width: 150px;
padding-top: 10px;
}

.blog-main {
margin: 0px auto;
float: right;
width: 570px;
text-align: left;
padding-top: 10px;
}


.blog-content {
clear: both;
margin: 0px auto;
width: 550px;
text-align: center;
background-color: #1C1C1C;
border-bottom: 1px solid #cccccc;
padding-bottom: 8px;
overflow: auto;
margin-top: 20px;
}

.blog-title {
margin: 0px auto;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 1.5em;
background-image: url(img/blog-title.jpg);
background-repeat: repeat-x;
border-left: 1px solid #838383;
}

.blog-body {
margin: 0px auto;
width: 500px;
text-align: center;
}

.blog-body p {
margin: 0px auto;
text-align: left;
line-height: 150%;
margin-top: 8px;
}


.blog-date {
margin: 0px auto;
text-align: right;
width: 540px;
font-size: 12px;
padding-top: 1px;
}

#calendar table {
font-size: 12px;
}

#calendar table a {
display: block;
width: 100%;
background-color: #cccccc;
color: #000000;
text-decoration: none;
}

#calendar table a:hover {
display: block;
width: 100%;
background-color: #ffffff;
color: #ff0000;
text-decoration: none;
}

.commebox {
margin: 0px auto;
width: 100%;
}

h5 {
margin: 0px auto;
padding-top: 20px;
border-bottom: 1px dotted #ffffff;
padding-bottom: 2px;
}

.blog-side ul {
margin: 0px auto;
width: 90%;
text-align: left;
padding-top: 5px;
margin-left: 0;
padding-left: 1.5em;
}

.blog-side ul li {
margin: 0px auto;
padding-top: 5px;
text-align: left;
}


.comments {
margin: 0px auto;
font-size: 13px;
width: 80%;
padding-top: 15px;
}

.comments p {
margin: 0px auto;
padding-top: 3px;
}

.comments h2 {
margin: 0px auto;
font-size: 14px;
}

.comments h3 {
margin: 0px auto;
font-size: 14px;
}

.comments-open-moderated {
margin: 5px auto;
}






.top-hot {
margin:0px auto;
width:650px;
margin-top:20px;
clear:both;
}

.hot {
margin: 0px auto;
float: left;
width: 170px;
margin-left: 10px;
color:#ffffff;
line-height:140%;
font-weight : normal;
}

.hot p {
margin: 0px auto;
}