/* CSS for Drum Shop ACT */

body {
	margin-top:	0px;
	margin-right:	auto;
	margin-bottom:	100px;
	margin-left:	auto;
	background:	#000000;
	color:	#ffffff;
	font-size:	90%;
	font:	arialblack osaka monospace serif;
	line-height:	120%;
	text-align:    center;
	scrollbar-face-color:	#000000;
	scrollbar-base-color:	#000000;
	scrollbar-highlight-color:	#777777;
	scrollbar-3dlight-color:	#222222;
	scrollbar-darkshadow-color:	#000000;
	scrollbar-track-color:	#000000;
	scrollbar-arrow-color:	#ffffff;
}
tr, td { font-size: 100%}
a:link {
	background:	relative;
	color:	#ffffff;
	background-position:	0px 0px;
	text-decoration:	none;
}

a:visited {
	background-position:0px 0px 0px 0px;
	background:	relative;
	color:		#ffffff;
	text-decoration:none;
}

a:hover{
	background-color:#ff0000;
	background-position:0px 0px;
	color:		#000000;
	text-decoration:none;
}
h1 {
	background:	inherit;
	margin:		0px 0px 5px 0px;
	font-size:	70%;
	font-weight:	normal;
	text-align:	left;
}
h2 {
	margin:        10px 0px 10px 0px;
	background:    inherit;
	color:   #ff9900;
	font-size:     120%;
	font-weight:   normal;
	letter-spacing: 0em;
}
h3 {
	margin:        10px 0px 10px 0px;
	background:    inherit;
	font-size:     120%;
	font-weight:   normal;
	letter-spacing: 0em;
}
.all {
	width:		752px;
	border-width:	0px 1px 1px 1px;
	border-style:	solid;
	border-color:	#ffffff;
	margin-top:	0px;
	margin-right:	auto;
	margin-left:	auto;
	background:    url("img/bback.gif");
}
#head {
	position:	auto;
	width:	748px;
	border-width:	0px 0px 0px 0px;
	border-style:	solid;
	border-color:	#777777;
	margin:		0px 0px 0px 0px;
	background:	#000000;
	text-align:	left;
}
.foot{
	position:	auto;
	width:		750px;
	margin:	0px auto 0px auto;
	border-width:	0px 0px 0px 0px;
	border-style:	solid;
	border-color:	#ffffff;
	background:	#000000;
	font-size:	80%;
	text-align:	right;
}
.left{
	float:      left;
	width:         204px;
	margin:        0px 0px 0px 0px;
	border-width:  1px 0px 0px 0px;
	border-style:  ridge;
	border-color:  #777777;
	background:    #relative;
	font-size:     90%;
}
.right{
	float:      left;
	width:         546px;
	margin:        0px 0px 0px 0px;
	padding:       0px 0px 10px 0px;
	border-width:  1px 0px 0px 1px;
	border-style:  ridge;
	border-color:  #777777;
	background:    relative;
	font-size:     90%;
	text-align:    left;
}
.navi{
	position:	auto;
	width:		100%;
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	background:	#relative;
	text-align:	left;
}
#menu{
	position:	auto;
	width:		200px;
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	background:	#relative;
	text-align:	left;
}
#menu ul {
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	background:	#relative;
}
#menu ul li {
	list-style-type:none;
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	background:url("img/fade.jpg");
	border-width:	0px 0px 0px 0px;
	border-style:	double;
	border-color:	#777777;
}
.pad10l{
	padding:	10px 0px 10px 10px;
	background:	#relative;
	text-align:	left;
}
.pad10c{
	padding:	10px 10px 10px 10px;
	background:	#relative;
	text-align:	center;
}
.l273{
	float:		left;
	width:		260px;
	background:	#relative;
	margin:	5px 2px 0px 5px;
	padding:	0px 0px 0px 0px;
	border-width:1px 1px 1px 1px;
	border-style:ridge;
	border-color:#777777;
	text-align:	left;
}
.waku{
	background:	#relative;
	margin:		0px 10px 0px 10px;
	padding:	0px 0px 0px 0px;
	border-width:1px 1px 1px 1px;
	border-style:ridge;
	border-color:#777777;
}
.hr01{
	border-width:	1px 0px 0px 0px;
	border-style:	solid;
	border-color:	#ffffff;
	line-height:	50%;
}
.dummy { clear: left; }
.none{ display: none; }

.tc{
	width:	100%;
	background:#000 url('ru.gif') no-repeat top right;
}
.bc{
	margin:		0px 0px 2px 0px;
	background:#000 url('rb.gif') no-repeat top right;
}
.button {
	color:	#000000;
	width:	150px;
	margin:	0em 0em 0em 0px;
	padding:	0px 0px 0px 0px;
	border-color:#ff0000;
	border-width:1px;
	border-style:ridge;
}
.blank{
	margin:		0em 0em 0em 0em;
	padding:	0px 0em 0em 0em;
	font-size:	80%;
}
.hr01{
	width:	100%;
	border-width:1px 0px 0px 0px;
	border-style:ridge;
	border-color:#555555;
}
img.pic60 {
	margin:		0px 0px 0px 0px;
	padding:	0px 10px 0px 0px;
	width:		60px;
	height:		60px;
	border-width:	0px 0px 10px 0px;
	background:	inherit;
}
img.pic240 {
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	width:		240px;
	height:		240px;
	border-width:	0px 0px 0px 0px;
	background:	inherit;
}
img.pic520 {
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	width:		520px;
	height:		200px;
	border-width:	0px 0px 0px 0px;
	background:	inherit;
}
img.pic130 {
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	width:		130px;
	height:		40px;
	border-width:	0px 0px 0px 0px;
	background:	inherit;
}
img.fl10r160100 {
	float:		left;
	margin:		0px 10px 0px 0px;
	padding:	0px 0px 0px 0px;
	width:		160px;
	height:		100px;
	border-width:	0px 0px 0px 0px;
	background:	inherit;
}
img.n10 {
	margin:		auto;
	border-width:	0px 0px 0px 0px;
}
img.n10l {
	float:		left;
	margin:		10px 15px 0px 10px;
	border-width:	0px 0px 0px 0px;
	background:	inherit;
}
img.n0l {
	margin:	0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	border-width:	0px 0px 0px 0px;
	background:	inherit;
}
img.fl10r {
	float:		left;
	margin:		0px 10px 0px 0px;
	padding:	0px 0px 0px 0px;
	border-width:	0px 0px 0px 0px;
	background:	inherit;
}
.bbg{
	width:100%;
	color:#ffffff;
	font-weight:normal;
	background:url("img/fade.jpg");
}
.dummy { clear: both;}
.none{ display: none;}
.x { line-height: 150%;}