@charset "utf-8";

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

	File name: home.css
	Info: style
	Created: 2008-6-25
	Last Up Date: 2009-1-22
	
=========================================================== */
/*
	manVisual
	bt
	topics
	banner
	plugIn
	
=========================================================== */
/*
	manVisual
	
=========================================================== */

div#home div#mainVisual {
	position: relative;
	width: 940px;
	height: 405px;
	margin: 0 20px;
}

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

	bt
	
=========================================================== */

div#home ul#bt {
	padding: 0 0 0 20px;
}

div#home ul#bt li {
	float: left;
	margin: 0 10px 10px 0;
}

div#home ul#bt li img {
	vertical-align: bottom;
}

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

	topics
	
=========================================================== */

div#topics {
	clear: both;
	padding: 0 0 0 20px;
}

div#topics div.section {
	float: left;
	background: #000000;
	width: 307px;
	margin: 0 10px 10px 0;
	padding: 0 0 10px;
}

div#topics div.section h2 {
	margin: 0 10px;
	padding: 10px 0 10px 20px;
	border-bottom: solid 1px #323232;
	line-height: 1.2;
	font-size: 92%;
	_font-weight: bold;
}

div#topics div#topicsTennis h2 {
	background: url(../../image/ic_tennis.gif) 0 8px no-repeat;
}

div#topics div#badminton h2 {
	background: url(../../image/ic_badminton.gif) 0 8px no-repeat;
}

div#topics div#golf h2 {
	background: url(../../image/ic_golf.gif) 0 8px no-repeat;
}

div#topics div.section h2 img {
	margin: 0 0 0 3px;
	vertical-align: text-bottom;
}

div#topics div.section ul {
	margin: 0 10px;
}

div#topics div.section ul li {
	background: url(../image/line_dot_a.gif) bottom repeat-x;
	padding: 10px 0;
}
div#topics div.section ul li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
div#topics div.section ul li { zoom:1; }
/* exlude MacIE5 \*/
* html div#topics div.section ul li { height: 1% }
div#topics div.section ul li  {display:block;}
/* end MacIE5 */

div#topics div.section ul li p {
	float: left;
	width: 73px;
	height: 63px;
}

div#topics div.section ul li p img {
	vertical-align: bottom;
	border: solid 3px #484848;
}

div#topics div.section ul li dl {
	font-size: 100%;
}

div#topics div.section ul li dl dt {
	color: #777777;
}

div#topics div.section ul li dl dt img {
	margin: 0 0 0 5px;
	vertical-align: baseline;
}

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

	banner
	
=========================================================== */

div#banner {
	clear: both;
	background: #000000;
	border-top: solid 10px #000000;
	width: 940px;
	margin: 0 0 10px 20px;
}

div#banner ul {
	clear: both;
	padding: 0 0 0 10px;
	font-size: 1px;
	line-height: 1;
}

div#banner ul li {
	float: left;
	padding: 0 8px 10px 0;
	display: inline;
	font-size: 1px;
	line-height: 1;
}

div#banner ul li img {
	vertical-align: bottom;
}

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

	plugIn
	
=========================================================== */

dl#plugIn {
	clear: both;
	color: #dadada;
	margin: 0 20px;
}

dl#plugIn dt {
	float: left;
	margin: 0 10px 10px 0;
}

dl#plugIn dd {
	margin: 0 0 10px;
}