/* CSS Document */

body {
    background:url(../images/bg.jpg) repeat-x #00001F;
    color:#ffffff;
	font-size: 12px;
    line-height:1.5;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}

a {
    color:#ffffff;
	text-decoration:underline;
}

a:hover {
    color:#ffcc00;
	text-decoration:none;
}


h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, hr {
    border:0 none;
    font-style:normal;
    font-weight:normal;
    margin:0;
    padding:0;
}

img {
    border:0;
}

li {
    list-style-position:inside;
}


.clear_b {
    clear:both;
    margin:0;
    padding:0;
}



/* clearfix */

.clearfix:after {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
    display:inline-block;
}

/* Hide from IE-mac \*/
*html.clearfix {
    height:1%;
}
.clearfix {
    display:block;
}
/* End hide from IE-mac */


/* IE png */
*html img, div, a, input { behavior: url(/js/iepngfix.htc) }


.mb5 {
    margin-bottom:5px;
}

.mb10 {
    margin-bottom:10px;
}

.mb15 {
    margin-bottom:15px;
}

.mb20 {
    margin-bottom:20px;
}

.mb30 {
    margin-bottom:30px;
}

.mb40 {
    margin-bottom:40px;
}

.mb50 {
    margin-bottom:50px;
}


hr.partation {
    border-color:#585875;
    border-style:dotted;
    border-width:1px 0 0;
    clear:both;
    height:1px;
}





#head {
    width:950px;
    margin:0 auto;
    padding:0;
    height:90px;
}

#head p.logo {
    float:left;
    display:inline;
    padding-left:10px;
}

#head .navi{ 
    margin:30px 0 0 0;
    height:60px;
    float:right;
    display:inline;
    overflow:auto;
    width:602px;
}

#head .navi ul {
    list-style:none;
    clear:both;
}

#head .navi ul li {
    float:left;
    display:inline;
}


        
#head .navi a{
	display:block;
	text-indent:-9999px;
	width:90px;
	height:48px;
	margin-right:7px;
    *margin-right:5px;/* for IE6 */
	float:left;
	background-image:url(../images/h_navi_sprite.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}
        
#navi_home{background-position:0 0;}
#navi_home:hover,#navi_home.hover{background-position:0 -48px;}
	
#navi_news{background-position:-90px 0;}
#navi_news:hover,#navi_news.hover{background-position:-90px -48px;}
	
#navi_artists{background-position:-180px 0;}
#navi_artists:hover,#navi_artists.hover{background-position:-180px -48px;}
	
#navi_shop{background-position:-270px 0;}
#navi_shop:hover,#navi_shop.hover{background-position:-270px -48px;}
	
#navi_aboutus{background-position:-360px 0;}
#navi_aboutus:hover,#navi_aboutus.hover{background-position:-360px -48px;}
	
#navi_contact{background-position:-450px 0;}
#navi_contact:hover,#navi_contact.hover{background-position:-450px -48px;}




.totop {
    width:950px;
    margin:40px auto 20px;
    text-align:right;
    clear:both;
}




#foot {
    width:100%;
    margin:0;
    padding:0;
    background:url(../images/f_bg.jpg) repeat-x center top;
}

#foot div.contents {
    width:950px;
    margin:0 auto;
    padding:20px 0 30px;
    height:100px;
    color:#999999;
}

#foot div.contents a:link {
    color:#ffffff;
	text-decoration:none;
}

#foot div.contents a:visited {
    color:#ffffff;
	text-decoration:none;
}

#foot div.contents a:hover {
    color:#ffffff;
	text-decoration:underline;
}

#foot div.links ul {
    list-style:none;
}

#foot div.links ul li.left {
    float:left;
    display:inline;
    margin-left:0;
}

#foot div.links ul li {
    float:left;
    display:inline;
}

#foot div.links {
    float:left;
    display:inline;
}

#foot div.links span.partation {
    margin:0 7px;
    color:#666666;
}

#foot div.copyright {
    float:right;
    display:inline;
}