@charset "Shift_JIS";

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

layout_index.css

============================================================ */
body {
	background: url(../img/bg.jpg) repeat-x top left; 
	background-color: #FFF;
}

h1.jcom {
	background: url(../img/jcomlogo_bg.gif) repeat-x;
	padding: 5px 10px;;
	height: 25px;
}

.jcomLogo {
	position: absolute;
	width: 70px;
	height: 24px;
	z-index: 0;
}

#bannerAd {
	float: right;
}

#container {
	margin: 15px auto 20px auto;
	_padding-bottom: 20px;
	width: 945px;
}
#container:after { content: ""; display: block; clear: both;  }

#container #main {
	float: left;
	background-color: #FFF;
	border: 5px solid #000;
	margin-bottom: 35px;
	padding: 2px;
	width: 800px;
}

#container #main #topFlash {
	width: 800px;
	height: 175px;
}

ul#globalNavi {
	background: url(../img/global_navi_bg.gif) no-repeat;
	padding: 0 4px;
	height: 56px;
}
ul#globalNavi li {
	margin: 8px 0;
	
	_margin: 8px 0 4px 0;	/* IE */
}


ul#globalNavi li {
	float: left;
}
ul#globalNavi { display: inline-block; }
ul#globalNavi:after { content: ""; display: block; clear: both;  } 

#content {
	background: url(../img/bg_shadow.gif) no-repeat top center;
	background-color: #FFF;
	margin-bottom: 35px;
	padding: 21px;
	_padding-bottom: 0;
}
#content { display: inline-block; }
#content:after { content: ""; display: block; clear: both;  } 

#mainContent {
	float: left;
	width: 500px;
	margin-right: 18px;
}

/* ============================================================ 
 What's new
============================================================ */ 
#mainContent #topics {
	background: url(../img/dotted_bg.gif); 
	background-color: #FFF;
	padding: 7px;
	margin-bottom: 15px;
	width: 486px;
}

#mainContent #topics #topicsInner {
	background-color: #FFF;
	border: 1px solid #CFCFCF;
	padding: 16px;
}
#topicsInner { display: inline-block; }
#topicsInner:after { content: ""; display: block; clear: both;  } 

#topicsInner ul#broadcast {
	background: url(../img/gambaboy.gif) no-repeat top right;
	min-height: 194px;
	display: block;
}

#topicsInner ul#broadcast li {
	width: 300px;
}

#topicsInner ul#info {
	min-height: 194px;
	display: block;
}

#topicsInner ul#info li {
	width: 435px;
}

#topicsInner h2 {
	margin-bottom: 10px;
}

#topicsInner ul li dl {
	padding-left: 15px;
}

#topicsInner ul {
	margin-bottom: 10px; 
}

#topicsInner ul.set li {
	float: left;
	width: 216px;
}
#topicsInner ul.set { display: inline-block; }
#topicsInner ul.set:after { content: ""; display: block; clear: both;  } 

#topicsInner ul.set li.left {
	margin-right: 18px;

}

#topicsInner .set .thumb {
	float: right;
	width: 55px;
	margin-left: 10px;
	padding: 0;
}

#topicsInner .set dl {
	margin-right: 65px;
}


#topicsInner ul.set h2 {
	width: 216px;
}

#topicsInner .title {
	background: url('../img/arrow.gif') no-repeat 0 6px;
	padding: 0 0 0 15px;
	color: #DB071F;
	font-size: 75%;
	line-height: 1.5;
}

.update {
	color: #0E3192;
	padding-bottom: 5px;
	font-size: 69%;
}

.news {
	color: #0E3192;
	padding-bottom: 5px;
	font-size: 80%;
}

.arrow {
	background: url('../img/arrow.gif') no-repeat 0 3px;
	padding: 0 0 0 15px;
	color: #DB071F;
	font-size: 90%;
	line-height: 1.5;
}
/* ============================================================ */

#side {
	float: right;
	width: 240px;
}

#side #flvplayer {
	margin-bottom: 10px;
}

#footer p {
	padding: 0 0 0 18px;
}

#footer p.copyright {
	background: url(../img/footer_bg.gif) no-repeat top center;
	background-color: #00228B;	
	padding: 55px 0 5px 18px;
	margin-bottom: 0;
	color: #FFF;
	font-size: 69%;
}


/* ============================================================ 
��������
============================================================ */ 
table.matchSchedule {
	border: 1px solid #000;
	margin-bottom: 15px;
	padding: 2px;
	font-size: 69%;
}

table.matchSchedule th,
table.matchSchedule td {
	padding: 4px 6px;
}

table.matchSchedule td {
	border-left: 1px solid #CACACA;
}

table.matchSchedule th.cat {
	background-color: #D9E3FF;
	text-align: center;
}

table.matchSchedule .date {
	padding-right: 5px;
	color: #FFF;
	font-size: 94%;
	text-align: right;
}

table.matchSchedule .odd {
	background-color: #F3EDDB;
}

table.matchSchedule td.caption,
td.caption table td {
	background-color: #0E3192;
	border: none;
	color: #FFF;
	padding: 0;
}

iframe {
	border: 1px solid #CCC;
	border-right: none;
}

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