<!--
/**************** BODY *****************

BODY 

***************************************/

body {
    background-color: #FFFFFF;
	font-family: "Century Gothic",'ヒラギノ角ゴ Pro W3',Verdana;
	font-size: 10px;
	color: #777777;
	line-height:18px;
	margin: 0px;
	padding: 0px;
}

html,body {
    scrollbar-base-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-arrow-color: #CCCCCC;
    scrollbar-highlight-color: #CCCCCC;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-shadow-color: #CCCCCC;
    scrollbar-darkshadow-color: #FFFFFF;
	overflow-x: hidden;
}

form{
    display: inline;
}

/************** INDEX ******************

INDEX

****************************************/

#index{
	width: 900px;
	margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
}

#index_banner{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#index_enter{
	background-image: url(../img/enter.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 27px;
	font-size: 13px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-top: 8px;
}


/************** HEADER *****************

HEADER CONTENTS

****************************************/

#header{
	background-image: url(../img/header.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 3px solid #222222;
	text-align:center;
}

#header div{
	width: 1000px;
	margin: 0 auto;
}

#banner{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-left: 40px;
}


/*************** BODY ******************

BODY CONTENTS

****************************************/

/**** CONTENTS ****/

#wrapper{
	width: 940px;
	margin: 0 auto;
}

#main_contents{
	width: 610px;
	padding: 15px 0px 15px 0px;
	float: left;
}

#side_contents{
	width: 300px;
	padding: 15px 0px 15px 0px;
	float: left;
}

.clear{
	clear: both;
}


/*************** MAIN ******************

MAIN CONTENTS

****************************************/


/**** TITLE ****/
.bar_main{
	background-image: url(../img/bar_main.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 585px;
	height: 35px;
	margin-bottom: 10px;
	padding-left: 15px;
}


/**** FRAME ****/
.frame_header{
	background-image: url(../img/frame_header.jpg);
	background-repeat: no-repeat;
	width: 545px;
	height: 33px;
	color: #999999;
	/* margin-left: 22px; */
	padding-top: 7px;
	padding-left: 15px;
}

.frame_top{
	background-image: url(../img/frame_top.jpg);
	background-repeat: no-repeat;
	width: 560px;
	height: 25px;
	/* margin-left: 25px; */
	margin-left: 3px;
}

.frame_contents{
	background-image: url(../img/frame_contents.jpg);
	background-repeat: repeat-y;
	width: 530px;
	/* margin-left: 25px; */
	margin-left: 3px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
}

.frame_box{
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}

.frame_line{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #CCCCCC;
}

.frame_footer{
	background-image: url(../img/frame_footer.jpg);
	background-repeat: no-repeat;
	width: 560px;
	height: 25px;
	/* margin-left: 25px; */
	margin-left: 3px;
	margin-bottom: 20px;
}

.frame_text{
	font-family: Verdana;
	font-size: 10px;
}

.table_frame{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.table_left{	/* 130px */
	background-color: #444444;
	width: 118px;
	color: #FFFFFF;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.table_right{	/* 360px */
	font-family: Verdana;
	font-size: 10px;
	width: 358px;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}


/*************** SIDE ******************

SIDE CONTENTS

****************************************/

/* TITLE */
.bar_side{
	background-image: url(../img/bar_side.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 285px;
	height: 35px;
	margin-bottom: 5px;
	padding-left: 15px;
}


/* FRAME */
.frame_side{
	margin-left: 15px;
	margin-bottom: 20px;
}

/* SIDE FRAME */
.side_frame{
	width: 260px;
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #EEEEEE;
}


.side_frame li{
	background-color: #EEEEEE;
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border: 1px solid #EEEEEE;
	list-style-type: none;
}


/* SELECT DISCO */
.side_disco{
	width: 270px;
	margin-bottom: 15px;
	padding-top: 5px;
	border: 1px solid #EEEEEE;
}

.side_disco_left{
	width: 90px;
	text-align: center;
	padding: 5px;
	float: left;
}

.side_disco_right{
	width: 160px;
	padding: 5px;
	float: left;
}

.side_disco_box{
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px dashed #DDDDDD;
}

.side_disco_title{
	background-color: #CCCCCC;
	width: 40px;
	margin: 0px;
	padding-left: 3px;
	float: left;
}

.side_disco_contents{
	width: 110px;
	margin: 0px;
	padding-left: 3px;
	float: left;
}

.side_disco_line{
	background-color: #DDDDDD;
	width: 100%;
	height: 1px;
	color: #DDDDDD;
	margin: 0px;
	padding: 0px;
	border-top: 1px;
	border-top-width: 100%;
	border-top-color: #DDDDDD;
	border-top-style: dashed;
	border-collapse: collapse;
	clear: left;
}


/* PLAYER */
.player_header{
	background-image: url(../img/player_header.gif);
	background-repeat: no-repeat;
	width: 270px;
	height: 11px;
	margin: 0px;
	padding: 0px;
}

.player_contents{
	width: 258px;
	text-align: center;
	margin: 0px;
	padding: 5px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.player_title{
	background-image: url(../img/player_title.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #FFFFFF;
	text-align: center;
	width: 258px;
	height: 20px;
	margin-bottom: 13px;
	padding-top: 2px;
}

.player_box{
	width: 238px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

.player_footer{
	background-image: url(../img/player_footer.gif);
	background-repeat: no-repeat;
	width: 270px;
	height: 11px;
	margin: 0px;
	padding: 0px;
}


/* BANNER */
.side_banner{
	margin-left: 15px;
	margin-bottom: 35px;
}

/************** FOOTER *****************

FOOTER CONTENTS

****************************************/

#footer{
	background-image: url(../img/footer.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 30px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	border-top: 3px solid #222222;
	clear: left;
}



/********** IMAGE CONTENTS *************

IMAGE CONTENTS

****************************************/

.image_header{
	background-image: url(../img/image_header.jpg);
	background-repeat: no-repeat;
	width: 510px;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.image_left{
	width: 40%;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 10px;
	float: left;
}

.image_right{
	width: 60%;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
	float: left;
}

.image_footer{
	background-color: #000000;
	width: 510px;
	font-family: Verdana;
	color: #555555;
	font-size: 10px;
	text-align: right;
	margin-bottom: 15px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	border-top: 1px solid #222222;
}



/************ INFORMATION **************

INFORMATION CONTENTS

****************************************/

.info_title{
	font-family: Verdana;
	font-size: 12px;
	color: #444444;
}

.topic_left{
	background-repeat:no-repeat;
	width: 75px;
	margin: 0px;
	padding-left: 15px;
	border-right: 1px dashed #CCCCCC;
	float: left;
}

.topic_right{
	width: 415px;
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;
	padding-left: 20px;
	float: left;
}


.event_title{
	color: #555555;
	font-size: 12px;
	margin-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-bottom: 3px solid #DDDDDD;
}

.event_line{
	background-color: #CCCCCC;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: none;
}

.event_left{
	background-color: #CCCCCC;
	width: 85px;
	margin: 0px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	float: left;
}

.event_right{
	background-color: #FFFFFF;
	width: 427px;
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	float: left;
}

.event_bottom{
	background-color: #CCCCCC;
	margin-bottom: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #FFFFFF;
}

.event_right_artist{
	background-color: #FFFFFF;
	width: 457px;
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	float: left;
}

/************** RELEASE *****************

RELEASE CONTENTS

****************************************/

.release_left{
	background-repeat:no-repeat;
	width: 80px;
	margin: 0px;
	padding-left: 15px;
	float: left;
}

.release_right{
	width: 410px;
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;
	padding-left: 20px;
	float: left;
}

.disco_left{
	background-repeat:no-repeat;
	width: 150px;
	margin: 0px;
	padding-left: 15px;
	float: left;
}

.disco_right{
	width: 340px;
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;
	padding-left: 20px;
	float: left;
}

.disco_banner{
	padding-top: 8px;
	padding-bottom: 8px;
}

.disco_banner img{
	margin-left: 8px;
	margin-bottom: 8px;
}


/************** ARTIST *****************

ARTIST CONTENTS

****************************************/

.artist_left{
	background-repeat:no-repeat;
	width: 250px;
	margin: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
	float: left;
}

.artist_right{
	width: 240px;
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;
	padding-left: 20px;
	float: left;
}


/********* ATRIST PAGE ************/

.artist_header{
	background-image: url(../img/artist_header.jpg);
	background-repeat: no-repeat;
	width: 575px;
	height: 33px;
	color: #999999;
	/* margin-left: 22px; */
	padding-top: 7px;
	padding-left: 15px;
}


.artist_contents{
	background-image: url(../img/artist_contents.jpg);
	background-repeat: repeat-y;
	width: 560px;
	/* margin-left: 25px; */
	margin-left: 3px;
	padding-left: 10px;
	padding-right: 20px;
}

.artist_footer{
	background-image: url(../img/artist_footer.jpg);
	background-repeat: no-repeat;
	width: 590px;
	height: 25px;
	/* margin-left: 25px; */
	margin-left: 3px;
	margin-bottom: 20px;
}


.artist_photo{
	width: 520px;
	text-align: center;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #CCCCCC;
}

.artist_title{
	font-family: "Century Gothic",Verdana;
	color: #444444;
	font-size: 12px;
	font-weight: bold;
}

.artist_frame{
	width: 520px;
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}



/************* SUPPORTED ****************

SUPPORTED CONTENTS

****************************************/

.banner_box{
	width: 240px;
	margin-left: 10px;
	margin-right: 13px;
	margin-bottom: 15px;
	float: left;
}

.banner_header{
	background-image: url(../img/banner_header.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.banner_left{
	width: 50%;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 10px;
	float: left;
}

.banner_right{
	width: 50%;
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
	float: left;
}

.banner_box img{
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}

.banner_line{
	padding-bottom: 20px;
	border-bottom: 1px dashed #CCCCCC;
}

.banner_html{
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}

.banner_html a{
	margin-right: 30px;
}

.media_banner{
	text-align: center;
}

.media_banner a{
	margin-left: 10px;
	margin-right: 10px;
}



/*************** LINK ******************

LINK CONTENTS

****************************************/

.link_title{
	color: #333333;
	font-size: 11px;
	margin-bottom: 5px;
	border-bottom: 3px solid #555555;
}

.frame_link{
	width: 120px;
	height: 700px;
	font-family: Verdana;
	font-size: 10px;
	line-height: 22px;
	margin-right: 6px;
	padding-right: 5px;
	border-right: 1px dashed #DDDDDD;
	float: left;
}

.frame_link_end{
	width: 120px;
	font-family: Verdana;
	font-size: 10px;
	line-height: 22px;
	margin-right: 8px;
	padding-right: 5px;
	float: left;
}




/*************** MAIL ******************

MAIL CONTENTS

****************************************/

.mail_box{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}




/*************** PARTS ******************

PARTS CLASS

****************************************/

ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul li{
	list-style-type: none;
}

.clear_left{
	height: 0px;
	margin: 0px;
	padding: 0px;
	clear: left;
}

.clear_right{
	margin: 0px;
	padding: 0px;
	clear: right;
}

.hr_solid{
	height: 0px;
	border: none;
	border-top: 1px solid #DDDDDD;
}

.hr_dashed{
	height: 0px;
	border: none;
	border-top: 1px dashed #DDDDDD;
}

.hr_clear{
	height: 0px;
	border: none;
	margin-bottom: 15px;
	border-top: 1px solid #DDDDDD;
	clear: left;
}

.img_alpha{
	filter:alpha(opacity=30);
}

.img_border{
	border: 1px solid #333333;
}

.submit{
	background-color: #FFFFFF;
	color: #777777;
	font-size: 10px;
	padding-top: 1px;
	border: 3px double;
	border-color: #BBBBBB;
}

/*************** FONTS ******************

FONTS CLASS

****************************************/

.style_verdana{
	font-family: Verdana;
	font-size: 10px;
}

.style_title{
	font-size: 12px;
}




/**************** LINK ******************

LINK CLASS

****************************************/

/* TOTAL LINK*/
a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #999966;
	text-decoration: none;
}

a:active {
	color: #333333;
	text-decoration: none;
}


/* TITLE LINK */
.title_link a:link {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.title_link a:visited {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.title_link a:hover {
	color: #006666;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.title_link a:active {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}



/* BANNER RIGHT */
.image_right a:link {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.image_right a:visited {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.image_right a:hover {
	color: #990000;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.image_right a:active {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}



/* BANNER LINK */
a:link .img_alpha{
	filter:alpha(opacity=30);
}


a:hover .img_alpha{
	filter:alpha(opacity=90);
}


-->