@charset "utf-8";
/* CSS Document */

/*--------------ContactProductlist------------- */
#ContactProductlistfull{
	display:block;
	width:100%;
	height:auto;
	
}

#ContactProductlist{
	clear:both;
	margin:0 auto;
	width:1020px;
	height:auto;
	padding-top:50px;
	display:block;
	z-index: 3;
	
}

/*---main---*/

.mainProductlist ul li{
	float:left; 
	font-family: 'Lato', sans-serif;
	font-weight:700;

}

.mainProductlist ul li a{

}

.mainPhoto{
	position:relative;
	width:240px;
 	font-size:1em;
	list-style:none;
	text-decoration:none;
	padding-right:15px;
}
.mainPhoto ul a{
	list-style:none;
	text-decoration:none;
}

.mainPhotoTXT{
	position:absolute;
	width:240;
	padding:20px 20px 20px 30px;
	color:#f0f0f0;

}
#mainPhotoTXT{
	position:absolute;
	display:block;
	width:240px;
	z-index: 10;

}


#checkbox, #radio{
	width:20px;
	color:#000000;
	background-color:#000000;
	padding:2px 0px 3px 0;
}



.mainTXT a{
	width:240px;
	height:80px;
    display:block;
    overflow-y:hidden;
 	font-size:9px;
    line-height:20px;
	color:#b2b2b2;
	list-style:none;
	text-decoration:none;
	font-weight:normal;
	LETTER-SPACING:0.8pt;
	padding-top:7px;
}

.mainTXT a:hover{
	color:#FFFFFF;
	text-shadow:0px 0px 5px #000;
}

.mainTXT h2{
	clear:both;
	line-height:24px;
	font-size:18px;
	color:#e4e4e4;
	
	}

#checkbox{
font-size:12px;

}
.mainCompare{
    display:block;
	width:240px;
	height:30px;
	padding-top:15px;
	overflow-y:hidden;
	padding-bottom:20px;	
}

.mainCompare a{
	clear:both;
 	font-size:13px;
    line-height:20px;
	list-style:none;
	text-decoration:none;
	color:#FFffff;
	background-color:#FF0000;
	padding:0px 5px 0px 5px;
}

.mainCompare a:hover{
	text-shadow:0px 0px 5px #000;
	background-color:#000000;
}


#productphoto{
	width:100%;
	height:420px;
	background-image:url(../image/titlephoto/02.jpg);
	background-repeat:repeat-x;


	}
#titlephoto{
	margin:0 auto;
	display:block;
	width:1080px;
	height:420px;
	background-image:url(../image/titlephoto/01.jpg);
	background-repeat:no-repeat;

	}	
#titlephoto h1{
font-family: 'Lato', sans-serif;
font-weight:900;
	font-size:60px;
    line-height:60px;
	color:ffffff;
	padding-top:190px;
	padding-left:50px;
	z-index:15;



	}	
#titlephoto img{
	z-index:10;

	}	
	
<!-- mousepad -->	
	
#titlephotomousepad{
	margin:0 auto;
	display:block;
	width:1080px;
	height:420px;
	background-image:url(../image/titlephoto/03.jpg);
	background-repeat:no-repeat;

	}	
#titlephotomousepad h1{
	font-family: 'Lato', sans-serif;
	font-weight:800;
	font-size:60px;
    line-height:60px;
	color:ffffff;
	padding-top:190px;
	padding-left:50px;
	z-index:15;



	}	
#titlephotomousepad img{
	z-index:10;

	}	

<!-- end-->

<!-- mouse -->	
	
#titlephotomouse{
	margin:0 auto;
	display:block;
	width:1080px;
	height:420px;
	background-image:url(../image/titlephoto/03.jpg);
	background-repeat:no-repeat;

	}	
#titlephotomouse h1{
	font-family: 'Lato', sans-serif;
	font-weight:800;
	font-size:60px;
    line-height:60px;
	color:ffffff;
	padding-top:190px;
	padding-left:50px;
	z-index:15;



	}	
#titlephotomouse img{
	z-index:10;

	}	

<!-- end-->


.high30{
	display:block;
	width:100%;
	height:80px;
	border-top:#ff0000 1px solid;
	
	}
	
#lineRed{
	display:block;
	width:100%;
	height:950px;
	border-bottom:#ff0000 1px solid;


	
	}
	
/*-news-*/
#pageContactNEWS{
display:block;
width:950px;
height:auto;
padding-top:25px;

}

#pageContactNEWS p{
font-family: 'Lato', sans-serif;
font-weight:150px;
font-size:14px;
line-height:24px;
color:#FFFFFF;
float:left;
padding-right:30px;

}

#pageContactNEWSdetail{
clear:both;
}

#pageContactNEWSdetail h1{
clear:both;
float:none;
padding:2px 7px 2px 7px;
}

#pageContactNEWSdetail p{
clear:both;
float:none;
padding:2px 13px 2px 13px;
}

#newsTitle{
display:block;
width:auto;
height:auto;
overflow-y:hidden;
}

#newsTitle a{
font-family: 'Lato', sans-serif;
font-weight:200;
font-size:12px;
line-height:16px;
text-decoration:none;
color:#CCCCCC;
display:block;
width:800px;
height:auto;
overflow-y:hidden;
}

#newsTitle a:hover{
text-decoration:none;
color:#666666;
}

#PageNumber{
clear:both;
margin:0 auto;
display:block;
width:900px;
padding-top:5px;
padding-bottom:15px;
text-align:center;

}
#PageNumber a{
padding:0px 3px 0px 3px;
color:#999999;
text-decoration:none; 
font-family: 'Lato', sans-serif;
font-weight:200;
font-size:14px;


}
#PageNumber a:hover{
color:#ff0000;

}

#aboutPress{
padding:0px 0px 0px 30px;
padding-top:50px;
font-family: 'Lato', sans-serif;
font-weight:200;
font-size:14px;
line-height:16px;
color:#FFFFFF;
}

#aboutPress a{
color:#FF0000;
}

#lineGRAY{
display:block;
width:920px;
height:7px;
border-bottom:#333333 1px dashed;
margin-bottom:7px;


}

#pageContact{
padding:30px 0px 50px 30px;
font-family: 'Lato', sans-serif;
font-weight:200;
		}

#pageContact h1{
font-size:32px;
color:#FFFFFF;
font-family: 'Lato', sans-serif;
font-weight:600;}


/*--video--*/
#pageContactVIDEO{
display:block;
width:950px;
height:auto;
padding-top:24px;

}

#videolist{
display:block;
height:580px;


}


#videolist ul li{
float:left;
padding:5px 8px 8px 0px;
margin-bottom:6px;
display:block;
width:282px;
height:180px;
overflow:hidden;
}

#videolist a{
text-decoration:none;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:8px;
line-height:18px;
overflow:hidden;

}

#videolist a:hover{
color:#FF0000;

}

#videolist h2{
border-top:1px solid #CCCCCC;
clear:both;
}



#videoTXT{
display:block;
width:210px;
height:30px;
overflow:hidden;
}

#videolist{
margin-top:20px;

}

#videolist ul li{
float:left;
padding-right:4px;

}

#videoNAV{
	display:block;
	width:950px;
	height:20px;
	color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:10px;

}

#videoNAV a{

	color:#FFFFFF;
	text-decoration:none;
	

}
#videoNAV ul{
	padding:0px 25px 0px 0px;
	

}
#videoNAV ul li{
	float:left;
	padding:0px 30px 0px 30px;
}

#videoNAV ul li.EDM, #videoNAV ul li.Picture, #videoNAV ul li.Driver, #videoNAV ul li.Manual, #videoNAV ul li.FAQ{
	background-color:#FF0000;
	display:block;
	width:80px;
	height:auto;
	text-align:center;

}

#videoDetail{
display:block;
width:950px;
height:auto;


}

#videoDetailTXT{
	margin:0 auto;
	display:block;
	width:950px;
	height:20px;
	padding-top:40px;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;

}

#videoBACK{
	margin:0 auto;
	display:block;
	width:950px;
	height:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#videoBACK a{
display:block;
padding:2px 2px 2px 2px;
width:50px;
background-color:#FFFFFF;
text-decoration:none;
color:#FF0000;


}


/*--aboutTte--*/

#pageContactaboutTte{
display:block;
width:950px;
height:auto;
padding-top:24px;
}

#pageContactaboutTte p{
text-decoration:none;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:8px;
line-height:18px;
overflow:hidden;
}

#aboutTtelist{
display:block;
height:580px;


}


#aboutTtelist ul li{
float:left;
padding:5px 8px 8px 0px;
margin-bottom:6px;
display:block;
width:282px;
height:180px;
overflow:hidden;
}

#aboutTtelist a{
text-decoration:none;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-top:8px;
line-height:18px;
overflow:hidden;

}

#aboutTtelist a:hover{
color:#FF0000;

}

#aboutTtelist h2{
border-top:1px solid #CCCCCC;
clear:both;
}



#aboutTteTXT{
display:block;
width:210px;
height:30px;
overflow:hidden;
}

#aboutTtelist{
margin-top:20px;

}

#aboutTtelist ul li{
float:left;
padding-right:4px;

}

#aboutTteNAV{
	display:block;
	width:950px;
	height:20px;
	color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:10px;

}

#aboutTteNAV a{

	color:#FFFFFF;
	text-decoration:none;
	

}
#aboutTteNAV ul{
	padding:0px 25px 0px 0px;
	

}
#aboutTteNAV ul li{
	float:left;
	padding:0px 30px 0px 30px;
}

#aboutTteNAV ul li.EDM, #aboutTteNAV ul li.Picture, #aboutTteNAV ul li.Driver, #aboutTteNAV ul li.Manual, #aboutTteNAV ul li.FAQ{
	background-color:#FF0000;
	display:block;
	width:80px;
	height:auto;
	text-align:center;

}

#aboutTteDetail{
display:block;
width:950px;
height:auto;


}

#aboutTteDetailTXT{
	margin:0 auto;
	display:block;
	width:950px;
	height:20px;
	padding-top:40px;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;

}

#aboutTteBACK{
	margin:0 auto;
	display:block;
	width:950px;
	height:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#aboutTteBACK a{
display:block;
padding:2px 2px 2px 2px;
width:50px;
background-color:#FFFFFF;
text-decoration:none;
color:#FF0000;


}
