@charset"utf-8";

/*==============================================

CSS Style for www.bj-league.com/bj/Top.do
last update 2008.8.20
 
==============================================*/


/*---------------------------------------------

0. Colors
1. Basic Elements
2. Basic Layouts 
3. General-purpose Classes
 
 ---------------------------------------------*/


/*---------------------------------------------

0.Colors
 
 ---------------------------------------------*/

/*


*/

/*---------------------------------------------

1. Basic Elements
 
 ---------------------------------------------*/

* {
	color:#666;
	margin:0;
	padding:0;
	font: normal small "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size:12px;
}

body {
	background:#333;
}

img {
	
border:0;
}

p{
	text-align:left;
	line-height:1.5;
}

/*----- link colors  -----*/

a:link {
	color:#FF3300;
	text-decoration:none;
}
a:visited {
	color:#FF6600;
}
a:hover {
	color:#FF3300;
	text-decoration:underline;

}
a:active {

}


/*---------------------------------------------

2. Basic Layouts 
 
 ---------------------------------------------*/

/*----- base layouts  -----*/

#layout{
	width:980px;
	position:relative;
}

#wrap{
	position:absolute;
	top:0;
	left:0;
	width:980px;
	float:left;
}


/* - - - ADxMenu: BASIC styles Setting [ MANDATORY ] - - - */

.example1 {
	clear:both;
	background:url(../image/200809/common/menu_off.jpg) no-repeat;
	width:968px;
	height:32px;
	margin:0 0 0 6px;
	border:1px solid #E6E5DB;
}
ul.menu {
	margin:2px 0 0 3px;
}

.menu li.adxmhover {
	z-index: 10000;
}

ul.menu, .menu ul {
	padding: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	text-indent:-9999px;
}
.menu li:hover {
	z-index: 10000;
	white-space: normal;
}

.menu .submenu2 li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu .submenu li {
	text-indent:0;
}

.menu .submenu2 li {
	text-indent:0;
}

.menu li.menu1 a {width:87px;height:32px;}
.menu li.menu1 a:hover {background:url(../image/200809/common/menu_on.jpg) -3px -2px;}
.menu li.menu1r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -3px -2px;}

.menu li.menu2 a {width:87px;height:32px;}
.menu li.menu2 a:hover {background:url(../image/200809/common/menu_on.jpg) -90px -2px;}
.menu li.menu2r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -90px -2px;}

.menu li.menu3 a {width:87px;height:32px;}
.menu li.menu3 a:hover {background:url(../image/200809/common/menu_on.jpg) -177px -2px; color:#F30;}
.menu li.menu3r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -177px -2px;}

.menu li.menu4 a {width:87px;height:32px;}
.menu li.menu4 a:hover {background:url(../image/200809/common/menu_on.jpg) -264px -2px;}
.menu li.menu4r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -264px -2px;}

.menu li.menu5 a {width:87px;height:32px;}
.menu li.menu5 a:hover {background:url(../image/200809/common/menu_on.jpg) -351px -2px;}
.menu li.menu5r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -351px -2px;}

.menu li.menu6 a {width:87px;height:32px;}
.menu li.menu6 a:hover {background:url(../image/200809/common/menu_on.jpg) -438px -2px;}
.menu li.menu6r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -438px -2px;}

.menu li.menu7 a {width:87px;height:32px;}
.menu li.menu7 a:hover {background:url(../image/200809/common/menu_on.jpg) -525px -2px;}
.menu li.menu7r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -525px -2px;}

.menu li.menu8 a {width:87px;height:32px;}
.menu li.menu8 a:hover {background:url(../image/200809/common/menu_on.jpg) -612px -2px;}
.menu li.menu8r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -612px -2px;}

.menu li.menu9 a {width:87px;height:32px;}
.menu li.menu9 a:hover {background:url(../image/200809/common/menu_on.jpg) -699px -2px;}
.menu li.menu9r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -699px -2px;}

.menu li.menu10 a {width:87px;height:32px;}
.menu li.menu10 a:hover {background:url(../image/200809/common/menu_on.jpg) -786px -2px;}
.menu li.menu10r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -786px -2px;}

.menu li.menu11 a {width:87px;height:32px;}
.menu li.menu11 a:hover {background:url(../image/200809/common/menu_on.jpg) -873px -2px;}
.menu li.menu11r {width:87px;height:32px;background:url(../image/200809/common/menu_now.jpg) -873px -2px;}





.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --

	force containment of floated LIs inside of UL */

.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}

/* -- float.clear.END --  */



.menu a {
	text-decoration: none;
	display: block;
	position: relative;
	font-size:12px;
	color:#FFF;
}

.menu a:hover, .menu li:hover>a {
	color:#FFF;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

.menu>li:first-child>a, .menu li + li + li li:first-child>a {
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/

/*----- Setting End  -----*/


ul.submenu {
	width:156px;
	margin:-8px 0 0 10px;
	background:url(../image/200809/common/submenu_bg.gif) repeat-x #525252;
}

ul.submenu li{
	width:60px !important;
	height:18px !important;
	padding:3px 0 0 1px;
	display:block;
	margin-left:8px;
}

ul.submenu li a{
	width:60px !important;
	height:18px !important;
	display:block;
}
ul.submenu li.conference{
	width:64px;
	color:#FFF;
	border-bottom:1px solid #FFF;
}
ul.submenu li.free{
	width:136px !important;
	border-top:1px solid #FFF;
}

ul.submenu li a:hover {
	background:none !important;
	color:#FF3300;
	text-decoration:none;
}

.menu ul li a:visited {
	color:#FFF;
	text-decoration:none;
}


ul.submenu2 {
	width:106px;
	margin:-8px 0 0 10px;
	background:url(../image/200809/common/submenu_bg.gif) repeat-x #525252;
}

ul.submenu2 li{
	padding:3px 0 0 1px;
	display:block;
	height:18px !important;
	margin-left:8px;
}

ul.submenu2 li a{
	display:block;
	height:18px !important;
}

ul.submenu2 li a:hover {
	background:none !important;
	color:#FF3300;
	text-decoration:none;
}

.select {
	overflow:auto;
}

/*----- header  -----*/

#header{
	width:980px;
	background:url(../image/200809/common/head.jpg) no-repeat left top #E6E5DB;
}

#header h1{
	width:980px;
	height:78px;
	display:block;
	text-indent:-9999px;
}

#header h1 a {
	width:160px;
	height:78px;
	display:block;
	text-indent:-9999px;
}

#header img{
	vertical-align:text-bottom;
}

#header ul.team {
	list-style-type:none;
	width:980px;
	height:42px;
}
#header .team li {
	height:42px;
	float:left;
	display:block;
	text-indent:-9999px;
	font-size:1px;
}
#header .team li a {
	height:42px;
	display:block;
	font-size:1px;
}
#header li.east {
	width:50px;
}
#header li.team1 {
	width:48px;
}
#header li.team2 {
	width:62px;
}
#header li.team3 {
	width:63px;
}
#header li.team4 {
	width:65px;
}
#header li.team5 {
	width:62px;
}
#header li.team6 {
	width:51px;
}
#header li.team7 {
	width:50px;
}
#header li.west {
	width:57px;
}
#header li.team8 {
	width:43px;
}
#header li.team9 {
	width:63px;
}
#header li.team10 {
	width:60px;
}
#header li.team11 {
	width:50px;
}
#header li.team12 {
	width:58px;
}

#header li.team13 {
	width:56px;
}
#header li.team14 {
	width:44px;
}
#header li.team15 {
	width:43px;
}

#header li.team16 {
	width:45px;
}

#menu{
	list-style-type:none;
}

#menu li{
	float:left;
}






/*----- footer  -----*/

p.to-top {
	clear:both;
	text-align:right;
	margin:10px;
}

p.footlink{
	clear:both;
	color:#999;
	font-size:10px;
	text-align:right;
	margin:10px 13px 10px 0;
}

p.footlink a{
	color:#999;
}
#footer{
	clear:both;
	width:980px;
	background:url(../image/200809/common/foot.gif) no-repeat #FFF;
}

#footer p.name {
	float:left;
	text-indent:-9999px;
	width:1px;
	font-size:1px;
}

#footer p.copyright {
	float:right;
	text-align:right;
	color:#999999;
	font-size:10px;
	margin:10px;
}

/*---------------------------------------------

3. General-purpose Classes
 
 ---------------------------------------------*/


/*----- set positions  -----*/

.t_left {
text-align:left;
}
.t_right {
text-align:right;
}
.t_center {
text-align:center;
}
.f_left {
float:left;
}
.f_right {
float:right;
}
.clr {
clear:both;
}


/*----- set on centers  -----*/

.mar0_auto {
margin:0px auto;
	}
.mar10_auto {
margin:10px auto;
	}
.mar20_auto {
margin:20px auto;
	}
	

/*----- set right spaces  -----*/

.marright10{
	margin-right:10px;
}

/*----- set bottom spaces  -----*/

.marbtm15{
	margin-bottom:15px;
	}
.marbtm13{
	margin-bottom:13px;
	}
.marbtm10{
	margin-bottom:10px;
	}
.marbtm5{
	margin-bottom:5px;
	}

/*----- set positions  -----*/

.mar0_0 {
margin:0 0;
	}
.mar2_0 {
margin:2px 0;
	}
.mar3_0 {
margin:3px 0;
	}
.mar4_0 {
margin:4px 0;
	}
.mar5_0 {
margin:5px 0;
	}
.mar10_0 {
margin:10px 0;
	}
.mar15_0 {
margin:15px 0;
	}
.mar30_0 {
margin:30px 0;
	}
.pad2 {
padding:2px;
	}
.pad3 {
padding:3px;
	}
.pad4 {
padding:4px;
	}
.pad5 {
padding:5px;
	}
.pad8 {
padding:8px;
	}
.pad10 {
padding:10px;
	}
.pad15 {
padding:15px;
	}
.pad20 {
padding:20px;
	}
.pad30 {
padding:30px;
	}
.clr {
	clear:both;
	visibility : hidden;
	font-size:1px;
	height:1px;
}