/*-----------------------------------------------------
	reset
-----------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,pre,img,th,td,table	{
	margin:0;padding:0;font-size:100%;font-weight:normal;border:none;	}
li	{ list-style:none;	}
hr	{ display:none;	}
em	{ font-style:normal;}

/*-----------------------------------------------------
	clearfix
-----------------------------------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*-----------------------------------------------------
	body
-----------------------------------------------------*/
body	{
	margin:0;
	padding:0;
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:url(../images/bg.jpg) no-repeat top center #363636;
	color:#ffffff;
	}
#wrapper	{
	width:995px;
	margin:0 auto;
	}

/*-----------------------------------------------------
	header
-----------------------------------------------------*/
#header	{
	position:relative;
	background:url(../images/header_bg.jpg) no-repeat right top;
	height:39px;
	}
#header h1 a	{
	position:absolute;
	width:207px;
	height:125px;
	top:0;
	left:-13px;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat left top;
	overflow:hidden;
	z-index:100;
	}
* html #header h1 a{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}


/*-----------------------------------------------------
	nav
-----------------------------------------------------*/
#header #nav	{
	margin:0 0 0 210px;
	padding:3px 0 0 0;
	}
#header .dropdown	{
	float:left;
	padding:0 10px;
	}

/*-----------------------------------------------------
	main
-----------------------------------------------------*/
#main	{
	margin:5px 0 20px 0;
	}
#mainPrdcts {
	background-color:#000000;
	border:#ffffff solid 1px;
	height:685px;
	margin:5px 0 20px 0;
	}
#mainContact	{
	background-color:#000000;
	border:#ffffff solid 1px;
	height:685px;
	margin:5px 0 20px 0;
	}
.sub {
	background-color:#000000;
	}
#topArea .left {
	float:left;
	width:625px;
	height:448px;
	border:#ffffff solid 1px;
	}
#topArea .right {
	float:right;
	width:363px;
	height:448px;
	border:#ffffff solid 1px;
	}
#bottomArea {
	clear:both;
	margin:3px 0 0 0;
	}
/*-----------------------------------------------------
	news
-----------------------------------------------------*/
#bottomArea #news	{
	width:327px;
	height:233px;
	background-color:#000000;
	float:left;
	}
#bottomArea #news h2	{
	background:url(../images/title_news.jpg) no-repeat;
	line-height:36px;
	padding:0 0 0 2em;
	}
#bottomArea #news dl	{
	font-size:12px;
	margin:0 0.5em 0 1.5em;
	padding:5px 0;
	border-top:#ffffff dashed 1px;
	}
#bottomArea #news dd	{
	
	}
#mycustomscroll	{
	height:185px;
	margin:3px 10px 0 0;
	outline:none;
	overflow:auto;
	}

/*-----------------------------------------------------
	bnArea
-----------------------------------------------------*/
#bnArea	{
	width:665px;
	height:233px;
	background-color:#000000;
	float:right;
	}
#bnArea	img	{
	margin:5px 0 0 5px;
	}
/*-----------------------------------------------------
	footer
-----------------------------------------------------*/
#footer	{
	text-align:center;
	font-family: Verdana;
	}
#footer address	{
	font-style:normal;
	}

/*-----------------------------------------------------
	link
-----------------------------------------------------*/
a:link	{
	color:#ffffff;
	text-decoration:none;
	}
a:visited	{
	color:#ffffff;
	text-decoration:none;
	}
a:hover	{
	color:#ffffff;
	text-decoration:none;
	}
a:active	{
	color:#ffffff;
	text-decoration:none;
	}

.navPrdcts a,
.navPrdcts a:hover	{
	height:20px;
	display:block;
	text-indent:-9999px;
	}
.nav01 a	{
	background:url(../images/nav_kneeBraces.gif) no-repeat 5px 50%;
	}
.nav02 a	{
	background:url(../images/nav_neckBraces.gif) no-repeat 5px 50%;
	}
.nav03 a	{
	background:url(../images/nav_bodyProtection.gif) no-repeat 5px 50%;
	}
.nav04 a	{
	background:url(../images/nav_shinGuards.gif) no-repeat 5px 50%;
	}
.nav05 a	{
	background:url(../images/nav_wristProtection.gif) no-repeat 5px 50%;
	}
.nav06 a	{
	background:url(../images/nav_ridingShorts.gif) no-repeat 5px 50%;
	}
.nav07 a	{
	background:url(../images/nav_kidsProtection.gif) no-repeat 5px 50%;
	}
.nav08 a	{
	background:url(../images/nav_other.gif) no-repeat 5px 50%;
	}
.nav01 a:hover	{
	background:url(../images/nav_kneeBracesHover.gif) no-repeat 5px 50%;
	}
.nav02 a:hover	{
	background:url(../images/nav_neckBracesHover.gif) no-repeat 5px 50%;
	}
.nav03 a:hover	{
	background:url(../images/nav_bodyProtectionHover.gif) no-repeat 5px 50%;
	}
.nav04 a:hover	{
	background:url(../images/nav_shinGuardsHover.gif) no-repeat 5px 50%;
	}
.nav05 a:hover	{
	background:url(../images/nav_wristProtectionHover.gif) no-repeat 5px 50%;
	}
.nav06 a:hover	{
	background:url(../images/nav_ridingShortsHover.gif) no-repeat 5px 50%;
	}
.nav07 a:hover	{
	background:url(../images/nav_kidsProtectionHover.gif) no-repeat 5px 50%;
	}
.nav08 a:hover	{
	background:url(../images/nav_otherHover.gif) no-repeat 5px 50%;
	}
	
	
/*-----------------------------------------------------
	#mainPrdcts
-----------------------------------------------------*/
#mainPrdcts h2	{
	margin:60px 0 50px 0;
	text-align:center;
	}
.inner	{
	height:480px;
	overflow:auto;
	margin:0 10px;
	}
.prdctsTbl	{
	width:920px;
	margin:0 auto;
	font-size:120%;
	}
.prdctsTbl th	{
	text-align:center;
	width:25%;
	padding:5px 0 1em;
	}
.prdctsTbl td	{
	padding:0 0 0 25px ;
	font-weight:bold;
	}
.prdctsTbl .blank	{
	height:60px;
	}

	
/*-----------------------------------------------------
	sub
-----------------------------------------------------*/
.sub h2	{
	margin:80px 0 0 25px;
	}
.tx	{
	margin:1em 25px 0 25px;
	font-size:120%;
	}
.sub p	{
	margin:1em 0;
	}
	
.company	{
	line-height:1.7em;
	}
/*-----------------------------------------------------
	#mainContact
-----------------------------------------------------*/
#mainContact h2	{
	margin:80px 0 0 25px;
	}
	
#mainContact .note	{
	line-height:150%;
	margin:0.5em 0;
	font-size:80%;
	}
#mainContact table	{
	width:100%;
	margin:0.5em 0;
	line-height:150%;
	}
#mainContact th	{
	text-align:left;
	padding:8px 0;
	width:25%;
	vertical-align:top;
	}
#mainContact td	{
	padding:8px 5px;
	}
#mainContact .txr	{
	color:#ff0000;
	}
.w25	{
	width:25%;
	}
.w50	{
	width:50%;
	}
.message	{
	margin:2em 0;
	line-height:150%;
	}