@charset "UTF-8";

*{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Helvetica,"ＭＳ Ｐゴシック",osaka;
	color: #EDEDED;
	line-height: 170%;
	}

h1, h2, h3, p{
	font-size: 12px;
	margin: 0;
	padding: 0;
	}

a:link{
		color: #CCCCCC;
		text-decoration: underline;
		}
		
a:visited{
		color: #CCCCCC;
		text-decoration: underline;
		}

a:hover{
		color: #000000;
		background: #CCCCCC;
		text-decoration: none;
		}

a:active{
		color: #000000;
		background: #CCCCCC;
		text-decoration: none;
		}

img{
	border: none;
	}
	
/*フォントの設定*/
.txt01{
		font-size: 13px;
		}

body{
	text-align: center;
	background: #000000 url("../img/main_bg_1.gif") top left repeat;	
	}

#main_container{
		border: 0px solid #CCCCCC;
		width: 850px;
		height: 750px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -200px;
		margin-left: -425px;
		}

#container{
		width: 700px;
		height: auto;
		border: 0px solid #CCCCCC;
		background: url("../img/bg_container.gif") top left repeat-y;
		text-align: left;
		margin-right: 0;
		float: right;
		}	

#wrapper_left{
		width: 150px;
		float: left;
		position: relative;/*右上画像の基点*/
		}
/*画面右の画像*/
#bg_right{
		width: 80px;
		height: 600px;
		border: 0px solid #FFFFFF;
		background: url("../img/bg_main_right.png");
		position: absolute;
		top: -50px;
		left: 850px;
		}
#bg_top{
		width: 240px;
		height: 50px;
		border: 0px solid #FFFFFF;
		background: url("../img/bg_main_top.png");
		position: absolute;
		top: -50px;
		left: 610px;		
		}		
/*ナビ*/
#navi{
		width: 150px;
		height: 180px;
		border: 0px solid #FFFFFF;
		background: #000000;
		margin-left: 0;
		margin: 0;
		padding: 0;
		float: left;
		}

#navi ul{
		margin: 0;
		padding: 0;
		width: 150px;
		height: 180px;
		}

#navi li{
		width: 150px;
		height: 30px;
		text-indent: -9999px;
		list-style-type: none;
		}

#navi li a{
		display: block;
		width: 150px;
		height: 30px;
		overflow: hidden;
		}
#navi li.home a{
		background: url("../img/navi.jpg") 0 0;
		}
#navi li.live a{
		background: url("../img/navi.jpg") 0 -30px;
		}		
#navi li.music a{
		background: url("../img/navi.jpg") 0 -60px;
		}
#navi li.blog a{
		background: url("../img/navi.jpg") 0 -90px;
		}
#navi li.link a{
		background: url("../img/navi.jpg") 0 -120px;
		}
#navi li.contact a{
		background: url("../img/navi.jpg") 0 -150px;
		}
#navi li.home a:hover{
		background: url("../img/navi.jpg") -150px 0;
		}
#navi li.live a:hover{
		background: url("../img/navi.jpg") -150px -30px;
		}		
#navi li.music a:hover{
		background: url("../img/navi.jpg") -150px -60px;
		}
#navi li.blog a:hover{
		background: url("../img/navi.jpg") -150px -90px;
		}
#navi li.link a:hover{
		background: url("../img/navi.jpg") -150px -120px;
		}
#navi li.contact a:hover{
		background: url("../img/navi.jpg") -150px -150px;
		}
#navi li.home_on a{
		background: url("../img/navi.jpg") -150px 0;
		}
#navi li.live_on a{
		background: url("../img/navi.jpg") -150px -30px;
		}		
#navi li.music_on a{
		background: url("../img/navi.jpg") -150px -60px;
		}
#navi li.blog_on a{
		background: url("../img/navi.jpg") -150px -90px;
		}
#navi li.link_on a{
		background: url("../img/navi.jpg") -150px -120px;
		}
#navi li.contact_on a{
		background: url("../img/navi.jpg") -150px -150px;
		}
		
/*ナビの下画像*/
#bg_left{
		width: 150px;
		height: 400px;
		background: url("../img/bg_left_1.png") no-repeat; 
		border: 0px solid #FFFFFF;
		float: left;
		}


/*ヘッダー*/
#header{
		width: 700px;
		height: 50px;
		border: 0px solid #CCCCCC;
		background: url("../img/header.gif") no-repeat;
		margin-bottom: 10px;
		position: relative; /*ロゴの基点*/
		}
#logo{
		width: 170px;
		height: 135px;
		background: url("../img/band_logo.png") 0 0 no-repeat;
		border: 0px solid #FFFFFF;
		position: absolute;
		top: -75px;
		left: 0;
		text-indent: -9999px;
		}		
		
/*HOMEページ*/
#home_box{
		width: 670px; /*幅680pxに設定*/
		border: 0px solid #7C7C7C;
		padding: 5px;
		margin: 0 auto;
		}

#home_box_left{
		width: 420px; /*幅420pxに設定*/
		border: 0px solid #FFFFFF;
		float: left;
		}

#home_box_right{
		width: 240px; /*幅240pxに設定*/
		height: 400px;
		border: 0px solid #FFFFFF;
		float: right;
		}
#next_live{
		width: 300px;
		height: 30px;
		background: url("../img/title_nextlive.gif") top left no-repeat;
		text-indent: -9999px;
		margin-bottom: 10px;
		border: 0px solid #FFFFFF;
		}
#info{
		width: 300px;
		height: 30px;
		background: url("../img/title_info.gif") top left no-repeat;
		margin-top: 40px;
		margin-bottom: 10px;
		text-indent: -9999px;
		border: 0px solid #FFFFFF;
		}
#my_space{
		width: 240px;
		height: 30px;
		background: url("../img/title_myspace.gif") top left no-repeat;
		text-indent: -9999px;
		margin-bottom: 10px;
		border: 0px solid #FFFFFF;	
		}
#home_box_left p{
		width: 400px;
		margin: 5px auto;
		padding-bottom: 5px;
		border-bottom: 0px solid #B11414;
		}
#home_box ul{
		width: 400px;
		height: auto;
		margin: 5px auto;
		padding: 0;
		}
#home_box li{
		list-style-type: none;
		}

#myspace_box{
		width: 240px;
		margin: 5px auto;
		border: 0px solid #FFFFFF;
		}
.myspace a{
		display: block;
		width: 150px;
		height: 39px;
		background: url("../img/myspace.gif") 0 0 no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		margin-bottom: 10px;
		}
.myspace a:hover{
		background: url("../img/myspace.gif") 0 -39px  no-repeat;
		}
.line{
		background: url("../img/line.gif") top left no-repeat;
		width: 400px;
		height: 3px;
		}
#home_box_right #infoCDBox{
		width: 240px;
		height: 220px;
		}
		#home_box_right #infoCDBox a{
			display: block;
			width: 185px;
			height: 220px;			
			overflow: hidden;
			text-indent: -9999px;
			background: url("../img/black_jak_top.jpg") 0 0 no-repeat;
			}
		#home_box_right #infoCDBox a:hover{
			background: url("../img/black_jak_top.jpg") 0 -220px no-repeat;
			}


.floar_clear{
		height: 5px;
		width: 670px;
		clear: both;
		border: 0px solid #FFFFFF;
		}



/*LIVEページ*/
#live_box{
		width: 670px; /*幅680pxに設定*/
		height: auto;
		border: 0px solid #7C7C7C;
		padding: 5px;
		margin: 0 auto;
		}

#live_box_left{
		width: 420px; /*幅420pxに設定*/
		border: 0px solid #FFFFFF;
		float: left;
		}

#live_box_right{
		width: 240px; /*幅240pxに設定*/
		height: 600px;
		border: 0px solid #FFFFFF;
		float: right;
		margin-right: 0;
		}
#live_info{
		width: 300px;
		height: 30px;
		background: url("../img/title_liveschedule.gif") top left no-repeat;
		text-indent: -9999px;
		margin-bottom: 10px;
		border: 0px solid #FFFFFF;
		}
#live_box_left p{
		width: 400px;
		margin: 5px auto;
		padding-bottom: 5px;
		border-bottom: 0px solid #B11414;
		}

/*MUSICページ*/
#music_box{
		width: 670px; /*幅680pxに設定*/
		height: auto;
		border: 0px solid #FFFFFF;
		padding: 5px;
		margin: 0 auto;
		}		
/*CDインフォメーション*/
#music_box_top{
		width: 660px;
		height: auto;
		border: 0px solid #FFFFFF;
		margin: 0 auto;
		padding-bottom: 10px;
		}
		#music_box_top #infoCdLeft{
			width: 320px;
			float: left;
			margin-left: 0;
			padding-bottom: 3px;
			border-bottom: 1px solid #B11414;
			margin: 0;
			}
		#music_box_top #infoCdRight{
			width: 320px;
			float: right;
			margin-left: 0;
			border: 0px solid #FFFFFF;
			}		
		#music_box_top #infoCdLeft table,
		#music_box_top #infoCdRight table{
			width: 320px;
			border-collapse: collapse;
			border-spacing: 0;
			text-align: left;
			}
		#music_box_top #infoCdLeft table .cdInfo,
		#music_box_top #infoCdRight table .cdInfo{
			text-align: center;
			vertical-align: middle;
			height: 220px;
			}		
		#music_box_top #infoCdLeft table .cdInfoText,
		#music_box_top #infoCdRight table .cdInfoText{
			padding-left: 10px;
			}
		#music_box_top #infoCdLeft table .cdInfoPrice,
		#music_box_top #infoCdRight table .cdInfoPrice{
			text-align: right;
			padding-right: 10px;
			}
#music_cd{
		width: 300px;
		height: 30px;
		background: url("../img/title_cd.gif") top left no-repeat;
		text-indent: -9999px;
		margin-left: -5px;
		margin-bottom: 10px;
		border: 0px solid #FFFFFF;
		}
#music{
		width: 300px;
		height: 30px;
		background: url("../img/title_music.gif") top left no-repeat;
		text-indent: -9999px;
		border: 0px solid #FFFFFF;
		}
#music_text{
		width: 400px;
		height: 200px;
		padding: 10px;
		text-align: left;
		border: 0px solid #FFFFFF;
		}		

#music_box_bottom{
		width: 660px;
		height: auto;
		border: 0px solid #FFFFFF;
		padding-bottom: 20px;
		margin: 10px auto;
		}

#gallery{
		width: 300px;
		height: 30px;
		background: url("../img/title_gallery.gif") top left no-repeat;
		text-indent: -9999px;
		border: 0px solid #FFFFFF;
		}

#music_box_bottom table{
		margin-left: 0px;
		margin-top: 10px;
		border-collapse: collapse;
		border-spacing: 0;
		text-align: center;
		width: 660px;
		/*height: 240px;*/
		}
		#music_box_bottom table a:link,
		#music_box_bottom table a:visited,
		#music_box_bottom table a:hover,
		#music_box_bottom table a:active{
							background: #000000;				
							text-decoration: underline;
							}
		
#music_box_bottom table td{
		height: 80px;
		width: 200px;
		}
#music_box_bottom p{
		position: relative;/*画像外枠の基点*/
		}

#music_box_bottom span{
		width: 170px;
		height: 60px;
		display: block;
		background: url("../img/photo_bg_wh.png") top left no-repeat;
		position: absolute;
		top: -2px;
		left: 25px;
		}
	
#music_box_bottom table a{
		display: block;
		width: 100%;
		overflow: hidden;		
		}					
/*LINKページ*/
#link_box{
		width: 670px; /*幅680pxに設定*/
		height: auto;
		border: 0px solid #7C7C7C;
		padding: 5px;
		margin: 0 auto;
		}

#link_box_left{
		width: 330px; /*幅300pxに設定*/
		height: auto;
		border: 0px solid #FFFFFF;
		float: left;
		}

.link_box_right{
		width: 330px; /*幅300pxに設定*/
		height: auto;
		border: 0px solid #FFFFFF;
		float: right;
		}
		
#link_box_left p,
.link_box_right p{
		width: 320px;
		margin: 15px auto;
		line-height: 180%;
		border-bottom: 1px dotted #565555;
		}

#link_box_left span,
.link_box_right span{
		color: #3F3F8A;		
		}

#band{
		width: 300px;
		height: 30px;
		background: url("../img/title_band.gif") top left no-repeat;
		text-indent: -9999px;
		margin-bottom: 10px;
		border: 0px solid #FFFFFF;
		}

#livehouse{
		width: 300px;
		height: 30px;
		background: url("../img/title_livehouse.gif") top left no-repeat;
		text-indent: -9999px;
		margin-bottom: 10px;
		border: 0px solid #FFFFFF;
		}

#others{
		width: 300px;
		height: 30px;
		background: url("../img/title_others.gif") top left no-repeat;
		text-indent: -9999px;
		margin-bottom: 10px;
		border: 0px solid #FFFFFF;
		}
		
/*コンタクト*/
#contact_box{
		width: 670px; /*幅680pxに設定*/
		height: 400px;
		border: 0px solid #7C7C7C;
		padding: 5px;
		margin: 0 auto;
		}
#contact{
		width: 300px;
		height: 30px;
		background: url("../img/title_contact.gif") top left no-repeat;
		margin-bottom: 10px;
		text-indent: -9999px;
		}		
#contact_box table{
		border-collapse: separate;
		border-spacing: 3px;
		width: 400px;
		height: 260px;
		}		
#contact_box p{
		margin: 10px auto;
		width: 660px;
		height: auto;
		}
#contact_box .key{
		background: #E7E6E7;
		text-align: center;
		color: #000000;
		height: 15px;
		width: 70px;
		}
#contact_box .value{
		background: #000000;
		color: #000000;
		height: 15px;
		width: 330px;
		}
#contact_box textarea{
		width: 330px; 
		height: 200px;
		}
#contact_box input, 
#contact_box textarea{
		color: #000000;
		border: 1px solid #FFFFFF;
		}
input:hover,
textarea:hover	{
			background: #FBCCCC;
			}
/*コンタクト内容の確認*/
#check_box{
		width: 640px; /*幅680pxに設定*/
		height: 400px;
		border: 0px solid #7C7C7C;
		padding: 20px;
		margin: 0 auto;
		}
#check_box input{
		color: #000000;
		border: 1px solid #FFFFFF;
		}
#check_box li{
		list-style-type: none;
		padding-top: 10px;
		padding-bottom: 10px;
		}


.red{
		color: #B11414;
	}

/*コピーライト*/

 #copyright{
			width: 690px;
			height: auto;
			padding-right: 10px;
			font-size: 10px;
			text-align: right;
			border: 0px solid #FFFFFF;
			clear: both;
			}

/*フッターの設定*/
#footer{
	width: 700px;
	height: 50px;
	margin: 0 auto;
	float: right;
	background: url("../img/bg_footer.png");
	border: 0px solid #FFFFFF;
	}

/*回り込み解除*/	
.clear{
		clear: both;
		}