@charset "utf-8";

body {
	margin: 0;
	pading: 0;
	font-family : Arial, 'ＭＳ Ｐゴシック', Osaka, "ヒラギノ角ゴ Pro W3", sans-serif ;
	font-size: small;

	scrollbar-arrow-color:#666666;
	scrollbar-face-color:#cccccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
}

img {
	border: 0;
}

a:link {
  color: #FFA800;
  text-decoration: none;
}

a:visited {
  color: #FFA800;
  text-decoration: none;
}

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

hr.white {
	border-color: #FFFFFF;
	border-style: ridge;
}

.base {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	height: 143px;
	width: 955px;
	overflow: hidden;
	position : relative;

	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.header .navi {
	height: 45px;
	bottom: 0;
	right: 0;
	float: left;
}

.header .navi a {
	margin-right: 1px;
}

.clearfix {
	clear: both;
}

ul#globalnavi{
	margin: 0;
	padding: 0;
}

ul#globalnavi li{
    float:left;
    display:block;
}

ul#globalnavi li a {
    display: block;
    overflow: hidden;
    height: 0px;
	padding-top:45px;
}

#navi1 a { background: url(../image/btn01.jpg) 0 0 no-repeat; width: 121px; margin-left: -1px;}
#navi2 a { background: url(../image/btn02.jpg) 0 0 no-repeat; width: 119px; margin-left: -1px;}
#navi3 a { background: url(../image/btn03.jpg) 0 0 no-repeat; width: 119px; margin-left: -1px;}
#navi4 a { background: url(../image/btn04.jpg) 0 0 no-repeat; width: 119px; margin-left: -1px;}
#navi5 a { background: url(../image/btn05.jpg) 0 0 no-repeat; width: 119px; margin-left: -1px;}
#navi6 a { background: url(../image/btn06.jpg) 0 0 no-repeat; width: 119px; margin-left: -1px;}
#navi7 a { background: url(../image/btn07.jpg) 0 0 no-repeat; width: 120px; margin-left: -1px;}
#navi8 a { background: url(../image/btn08.jpg) 0 0 no-repeat; width: 119px; margin-left: -1px;}

#navi1 a:hover  { background: url(../image/btn01.jpg) 0 -45px no-repeat;}
#navi2 a:hover  { background: url(../image/btn02.jpg) 0 -45px no-repeat;}
#navi3 a:hover  { background: url(../image/btn03.jpg) 0 -45px no-repeat;}
#navi4 a:hover  { background: url(../image/btn04.jpg) 0 -45px no-repeat;}
#navi5 a:hover  { background: url(../image/btn05.jpg) 0 -45px no-repeat;}
#navi6 a:hover  { background: url(../image/btn06.jpg) 0 -45px no-repeat;}
#navi7 a:hover  { background: url(../image/btn07.jpg) 0 -45px no-repeat;}
#navi8 a:hover  { background: url(../image/btn08.jpg) 0 -45px no-repeat;}

.content {
	width: 964px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position : relative;
}

.content .artist_img {
	background: url(../image/image-main.jpg) no-repeat;
	width: 964px;
	height: 401px;
	margin-top: 10px;
}

#index-cm {
	margin: 35px 0 0 25px;
	float: left;
}

.content .info {
	width: 678px;
	margin-top: 10px;
	float: left;
    font-size: 12px;
}

.content .info .update {
	background: url(../image/background-update.jpg) no-repeat;
	width: 334px;
	height: 249px;
	position: relative;
	float: left;
}

.content .info .update .detail {
	width: 322px;
	height: 190px;
	margin: 54px 6px 0 6px;
    overflow: auto;
}

.content .info .link {
	background: url(../image/background-link.jpg) no-repeat;
	width: 333px;
	height: 249px;
	position: relative;
	float: left;
	margin-left: 10px;
}

.content .info .link .detail {
	width: 322px;
	height: 190px;
	margin: 54px 6px 0 6px;
    overflow: auto;
}

.content .info .music {
	background: url(../image/background-music.jpg) no-repeat;
	width: 678px;
	height: 125px;
	position: relative;
	float: left;
	margin-top: 20px;
}

.content .info .music .detail {
	width: 666px;
	height: 66px;
	margin: 54px 6px 0 6px;
    overflow: auto;
}


.content .banner {
	margin: 5px 0 0 20px;
	float: left;
}

.content .banner .btn {
	margin: 5px 0 0 0;
	text-align: center;
}

.footer {
	background: url(../image/footer.jpg) no-repeat;
	width: 1000px;
	height: 58px;

	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	overflow: hidden;
	position : relative;
}

.copyright {
	margin-top: 5px;
	text-align: center;
}

.title {
	margin: 5px 0 8px 0;
}