body,ul,ol,li,em,p,h1,h2,strong,dl,dt,dd,img,hr {
margin: 0px;
padding: 0px;
}

body{
background-color: #000000;
background-position: 50% 0;
text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Verdana", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
color:#ffffff;
font-size:12px;
line-height:1.8em;
}

#wrapper {
margin: 0px;
padding: 0px;
text-align:center;
width: 850px;
margin:auto;
}


a{
color: #ffffff;
}
a:hover {
color:#cccccc;
}


img{
border:none;
display:block;
vertical-align:baseline;
}

li{
list-style: none;
}

#header{
width:850px;
height:70px;
float:none;
clear:both;
display: block;
}

#header h1{
float:left;
}


#mainArea{
width:650px;
float:left;
text-align:left;
}

#footer{
padding:20px 0 0 0;
width:850px;
float:none;
clear:both;
display: block;
font-size:11px;

}
/*---------------------------
メニュー
---------------------------*/

#menu ul{
width:200px;
float:left;
}

#menu li{
margin:5px 0;
display: block;
float:left;
clear:both;
}


#works{
background-image: url(../img/m_works_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}
#works a{
background-image: url(../img/m_works_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}

#works a:hover{
background-image: url(../img/m_works_on.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}

#fashion{
background-image: url(../img/m_fashion_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}
#fashion a{
background-image: url(../img/m_fashion_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}

#fashion a:hover{
background-image: url(../img/m_fashion_on.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}

#gothic{
background-image: url(../img/m_gothic_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}
#gothic a{
background-image: url(../img/m_gothic_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}

#gothic a:hover{
background-image: url(../img/m_gothic_on.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}


#band{
background-image: url(../img/m_band_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}
#band a{
background-image: url(../img/m_band_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}

#band a:hover{
background-image: url(../img/m_band_on.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}

#live{
background-image: url(../img/m_live_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}
#live a{
background-image: url(../img/m_live_off.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}

#live a:hover{
background-image: url(../img/m_live_on.gif);
display: block;
text-indent: -99999px;
height: 70px;
width: 200px;
}

#link{
background-image: url(../img/m_link_off.gif);
display: block;
text-indent: -99999px;
height: 60px;
width: 200px;
}
#link a{
background-image: url(../img/m_link_off.gif);
display: block;
text-indent: -99999px;
height: 60px;
width: 200px;
}

#link a:hover{
background-image: url(../img/m_link_on.gif);
display: block;
text-indent: -99999px;
height: 60px;
width: 200px;
}

#contact{
background-image: url(../img/m_contact_off.gif);
display: block;
text-indent: -99999px;
height: 60px;
width: 200px;
}
#contact a{
background-image: url(../img/m_contact_off.gif);
display: block;
text-indent: -99999px;
height: 60px;
width: 200px;
}

#contact a:hover{
background-image: url(../img/m_contact_on.gif);
display: block;
text-indent: -99999px;
height: 60px;
width: 200px;
}

/*---------------------------
index.html
---------------------------*/
div#indexAllArea{
width:353px;
margin:auto;
}
#specimen{
padding:50px 0;
}

/*---------------------------
main.html
---------------------------*/
div#sound{
float:right;
padding:5px 0 0 50px;
}

div#main dl{
width:350px;
float:left;
}

div#main dt{
padding:0 0 10px 0;
}

div#main dd{
padding:0 0 10px 0;
}

div#topPhoto{
float:right;
}

/*---------------------------
画像枠
---------------------------*/
div.imageblock {
border: 1px solid #473f0a;
padding: 3px;
width: 80px;
float:left;
margin:0 5px 5px 0;
}

div.bandArea{
float:none;
clear:both;
}

div.linkAreaBand{
float:none;
clear:both;
width:220px;
margin:0 0 20px 0;
}

div.linkAreaArtist{
float:none;
clear:both;
width:220px;
margin:0 0 20px 0;
padding:5px 0 0 0;
}


div.linkImageblock {
border: 1px solid #473f0a;
padding: 3px;
float:left;
margin:5px 5px 15px 0;
}
