@charset "shift_jis";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
body{
	background:url(../img/bg.gif) no-repeat center top;
	font-size: 10px;
	line-height: 180%;
	color:#000;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	letter-spacing: 1px;
}
img{
	border:0;
}
li{
	list-style:none;
}
span.txt{
	display:none;
}
#wrapper{
	width:920px;
	margin:0 auto;
}

.brandArea{
	width:920px;
	margin:210px 0 0 0;
	display:inline;
}
.brandArea ul{
	margin-bottom:10px;
}
.brandArea ul li{
	float:left;
	display:inline;
	width:176px;
	margin-right:10px;
}
.brandArea ul li.mg0{
	margin-right:0px;
}
.brandArea .tnfB a{
	background:url(../img/btn_tnf.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .hhB a{
	background:url(../img/btn_hh.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .tennisB a{
	background:url(../img/btn_tennis.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .ellesse a{
	background:url(../img/btn_ellesse.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .bikeB a{
	background:url(../img/btn_bike.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .goldwin a{
	background:url(../img/btn_goldwin.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .uggB a{
	background:url(../img/btn_ugg.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .aliteB a{
	background:url(../img/btn_alite.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .danB a{
	background:url(../img/btn_danskin.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .spB a{
	background:url(../img/btn_speedo.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .chmB a{
	background:url(../img/btn_champion.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .mxpB a{
	background:url(../img/btn_mxp.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .filsonB a{
	background:url(../img/btn_filson.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}
.brandArea .iceB a{
	background:url(../img/btn_ib.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}

.brandArea .macpacB a{
	background:url(../img/btn_macpac.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}

.brandArea .c3fitB a{
	background:url(../img/btn_c3fit.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}

.brandArea .blueB a{
	background:url(../img/btn_blue.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}

.brandArea .estivoB a{
	background:url(../img/btn_estivo.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}

.brandArea .motorB a{
	background:url(../img/btn_motor2.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}

.brandArea .shoesB a{
	background:url(../img/btn_shoes.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}

.brandArea .cunterB a{
	background:url(../img/btn_cunterbury.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}


.brandArea .swimB a{
	background:url(../img/btn_swim.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}

.brandArea .andperse a{
	background:url(../img/btn_andperse.gif) no-repeat left top;
	width:176px;
	height:150px;
	display:block;
}


.brandArea .tnfB a:hover,
.brandArea .hhB a:hover,
.brandArea .tennisB a:hover,
.brandArea .ellesse a:hover,
.brandArea .bikeB a:hover,
.brandArea .goldwin a:hover,
.brandArea .uggB a:hover,
.brandArea .aliteB a:hover,
.brandArea .danB a:hover,
.brandArea .spB a:hover,
.brandArea .chmB a:hover,
.brandArea .mxpB a:hover,
.brandArea .filsonB a:hover,
.brandArea .iceB a:hover,
.brandArea .macpacB a:hover,
.brandArea .c3fitB a:hover,
.brandArea .blueB a:hover,
.brandArea .estivoB a:hover,
.brandArea .motorB a:hover,
.brandArea .shoesB a:hover,
.brandArea .cunterB a:hover,
.brandArea .swimB a:hover,
.brandArea .andperse a:hover{
	background-position:0 -150px;
}


.TextArea{
	clear:both;
	width:920px;
	margin-top:20px;
/*	margin:323px 10px 0 49px;*/
}
.desArea{
	background:url(../img/text.gif) no-repeat left top;
	width:350px;
	height:141px;
	float:left;
	margin:13px 0 11px 60px;
}
.tbArea{
	background:url(../img/bg_login.gif) no-repeat left top;
	width:338px;
	height:107px;
	float:right;
	position:relative;
	margin:28px 54px 11px 0;
}
.tbArea .btnMember a{
	background:url(../img/btn_member.gif) no-repeat left top;
	width:205px;
	height:30px;
	display:block;
	position:absolute;
	top:64px;
	left:12px;
}
.tbArea .btnMember a:hover{
	background-position:0 -30px;
}

.nline {
   border:0;
   height: 20px;
   background:url(../img/img_bar.gif) 50% 0  no-repeat;
   clear:both;
}


p.footer{
	/*position:absolute;
	top:500px;
	left:240px;*/
	margin-top:30px;
	text-align:center;
}


/*============================ clearfix =============================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.lineclear {
	background-image:none;
}

.clearfix { min-height: 1px; }