.soccer{
	width:477px;
	height:330px;
	background:#999999;
}

.soccer h2{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:1.2;
	letter-spacing:2px;
	text-align:center;
	text-shadow: 0px -1px 0px #666;
	padding:8px 0;
	background:url(../../include_html/img/007006001003/ttl_bg.gif) 0 0 repeat-x;
}

.soccer h2.bt{
	border-top:1px solid #bcbcbc;
}

ul.btn{
	width:456px;
	margin:0 auto 10px ;
	display:block;
}

ul.btn li{
	margin:0 0 0 0;
	float:left;
}

ul.btn li a{
	display:block;
}

ul.btn li a span{
    font-size:13px;
	line-height:1.3;
	display:block;
	font-weight:bold;
	padding:8px 0 0 0;
}

ul.btn li.col1{
    width:226px;
	height:268px;
	margin:0 0 0 0;
	float:left;
	text-align:center;
}

ul.btn li.col2{
    width:226px;
	height:268px;
	margin:0 0 0 0;
	float:right;
	text-align:center;
}

ul.btn li.col1 a{
    width:226px;
	height:268px;
	background:url(../img/007006001003/soccer_spectra.png) left bottom no-repeat;
	text-decoration:none !important;
}
ul.btn li.col1 a span{
    width:226px;
	height:268px;
	background: url(../img/007006001003/btn_01_top_off.gif) left top no-repeat;
}
ul.btn li.col1 a:hover{
    width:226px;
	height:268px;
	background:url(../img/007006001003/soccer_spectra_on.png) left bottom no-repeat;
	color:#000000 !important;
}
ul.btn li.col1 a:hover span{
    width:226px;
	height:268px;
	background: url(../img/007006001003/btn_01_top_on.gif) left top no-repeat;
}

ul.btn li.col2 a{
    width:226px;
	height:268px;
	background:url(../img/007006001003/soccer_quick.png) left bottom no-repeat;
	text-decoration:none !important;
}
ul.btn li.col2 a span{
    width:226px;
	height:268px;
	background: url(../img/007006001003/btn_02_top_off.gif) left top no-repeat;
	text-decoration:none;
}
ul.btn li.col2 a:hover{
    width:226px;
	height:268px;
	background:url(../img/007006001003/soccer_quick_on.png) left bottom no-repeat;
	color:#000000 !important;
}
ul.btn li.col2 a:hover span{
    width:226px;
	height:268px;
	background: url(../img/007006001003/btn_02_top_on.gif) left top no-repeat;
}

.clearfix:after {
    content: "";
    float: none;
    height: 0;
    display: block;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*.clear {overflow:hidden;}*/

.clear_both{
	font-size:0;
	line-height:0;
	clear:both;
}