/*<group=Universal>*/

*{
margin:0; padding:0;
font-size: 8pt;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
line-height: 1.6em;
}

img{
	border:  0;
}

input, textarea, select{
	padding: 3px;	
}

/* background-color: #0b110b; */

body {
	background-color: #0b110b;
	background-image: url(/image/bg.gif);
	background-repeat: repeat-y;
	padding-left: 50px;

}

table{
	border-collapse: collapse;
}

.clearBoth{
	clear:Both;
}

img.left{
	background:url(image/bg_ph.gif);
	display: block;
	padding: 8px;
	background-color: #efefef;
	float: left;
	margin: 0 8px 8px 0;
	border: 1px solid #ddd;
}

div.note{
	margin: 15px 0;
	border: 1px solid #ddd;
	background: url(image/bg_ph.gif);
	padding: 10px;
	background-color: #efefef;
	text-align: center;
	color: teal;
	font-weight: bold;
}

#board div.note{
	margin-top: 0;
	width: 480px;
}

h2{
	font-size: 12pt;
	color:teal;
	margin-bottom: 15px;
}


p.ex{
	font-size: 90%;
	color: #666;
	margin: 0.5em 0;
}

li{
	list-style: none;
}



div.subMenu{
	float: right;
	width: 200px;
	margin: 13px 0 15px 15px;
	background: url(image/sm_top.gif) no-repeat;
}

div.subMenu ul{
	background: url(image/sm_bottom.gif) bottom no-repeat;
	padding: 7px;
}

div.subMenu ul li{
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

div.subMenu ul li.bottom{
	border-bottom: 0;
}

div.subMenu ul li select.filter{
	width: 100%;
	padding: 3px;
}

div.subMenu ul li div.search{
	text-align: center;
}

div.subMenu ul li input{
	margin-top: 5px;
	width: 160px;
}

div.subMenu dt{
	text-align: center;
	margin-bottom: 10px;
}

div#main{
	padding:  15px 0;
}








/*</group>*/

/*<group=Header>*/
ul#menu {
	background: url(/image/bg_header.gif) no-repeat;
	height: 70px;
	vertical-align: middle;
	padding-left: 400px;
	width: 400px;
}

ul#menu li{
	float: left;
	list-style: none;
	font-size: 1pt;
	line-height: 0;
}

ul#menu li a{
	display: block;
	height: 70px;
	text-indent: -9999px;
	
}

ul#menu li#m_home a{width: 30px;}
ul#menu li#m_about a{width: 45px;}
ul#menu li#m_gigs a{width: 40px;}
ul#menu li#m_media a{width: 45px;}
ul#menu li#m_merch a{width: 50px;}
ul#menu li#m_board a{width: 45px;}
ul#menu li#m_link a{width: 38px;}
ul#menu li#m_contact a{width: 60px;}
	
/*</group>*/

/*<group=Footer>*/

div#footer {
	display: block;
	margin-top: 0;
	clear: both;
	background: url(/image/bg_footer.gif);
	width: 750px;
	height: 70px;
	text-indent: -9999px;
	font-size: 1pt;
}
	
/*</group>*/

/*<group=mainImg>*/

div#wrapper{
	clear:both;
	width:750px;
	background-color: #fff;
}


/*</group>*/

/*<group=#Home>*/


div#wewantyou{
	text-indent: -9999px;
	background: url(/image/vocal.png) no-repeat 0 0;
	display: block;
	position: absolute;
	left: 60px;
	top: 188px;
	width: 272px;
	height: 168px;
	behavior: url(/iepngfix.htc);
}

div.bassWeNeed{
	text-indent: -9999px;
	background: url(/image/bassBosyu.png) no-repeat 0 0;
	display: block;
	position: absolute;
	left: 32px;
	top: 158px;
	width: 206px;
	height: 216px;
	behavior: url(/iepngfix.htc);
}

div#topics {
	float: left;
	width: 550px;
	padding-top: 315px;
	padding-bottom: 10px;
}

div#topics div{
	padding: 0 15px 10px 15px;
}

div#topics h2{
	background: url(/image/h2_topics.gif) no-repeat 5px 50%;
	color: teal;
	padding: 5px 0 5px 30px;
	font-size: 10pt;
	margin: 0 0 10px 0;
	border-top: 4px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	line-height: 1.6em;
}

div#topics p{
	margin: 0;
	padding: 0;
}

div#topics p.note{
	border-top: 1px solid #ddd;
	padding-top: 5px;
	margin: 10px 0;
	color: #999;
}

div#vertBar {
	float: right;
	width: 200px;
	background: url(/image/bg_dotted.gif) no-repeat bottom;
	padding-bottom:  80px;
}

div#vertBar h2{
	padding: 0;
	margin: 0;
}

div#vertBar div{
	background: #141714;
	color: #eee;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
}

div#vertBar div h3{
	background: url(/image/ar_orange.gif) no-repeat 10px 65%;
	color: #f30;
	padding: 5px 10px 0 22px;
	font-size: 12pt;
}

div#vertBar div p{
	margin: 0;
	padding: 0 10px;
}

div#vertBar div#info{
	text-align: center;
}

div#vertBar div#info img.info{
	margin: 10px 0 0 0;
}

div#vertBar div#zine{
	background-color: transparent;
	padding: 0;
}

div#vertBar div#zine form{
	background: url(/image/h2_zine.png) bottom no-repeat;
}

div#vertBar div#zine h2{
	background: url(/image/h2_zine.png) top no-repeat;
	height: 80px;
	text-indent: -9999px;
}

div#vertBar div#zine p.intro{
	display: none;
}

div#vertBar div#zine p.note{
	margin: 10px 10px 0;
	border: 1px solid #ddd;
	background: url(image/bg_ph.gif);
	padding: 3px;
	background-color: #efefef;
	text-align: center;
	color: teal;
	font-weight: bold;
}

div#vertBar div#zine input.text{
	width: 170px;
	margin: 10px 10px 0;
}

div#vertBar div#zine input.regist{
	margin: 10px 0 10px 10px;
}

div#vertBar div#zine input.delete{
	margin: 10px 0 10px 0;
}


div#vertBar div#recent h3{
	font-size: 8pt;
	line-height: 1.2em;	
}

div#vertBar #info a{
	display: block;
	height: 40px;
	width: 180px;
	background: url(/image/snsBaners.gif) no-repeat 0 0;
	text-indent: -8888px;
	margin: 10px;
}

div#vertBar #info a:hover{
	background-position: -180px 0;
}


div#vertBar #info a.myspace{
	background-position: 0 -40px;
	margin-bottom: 0px;
}

div#vertBar #info a.myspace:hover{
	background-position: -180px -40px;
}


div#vertBar div#recent p.writer{
	line-height: 1.2em;
	font-weight: bold;
	color:#fff;
	margin: 5px 0;
}

div#vertBar div#recent p.writer span{
	font-weight: normal;
	color: #666;
}

div#vertBar div#recent p.comment{
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
	color: #ccc;
}

div#home div#counter{
	background: none;
	text-align: center;
	margin-bottom: 10px;
}
	
/*</group>*/

/*<group=#About>*/

div#about{
	padding: 302px 15px 0 15px;
	position: relative;
}

div#about img#mainPhoto{
	position: absolute;
	top: 0;
	left: 0;
}

div#about div#main h2{
	height: 45px;
	text-indent: -9999px;
	margin: 10px 0;
}

div#about div#main h2#currentLineup{
	background: url(/image/h2_currentLineup.gif) no-repeat left 50%;
}

div#about div#main h2#guestPlayers{
	background: url(/image/h2_guestPlayers.gif) no-repeat left 50%;
}


div#about div#main table.photoSingle{
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	width: 505px;
}

div#about div#main table.photoSingle td{
	padding: 5px;
	width: 25%;
	text-align: center;
	border-right: 1px dotted #ccc;
	background: #efefef;
}

div#about div#main table.photoSingle td.right{
	border-right: 0;
}

div#about div#main table.photoSingle dt{
	color: teal;
	font-weight: bold;
}

div#about div#main table.photoSingle dd{
	color: #000;
}

div#about div#main table.photoSingle dd.birth{
	color: #666;
}

div#about div#main table.photoSingle img{
	width: 100px;
	background:url(image/bg_ph.gif);
	padding: 6px;
	background-color: #efefef;
	border: 1px solid #ddd;
}

div#about table{
	margin: 0;
	border-top: 4px solid #ccc;
	width: 500px;
}

div#about table th{
	background: #efefef;
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

div#about table td{
	vertical-align: top;
	padding: 8px 0 8px 8px;
	border-bottom: 1px solid #ccc;
}

div#about table.disco th img{
	background:url(/image/bg_ph.gif);
	padding: 8px;
	background-color: #efefef;
	border: 1px solid #ddd;
}

div#about table.disco td h3{
	font-size: 10pt;
	color: teal;
}

div#about table.disco td span{
	display: block;
	color: #999;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 8px 0;
}

div#about table.disco td p.songs{
	margin: 10px 0;
}
	
/*</group>*/

/*<group=#Gigs>*/

div#gigs{
	padding: 302px 15px 0 15px;
}

div#gigs h2{
	background: url(/image/h2_pastLive.gif) no-repeat left top;
	padding: 0 0 0 120px;
	height: 35px;
	margin: 0;
	font-size: 9pt;
	color:#666;
}

div.subMenu ul dl{
	text-align: center;
	margin-top: 5px;
}

div.subMenu ul dt{
	margin: 0; padding: 0;
}


div#gigs table{
	margin: 0 0 15px 0;
	border-top: 4px solid #ccc;
	width: 500px;
}

div#gigs table th{
	background: #efefef;
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

div#gigs table td{
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

div#gigs table td.ticket a{
	display: block;
	padding-top: 45px;
	width: 60px;
	background: url(/image/ticket.png) no-repeat 50% 0;
	text-align: center;
}

div#gigs table td.ticket a:hover{
	background: url(/image/ticket.png) no-repeat 50% -100px;
}

div#gigs #ticket{
	width: 482px;
	border: 1px solid #696;
	background: #aca;
	padding: 8px;
	margin-bottom: 15px;
}

div#gigs #ticket div{
	background: #fefefe;
	border: 1px solid #696;
	color: #000;
	padding: 10px;
	margin: 10px 0;
}

div#gigs #ticket div span{
	display: block;
	color: #f30;
	font-size: 12pt;
	font-weight: bold;
}

div#gigs p.note{
	width: 482px;
	border: 1px solid #696;
	background: #aca;
	padding: 8px;
	margin-bottom: 15px;
}



div#gigs #ticket table{
	margin: 0; padding: 0;
	width: 100%;
	border: 1px solid #666;
	background: #fff;
	padding: 8px;
	margin-bottom: 10px;
}

div#gigs #ticket table th,
div#gigs #ticket table td{
	border: 1px solid #999;
}


/*</group>*/

/*<group=#Board>*/

div#board{
	padding: 302px 15px 0 15px;
}

div#board table{
	margin-bottom: 15px;
	border-top: 4px solid #ccc;
	width: 500px;
}

div#board table th{
	background: #efefef;
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

div#board table td{
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

div#board table td.btn{
	padding: 10px;
	background: #efefef;
	text-align: center;
}

div#board div.comment{
	padding-bottom: 15px;
}

div#board div.comment h3{
	color: teal;
}

div#board div.comment div{
	padding: 5px;
	border-top: 4px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	margin-bottom: 10px;
}

div#board div.comment p.normal,
div#board div.comment p.detagari{
	padding-left: 0;
}

div#board div.comment p.detagari{
	font-size: 120%;
}

div#board div.comment p.url{
	border:  1px solid #ccc;
	background: #efefdd;
	margin-top: 10px;
	padding: 8px;
}

div#board div#controller{
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}

div#board dl.qanda dt{
	border-left: 4px solid #ccc;
	padding-left: 8px;
	font-weight: bold;
	margin-bottom: 5px;
}

div#board dl.qanda dd{
	margin-bottom: 10px;
}

div#board div.kaoSample{
	margin: 15px 0;
	padding: 10px;
	border: 1px solid #999;
}

div#board img.kao{
	width: 32px;
	height:  32px;
	border: 1px solid #333;
	float: left;
	margin-right: 8px;
}

div#board div#kaoListBox{
	padding: 18px;
	background: #efefef;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}


div#board div.kaoList{
	float: left;
	width: 32px;
}

div#board div.kaoList p{
	text-align: center;
}

div#board div.kaoList img{
	border: 1px solid #333;	
	width: 32px;
	height: 32px;
}


/*</group>*/

/*<group=#Contact>*/

div#contact{
	padding: 302px 15px 0 15px;
}

div#contact table{
	margin: 15px 0;
	border-top: 4px solid #ccc;
	width: 720px;
}

div#contact table th{
	background: #efefef;
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

div#contact table td{
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

div#contact table td.btn{
	padding: 10px;
	background: #efefef;
	text-align: center;
}


/*</group>*/

/*<group=#Admin>*/

div#admin{
	padding: 15px 15px 15px 15px;
}

div#admin h1{
	font-size: 16px;
}

div#admin h2{
	font-size: 12px;
	color: teal;
	margin: 30px 0 20px 0;
	border: 1px solid #ddd;
	border-left: 8px solid teal;
	padding: 8px 10px;
	background: #f9f9f9;
}

div#admin p.note{
	margin: 15px 0;
	border: 1px solid #ddd;
	background: url(image/bg_ph.gif);
	padding: 10px;
	background-color: #efefef;
	text-align: center;
	color: teal;
	font-weight: bold;
}

div#admin p.note strong{
	font-size: 200%;
}

div#admin p em.tag{
	margin: 0 0.5em;
}


div#admin ul{
	margin: 10px 20px;
}

div#admin ul li{
	margin: 10px;
	list-style: square;
}

div#admin table{
	margin: 15px 0;
	border-top: 4px solid #ccc;
	width: 100%;
	border-collapse: collapse;
}

div#admin table th{
	background: #efefef;
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

div#admin table td{
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

div#admin table.addressList textarea{
	width: 100%;
	height: 300px;
}


div#admin table td.btn{
	padding: 10px;
	background: #efefef;
	text-align: center;
}

/*</group>*/

/*<group=#Merch>*/

div#merch{
	padding: 302px 15px 0 15px;
}

div#merch div#cdtape h2{
	margin: 0;
	text-indent: -9999px;
	background: url(/image/h2_cdAndTape.gif) no-repeat left top;
	height: 35px;
}

div#merch div#video h2{
	margin: 0;
	text-indent: -9999px;
	background: url(/image/h2_video.gif) no-repeat left top;
	height: 35px;
}

div#merch div#fabric h2{
	margin: 0;
	text-indent: -9999px;
	background: url(/image/h2_fabric.gif) no-repeat left top;
	height: 35px;
}

div#merch table{
	margin: 0 0 15px 0;
	border-top: 4px solid #ccc;
	width: 500px;
}

div#merch table th{
	background: #efefef;
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

div#merch table th.right{
	border-right: 0;
}

div#merch table td{
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

div#merch table td.right{
	border-right: 0;
}

div#merch table td.photo{
	text-align: center;
	background: #efefef;
	width: 160px;
}

div#merch table td.photo img{
	background:url(image/bg_ph.gif);
	padding: 8px;
	background-color: #efefef;
	border: 1px solid #ddd;
}

div#merch table td strong{
	font-size: 10pt;
}

div#merch table td p.price{
	font-weight: bold;
	color: #d00;
}

div#merch table td div.tshirtsmenu{
		border: 1px solid #ccc;
		background: #eee;
		padding: 8px;
		margin: 10px 0;
}

div#merch table td.cart{
	text-align: center;
	border-right: 0;
	width: 60px;
}

div#merch table td.button{
	text-align: center;
	border-right: 0;
}

div#merch table.confirm td{
	text-align: center;
}

div#merch table.confirm th.delete,
div#merch table.confirm td.delete,
div#merch table.confirm td.charge{
	border-right: 0;
}

div#merch table.confirm th.charge,
div#merch table.confirm td.charge{
	background: #efefef;
	font-weight: bold;
	font-size: 9pt;
}

div#merch table.confirm td.charge span{
	font-weight: normal;
	font-size: 8pt;
}


div#merch p.inform,
div#merch p.notice{
	width: 505px;
	margin: 10px 0;
}

div#merch p.notice{
	color: #D00;
}

div#merch div.dicCopy{
	color:#ccc;
	margin: 20px 0 10px 0;
}

div#merch div.dicCopy a{
	color:#999;
}

div#merch h2#hyouki{
	margin-bottom: 15px;
	text-indent: -9999px;
	background: url(/image/h2_hyouki.gif) no-repeat left top;
	height: 20px;
}


/*</group>*/

/*<group=#Links>*/

div#links{
	padding: 302px 15px 0 15px;
}

div#links table{
	border-top: 4px solid #ccc;
	width: 720px;
}

div#links table th{
	background: #efefef;
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

div#links table td{
	padding: 8px;
	border-bottom: 1px solid #ccc;
}

div#links table td.btn{
	padding: 10px;
	background: #efefef;
	text-align: center;
}


/*</group>*/

/*<group=#notFound>*/

div#notFound{
	padding: 15px;
}

div#notFound h1{
	font-size: 12pt;
	color: teal;
	margin-bottom: 20px;
}

div#notFound p{
	margin-bottom: 10px;
}
/*</group>*/

/*<group=#media>*/

div#media{
	padding: 302px 15px 0 15px;
}

div#media h2{
	margin: 0;
	line-height: 1em;
}

div#media table{
	margin: 15px 0;
	border-top: 4px solid #ccc;
	width: 100%;
}

div#media table th{
	background: #efefef;
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
	width: 250px;
}

div#media table th p{
	font-weight: normal;
	color: #999;
}

div#media table td{
	padding: 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}

div#media table td strong{
	font-size: 10pt;
}

div#media table td p.price{
	font-weight: bold;
	color: #d00;
}

div#media table td.download{
	background: url(/image/btn_download.gif) no-repeat 50% 50%;

}

div#media table td.download a{
	display: block;
	height: 40px;
	width: 75px;
	text-indent: -9999px;
}

div#media table td.merch{
	border-right: 0;
	background: url(/image/btn_merch.gif) no-repeat 50% 50%;
}

div#media table td.merch a{
	display: block;
	height: 40px;
	width: 110px;
	text-indent: -9999px;
}

/*</group>*/

/*<group=#error>*/

div#error{
	padding: 15px;
}

/*</group>*/