@charset "UTF-8";

ul.member_list {
	list-style-type:	none;
	margin:				0;
	padding:			0;
}

ul.member_list li {
	float:		left;
	margin:		5px;
	padding:	0;
	width:		130px;
	height:	200px;
	text-align:	center;
}

ul.member_list li img {
	margin:	5px;
	border:	0;
}

ul.member_list li a {
	text-decoration:	none;
}

h3 {
	clear:	both;
}

hr {
	clear:	both;
}

p {
	margin:		5px;
	padding:	5px;
	line-height:	1.5em;
}

img {
	border:	0;
}

div#content {
	min-height:	960px;
}

div#member_profile_box {
	position:	relative;
	top:		0;
	left:		0;
}

div#member_picture {
	position:	absolute;
	top:		-5px;
	left:		0;
	margin:		5px;
	padding:	0;
	width:		340px;
	height:		482px;
}

div#member_profile {
	position:	relative;
	top:		0;
	left:		350px;
	margin:		0 5px;
	padding:	0;
	width:		340px;
	min-height:	482px;
}

div#member_profile dl dt {
	border-width:	1px 0;
	border-style:	dashed;
	border-color:	#000;
}

h4 {
	margin:		5px;
	padding:	0;
}

h4 a {
	display:			block;
	padding:			5px;
	width:				680px;
	height:				auto;
	background-color:	#fff;
	color:				#333;
}

h4 a:hover {
	background-color:	#ccc;
	color:				#000;
	text-decoration:	none;
}

div#content span {
	padding:	5px;
}

span.shokogun {
	background-color:	#fc6;
	color:				#fff;
}

span.outside {
	background-color:	#0f0;
	color:				#fff;
}

span.tv {
	background-color:	#f00;
	color:				#fff;
}

span.radio {
	background-color:	#00f;
	color:				#fff;
}

span.live {
	background-color:	#ff0;
}

span.other {
	background-color:	#ccc;
	color:				#fff;
}