@charset "euc-jp";
#jojon8{
	width:575px;
	margin:0 auto;	
}
#jojon8 a{
	color:yellow;
	text-decoration:underline;
}
#jojon8 h1{
	font-size:100%;
	line-height:110%;
	margin:0px;
	color:#f29161;
}
#jojon8 div#freeBtn{
	background:url(/etc/variety/jo_jon_8/img/header02.jpg) no-repeat left top;
	width:575px;
	height:46px;
}
#jojon8 div#freeBtn a img{
	position:relative;
	left:203px;
	top:10px;
}
#jojon8 p#read{
	background:url(/etc/variety/jo_jon_8/img/catch.gif) no-repeat left top;
	height: 0 !important;
	height /**/	: 68px;
	padding:68px 0px 0px 0px;
	width:575px;
	margin:0px;
	line-height:68px;
	overflow:hidden;
}
#jojon8 div#whatnew{
	background:url(/etc/variety/jo_jon_8/img/whatnew.gif) no-repeat left top;
	width:455px;
	height:34px;
	padding-left:120px;
	line-height:34px;
}

/* profile area */
#jojon8 #profiles{
	background-color:black;
	padding:10px 0px;
	height:auto;
	min-height:330px;
}
#jojon8 #profiles .profbox{
	width:104px;
	background:url(/etc/variety/jo_jon_8/img/profbox.gif) no-repeat left bottom;
	padding:0px 0px 10px 0px;
	margin-left:10px;
	float:left;
	text-align:center;
}
#jojon8 #profiles .profbox h4{
	background:url(/etc/variety/jo_jon_8/img/profbox.gif) no-repeat left top;
	height:10px;
}
#jojon8 #profiles .profbox div{
	background-color:white;
}
#jojon8 #profiles .profbox div img{
	width:76px;
	height:76px;
	margin:0 auto;
}
#jojon8 #profiles .profbox div .group{
	font-size:10px;
	height:30px;
}
#jojon8 #profiles .profbox div strong{
	font-size:10px;
	background-color:#003333;
	color:#ffff00;
	display:block;
	width:104px;
	height:14px;
	line-height:14px;
	font-weight:normal;
}
#jojon8 h3{
	font-weight:bold;
	margin:10px 0px 0px 0px;
	color:brown;
	font-size:14px;
}
/* taisen box */
#jojon8 .tenkuBox{
	border:2px solid #000000;
	border-left-width:3px;
	width:570px;
}
#jojon8 .tenkuBox .tenkuMatch{
	border:1px solid #000000;
	width:283px;
	float:left;
	background-color:#333333;
	color:white;
	padding:8px 0px;
	height:150px;
}
#jojon8 .tenkuBox .tenkuMatch .Numbering li{
	width:283px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
#jojon8 .tenkuBox .tenkuMatch .Player{
	width:260px;
	_width:280px;
	margin:8px auto 0px auto;
}
#jojon8 .tenkuBox .tenkuMatch .Player li{
	width:55px;
	float:left;
	margin-left:10px;
	font-size:10px;
	text-align:center;
}
#jojon8 .tenkuBox .tenkuMatch .buttons{
	font-size:10px;
	text-align:center;
	margin-top:8px;
}
#jojon8 .tenkuBox .tenkuMatch .buttons img{
	vertical-align:middle;
}
#jojon8 .tenkuBox .tenkuMatch .buttons span{
	color:red;
}


/* rules */
#jojon8 #rules,
#jojon8 #system{
	background-color:black;
	width:575px;
	padding:8px 0px;
	color:white;
}
#jojon8 #rules li{
	list-style-type:decimal;
	margin-left:40px;
}
#jojon8 #system li{
	margin:0px 20px;
}

#mahjong{
}
#mahjong a{
text-decoration:underline;
}