@charset "Shift_JIS";

/*
-----------------------------------------------
汎用スタイル
----------------------------------------------- */

/* 基本設計 */

body {
	font: 80%/150% Arial, Helvetica, sans-serif;
	color:#333;
	background:#000 url(./img/body_bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	}

body#home {
	background:#000 url(./img/body_bg.gif) repeat-x 0px 220px;
	}

#rap {
	background:#fff;
	margin:0 auto;
	width: 760px;
	text-align: left;
	}

#header {
	}

#content {
	width:500px;
	float:left;
	padding:10px 20px;
	height:auto;
	overflow:hidden;
	}

#home #content {
	}

#menu {
	padding:42px 0 20px 0;
	clear: right;
	float: left;
	width: 200px;
}

#footer {
	clear:both;
	font-size:85%;
	color:#ccc;
	background:#000;
	padding:20px;
	overflow:hidden;
	}

#footer a {
	color:#ccc;
}

/* 基本タグ */

#content h1 {
	margin:0 0 1em 0;
	font-size:150%;
	color:#393;
}

h2 {
	clear:both;
	margin:1em 0 0.5em 0;
	font-size:115%;
	padding-bottom:0.25em;
	border-bottom:solid 1px #666;
}

h3 {
	margin:0.5em 0;
	font-size:100%;
}

img {
	border:0;
	}

a {
	color:#333;
}

a:hover {
	color:#393;
}

a img {
	border: none;
}

input, select, textarea { 
background:#eee; 
} 


blockquote {
	clear:both;
}

table {
	border-spacing: 0px;
	border-collapse:collapse;
	margin:0 0 1em 0;
	}

thead td {
background:#eee;
text-align:center;
}

th, td {
vertical-align:top;
padding:0.25em 0.75em;
border:solid 1px #ccc;
}

table caption {
text-align:left;
font-weight:bold;
}


#logo {
	margin:0;
	padding:0;
	text-indent:-10000px;
	width:760px;
	height:80px;
	background:transparent url(./img/logo_bg.gif) no-repeat left top;
	}

/*
	#home #logo {
	background:none;
	height:300px;
	text-indent:inherit;
	}
*/

	#home #logo {
	background:transparent url(./img/logo_bg_home.jpg) no-repeat left top;
	height:300px;
	}

#logo a {
	display:block;
	width:240px;
	height:80px;
	}

#navi {
	width:758px;
	color:#ccc;
	background:#333;
	border-top:solid 2px #393;
	padding-left:2px;
	height:30px;
	}

#navi ul, #navi li {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	}

#navi li {
	float:left;
	font-weight:bold;
	width:108px;
	height:30px;
	float:left;
	text-indent:-10000px;
	}

#navi li a {
	display:block;
	text-decoration:none;
	display:block;
	width:108px;
	height:30px;
	}

#navi li#naviBand a {	background:transparent url(./img/navi.jpg) no-repeat 0px 0px;	}
#navi li#naviBand a:hover,
#band li#naviBand a {	background:transparent url(./img/navi.jpg) no-repeat 0px -30px;	}
#navi li#naviBlog a {	background:transparent url(./img/navi.jpg) no-repeat -108px 0px;	}
#navi li#naviBlog a:hover,
#blog li#naviBlog a {	background:transparent url(./img/navi.jpg) no-repeat -108px -30px;	}
#navi li#naviMusic a {	background:transparent url(./img/navi.jpg) no-repeat -216px 0px;	}
#navi li#naviMusic a:hover,
#music li#naviMusic a {	background:transparent url(./img/navi.jpg) no-repeat -216px -30px;	}
#navi li#naviGigography a {	background:transparent url(./img/navi.jpg) no-repeat -324px 0px;	}
#navi li#naviGigography a:hover,
#gigography li#naviGigography a {	background:transparent url(./img/navi.jpg) no-repeat -324px -30px;	}
#navi li#naviPhotos a {	background:transparent url(./img/navi.jpg) no-repeat -432px 0px;	}
#navi li#naviPhotos a:hover,
#photos li#naviPhotos a {	background:transparent url(./img/navi.jpg) no-repeat -432px -30px;	}
#navi li#naviFans a {	background:transparent url(./img/navi.jpg) no-repeat -540px 0px;	}
#navi li#naviFans a:hover,
#fans li#naviFans a {	background:transparent url(./img/navi.jpg) no-repeat -540px -30px;	}
#navi li#naviBoard a {	background:transparent url(./img/navi.jpg) no-repeat -648px 0px;	}
#navi li#naviBoard a:hover,
#board li#naviBoard a {	background:transparent url(./img/navi.jpg) no-repeat -648px -30px;	}


#pan {
	clear:left;
	margin:0;
	padding:0.5em;
	font-size:90%;
	color:#666;
	}

#pan a {
	color:#666;
	}



#content p {
	margin:0 0 1em 0;
	}

#content ul {
	margin-top:1em;
	margin-left:1.5em;
	margin-bottom:1em;
	}

form {
margin:0 0 0.5em 0;
}


#menu h2 {
	margin-top:2em;
	}

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

#menu li {
list-style:none;
}


/* ホーム専用 */

#home #content ul {
	margin:0 0 1em 0;
	padding:0;
	}

#home #content li {
	list-style:none;
	background:transparent url(./img/list.gif) no-repeat left 5px;
	padding-left:15px;
	}



/* 写真専用 */

#photos #menu ul {
	margin:0;
	padding:0;
	font-size:85%;
}

/* 楽曲専用 */

#music #content h2 span {
	padding-left:1em;
	font-size:75%;
	}

/* リンク集専用 */

#links #content li h3 {
	margin:0;
	}

#links #content li {
	margin-bottom:0.75em;
	}

#links #content li p {
	margin:0;
	}

/* ライブ専用 */

#gigography .block {
	margin-bottom:2em;
	}

#gigography h4 {
	margin-bottom:0.5em;
	padding:0;
	}

#gigography dl {
	margin:0;
	padding:0;
	}

#gigography dt {
	float:left;
	width:60px;
	color:#900;
	font-weight:bold;
	}

#gigography dd {
	margin-left:60px;
	}

#gigography dd.setlist ol {
	margin:0;
	padding:0;
	}

#gigography dd.setlist li {
	display:inline;
	margin-right:1em;
	padding-left:0;
	}

/* プロフィール専用 */

#band ul#memberList {
	margin:0 0 2em 0;
	padding:0;
	}

#band ul#memberList li {
	margin:0 5px;
	padding:0;
	width:90px;
	float:left;
	list-style:none;
	}

#band ul#memberList li img {
	display:block;
	margin-bottom:0.25em;
	}

#band ul#memberList li span {
	display:block;
	text-align:center;
	line-height:100%;
	}

#band ul#memberList li .part {
	color:#c00;
	}

#band dl#history dt {
	width:60px;
	float:left;
	color:#c00;
	}

#band dl#history dd {
	margin-left:60px;
	}

#band p.face {
	width:250px;
	height:250px;
	float:left;
	}

#band #data {
	width:240px;
	float:right;
	}

#band #data dt, #band #data dd {
	line-height:100%;
	}

#band #data dt {
	margin:0;
	padding:0;
	color:#900;
	font-size:85%;
	}

#band #data dd {
	margin:0 0 0.5em 0;
	padding:0;
	}

#band #data p a {
	background:#333;
	color:#ccc;
	text-decoration:none;
	padding:0.5em 2em;
	text-align:center;
	}

#band #data p a:hover {
	background:#900;
	color:#ccc;
	}

#band #equipment {
	clear:both;
	}