@charset "utf-8";


/*======== 2-2 :  div#Header ========*/

div#Header {
	height: 75px;
	background-image: url(../images/backHeader.gif);
}
div#Header p.topDescription {
	font-size: 12px;
	position: absolute;
	top: 12px;
}
div#Header p.takex {
	font-size: 1px;
	position: absolute;
	top: 38px;
}
div#Header p.takex a {
	color: #ffffff;
	font-size: 1px;
	width: 195px;
	height: 0;
	padding-top: 25px;
	display: block;
	overflow: hidden;
}
div#Header p.English, div#Header p.Japanese {
	font-size: 1px;
	position: absolute;
	top: 10px;
	right: 0;
}
div#Header p.English a, div#Header p.Japanese a {
	color: #ff9600;
	font-size: 1px;
	text-align:center;
	height: 0;
	padding-top: 20px;
	display: block;
	overflow: hidden;
}
div#Header p.English a {
	width: 65px;
	background: url(../images/headerEnglish.gif) no-repeat;
}
div#Header p.English a:hover {
	background: url(../images/headerEnglish.gif) no-repeat 0 -20px;
}

/*======== div#Header ul ========*/

div#Header ul{
	background: url(../images/menu.gif) no-repeat;
	width: 600px;
	height: 36px;
	margin-left: 207px;
	position: absolute;
	top: 39px;
	left: -7px;
}

div#Header ul span {
	display: none;
}

div#Header ul li{
	display: inline;
}

div#Header ul li a{
	color: #3e3e3e;
	font-size: 1px;
	text-align: center;
	width: 120px;
	height: 3px;
	padding-top: 33px;
	float: left;
	overflow: hidden;
}

div#Header ul li a.root,
div#Header ul li a:hover{
	color: #5e5e5e;
}

div#Header ul li.outline a.root,
div#Header ul li.outline a:hover {
	background: url(../images/menu.gif) 0 -36px;
}
div#Header ul li.profile a.root,
div#Header ul li.profile a:hover {
	background: url(../images/menu.gif) -120px -36px;
}
div#Header ul li.product a.root,
div#Header ul li.product a:hover {
	background: url(../images/menu.gif) -240px -36px;
}
div#Header ul li.recruit a.root,
div#Header ul li.recruit a:hover {
	background: url(../images/menu.gif) -360px -36px;
}
div#Header ul li.contact a.root,
div#Header ul li.contact a:hover {
	background: url(../images/menu.gif) -480px -36px;
}

/*======== div#indexGroup ========*/

div#indexGroup div div#takex a {
	background-image: url(../images/indexGroup_takex.jpg);
}
div#indexGroup div div#takex-eng a {
	background-image: url(../images/indexGroup_takex-eng.jpg);
}
div#indexGroup div div#takex-elec a {
	background-image: url(../images/indexGroup_takex-elec.jpg);
}
div#indexGroup div div#takex-opt a {
	background-image: url(../images/indexGroup_takex-opt.jpg);
}
div#indexGroup div div#takex-system a {
	background-image: url(../images/indexGroup_takex-system.jpg);
}
div#indexGroup div div#takex-labo a {
	background-image: url(../images/indexGroup_takex-labo.jpg);
}
div#indexGroup div div#securityhouse a {
	background-image: url(../images/indexGroup_securityhouse.jpg);
}
div#indexGroup div div#takex-ae a {
	background-image: url(../images/indexGroup_takex-ae.jpg);
}
