@charset "Shift-JIS";

/* BASE CONFIG--------------------------------------------- */

	HTML{background: transparent;}
	body{color: #666; padding: 0px;margin: 0; background: transparent url(../img/bg.gif) repeat-y fixed center center; /*background-image: url(../img/bg.gif);*/ text-align: center;}

	h1,h2,h3,h4,h5,p,li,ul,dl,dd,dt,form{margin:0px;padding:0px;}
	table td{vertical-align: top; text-align: left;}
	img{border:none;}
	ul,li{list-style:none;}

	a{color:#3157A8;text-decoration:none;overflow: hidden;}
	a:link{color:#3157A8;}
	a:visited{color:#3157A8;}
	a:hover{color:#4490CB;text-decoration:underline;}
	a:active{color:#3157A8;}

	div.clear{clear:both; width:1px; height: 1px; font-size: 1px;}

	p.pagetop{
		float:right;
		clear:both;
		margin:10px 0 10px 0;
		_margin-bottom:10px; /* for win IE6 */
	}
	*+html body p.pagetop{margin:5px 0 0px 0;} /* for win IE7 */


/* LYOUT --------------------------------------------- */
	div#header
	{
		width:906px;
		background-color:#fff;
		height:150px;
		margin-left:auto;
		margin-right:auto;
		/*background:#fff url(../img/bg_head.jpg) repeat-x left bottom;*/
		position:relative;
	}

	div#body
	{
		width:906px;
		background-color:#ffffff;
		margin:0 auto;
		padding:0;
		clear:both;
		font-size:0.8em;
		/*text-align: left;*/
	}

	div#footer
	{
		background-color:#ededed;
		clear:both;
		height:70px;
		_height:70px;
		/*_margin-top:-3px;*/
		text-align: left;
		padding:10px 10px 0 10px;
		_padding:10px 10px 0 10px;
	}

	div#footerLink
	{
		width:906px;
		background:url(../img/footerlink_bg.jpg) 0 bottom repeat-x;
		/*background-color:#99cc00;*/
		clear:both;
		height:70px;
		_height:70px;
		/*_margin-top:-3px;*/
		text-align: left;
		padding:10px 0px 6px 0px;
		_padding:3px 10px 13px 10px;
		text-align:center;
	}

	/* BODY_FOOT ------------------------------------ */

		div#body div#bodyFoot{
			width:905px;
			height:72px;
			_height:72px;
			/*background-image:url(../img/footer_bg.jpg);*/
			margin:0;
			/*margin:10px 0 0 0;
			_margin:10px 0 0 0;*/
			clear:both;
		}
		div#body div#bodyFoot ul li{list-style-type:none;display:inline;}
		div#body div#bodyFoot ul li a{
			/*text-indent:-100000px;*/
			text-decoration:none;
			display:block;
			float:left;
			font-size:14px;
			background:url(../img/footer_bt.jpg);
		}

		div#body div#bodyFoot ul li.left a {margin:26px 7px 0 5px;_margin:26px 7px 0 2px;}
		div#body div#bodyFoot ul li.bt01 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt02 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt03 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt04 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt05 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt06 a {margin:11px 0;}
		div#body div#bodyFoot ul li.right a {margin:26px 5px 0 7px;_margin:26px 2px 0 7px;}


		div#body div#bodyFoot img.bnEco{float:left;margin-top:15px;margin:10px 0;}

		div#body div#bodyFoot div.bnList{width:370px;float:right;height:auto;margin-top:0px;_margin-bottom:-12px;}
		div#body div#bodyFoot div.bnList ul{margin:0;}
		div#body div#bodyFoot div.bnList ul li{display:block;height:0px;margin:0;float:right;padding:0 0 0 3px;}


		div#body div#bodyFootWrap
		{
			background-image:url(../img/footer_bg.jpg);
			position:relative;
			margin-top:15px;
			width:905px;
			height:80px;
			clear:both;
		}

		div#body div#bodyFoot{
			width:870px;
			height:80px;
			margin:0;
			clear:both;
		}

		div#body div#bodyFoot ul{margin-left:30px;}

		div#body div#bodyFoot ul li{list-style-type:none;display:inline;}
		div#body div#bodyFoot ul li a{
			/*text-indent:-100000px;*/
			text-decoration:none;
			display:block;
			float:left;
			font-size:14px;
		}

		div#body div#bodyFoot ul li.bt01 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt02 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt03 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt04 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt05 a {margin:11px 11px 11px 0;}
		div#body div#bodyFoot ul li.bt06 a {margin:11px 0;}

		div#body div#bodyFoot img.bnEco{float:left;margin-top:15px;margin:10px 0;}

		div#body div#bodyFoot div.bnList{width:370px;float:right;height:auto;margin-top:0px;_margin-bottom:-12px;}
		div#body div#bodyFoot div.bnList ul{margin:0;}
		div#body div#bodyFoot div.bnList ul li{display:block;height:0px;margin:0;float:right;padding:0 0 0 3px;}

		div.nav{width:22px;height:22px;position:absolute;top:25px;right:10px;}
		div.nav a#next{display:block;text-indent:-9999px;background:url(../img/footerbt_r.gif);width:22px;height:22px;}


		div#footerLink p{font-size:75%;line-height:1.6;}
		div#footerLink a{color:#636363;}


/* HEAD_BLOCK --------------------------------------------- */
	div#headerInner{width:906px;margin:0 auto;}

	div#headerPhrase{
		/*width:100%;*/
		_hight:20px;
		float:left;
		font-size:0.6em;
		color:#959595;
		text-align:left;
		position: absolute;
		top:5px;
		left:20px;
		line-height:1.2em;
	}

	div#headerTaiken{
		float:right;
		width:242px;
		height:51px;
		background-image:url(../img/bnr_taiken_header.jpg);
		text-indent:-100000px;
		position: absolute;
		top:25px;
		left:560px;
		}

	div#headerTaiken a{
			display:block;
			width:242px;
			height:51px;
			text-indent:-100000px;
			}

	div#headerlogo{
			float:right;
			width:86px;
			height:36px;
			background-image:url(../img/etracks_logo.gif);
			text-indent:-100000px;
			position: absolute;
			top:29px;
			left:810px; 
			}

	div#headerlogo a{
			display:block;
			width:86px;
			height:36px;
			text-indent:-100000px;
			}


	div#logo h1
	{
		width: 263px;
		height:49px;
		float:left;
		position: absolute;
		top:47px;
		left:10px; 
		background:url(../img/logo.gif) 0 0 no-repeat;
	}

	div#logo h1 a
	{
		display:block;
		width: 263px;
		height:49px;
		text-indent:-100000px;
	}

	div#subNavi{
		width:600px;
		height:20px;
		float:left;
		position: absolute;
		top:75px;
		left:300px; 
		/*margin:9px 0 0 27px;*/
		behavior:none;
	}

	div#et{}

	div#subNavi ul li{list-style-type:none;display:inline;}
	div#subNavi ul li a{
		text-indent:-100000px;
		text-decoration:none;
		height:20px;
		display:block;
		float:left;
		font-size:14px;
		background:url(../img/subnavi.gif);
	}

	div#subNavi ul li.sn01 a{width:56px;background-position:0 0;}
	div#subNavi ul li.sn02 a{width:68px;background-position:-56px 0;}
	div#subNavi ul li.sn03 a{width:66px;background-position:-124px 0;}
	div#subNavi ul li.sn04 a{width:82px;background-position:-190px 0;}
	div#subNavi ul li.sn05 a{width:77px;background-position:-272px 0;}
	div#subNavi ul li.sn06 a{width:127px;background-position:-349px 0;}
	div#subNavi ul li.sn07 a{width:124px;background-position:-476px 0;}

	div#subNavi ul li.sn01 a:hover{width:56px;background-position:0 -20px;}
	div#subNavi ul li.sn02 a:hover{width:68px;background-position:-56px -20px;}
	div#subNavi ul li.sn03 a:hover{width:66px;background-position:-124px -20px;}
	div#subNavi ul li.sn04 a:hover{width:82px;background-position:-190px -20px;}
	div#subNavi ul li.sn05 a:hover{width:77px;background-position:-272px -20px;}
	div#subNavi ul li.sn06 a:hover{width:127px;background-position:-349px -20px;}
	div#subNavi ul li.sn07 a:hover{width:124px;background-position:-476px -20px;}


/* GNAVI_BLOCK --------------------------------------------- */


	div#globalNavi{text-align:left;margin:0;}
	div#globalNavi ul{position:absolute;top:102px;clear:both;}

	div#globalNavi ul li{list-style-type:none;display:inline;}
	div#globalNavi ul li a
	{
	text-indent:-100000px;
	text-decoration:none;
	width:181px;
	height:48px;
	display:block;
	float:left;
	font-size:14px;
	background:url(../img/gnavi.jpg) 0 0 no-repeat;
	}

	div#globalNavi ul li.n01 a{background-position:0 0;}
	div#globalNavi ul li.n02 a{background-position: -181px 0;}
	div#globalNavi ul li.n03 a{background-position: -362px 0;}
	div#globalNavi ul li.n04 a{background-position: -543px 0;}
	div#globalNavi ul li.n05 a{width:182px;background-position: -724px 0;}

	div#globalNavi ul li.n01 a:hover{background-position: 0 -48px;}
	div#globalNavi ul li.n02 a:hover{background-position: -181px -48px;}
	div#globalNavi ul li.n03 a:hover{background-position: -362px -48px;}
	div#globalNavi ul li.n04 a:hover{background-position: -543px -48px;}
	div#globalNavi ul li.n05 a:hover{width:182px;background-position: -724px -48px;}

	body#sp div#globalNavi ul li.n01 a img{position:relative;top:-42px;}
	body#solutuion div#globalNavi ul li.n02 a img{position:relative;top:-42px;}
	body#corpo div#globalNavi ul li.n03 a img{position:relative;top:-42px;}
	body#recruit div#globalNavi ul li.n04 a img{position:relative;top:-42px;}
	body#inquiry div#globalNavi ul li.n05 a img{position:relative;top:-42px;}

/* FOOT_BLOCK --------------------------------------------- */

	div#footer p{float:left;color:#496a94;background: url(../img/footer_allow.gif) no-repeat;display:block;text-indent: 15px;}

	div#footer address
	{
		display:block;
		font-style:normal;
		line-height:150%;
		width:50%;
		/*font-size:75%;*/
		text-align:right;
		float:right;
		/*padding-top:45px;*/
	}


/* CONTENTS_HEAD ------------------------------------ */

	div#conHeader
	{
		background-color:#fff;
		width:906px;
		margin-left:auto;
		margin-right:auto;
		/*padding:10px 0 0 0;*/
		text-align:center;
	}
	
	div#conHeader div.pan{
		/*background:#F6F6F6 url(../img/bg_pan.gif) repeat-x left top;*/
		/*padding:6px 0 0 0;*/
		width:906px;
		/*margin:10px 0 0;*/
		/*height:10px;*/
		font-size:0.7em;
	}
	div#conHeader div.pan p{
		/*margin:10px 10px 0 0;*/
		padding:10px;
		_padding:10px 10px 0 0;
		text-align:right;
	}

	*+html body div#conHeader div.pan p{padding-top:3px;} /* for win IE7 */


/* BODY ------------------------------------ */
	/* CONTENTS_MENU ------------------------------------ */

	div.bodyInner{margin:0 auto;text-align: left;}

	div#conMenu{
		width:190px;
		float:left;
		margin:15px 0 0 19px;
		_margin: 15px 0 0 8px;
	}

		div#conMenu div#menuList{
			width:190px;
			height:230px;
			float:right;
			margin:0 5px 0 0;
			_margin:0;
			background: url(./../../course/img/con_menu.gif) no-repeat top left;
		}

		div#conMenu div#menuList ul{margin:56px 0 0 5px;/*position: relative;top:56px;*/}
		div#conMenu div#menuList ul li{list-style-type:none;display:inline;}
		div#conMenu div#menuList ul li a
		{/*display:block;position:relative;overflow:hidden;*/
		text-indent:-100000px;
		text-decoration:none;
		width:181px;
		display:block;
		float:left;
		font-size:14px;
		/*margin:0 0 0 5px;
		_margin:0;*/
		background:url(./../../course/img/con_menu.gif) no-repeat top left;
		}

		div#conMenu div#menuList li.ml01 a{background-position:-5px -56px;height:41px;}
		div#conMenu div#menuList li.ml02 a{background-position:-5px -97px;height:39px;}
		div#conMenu div#menuList li.ml03 a{background-position:-5px -136px;height:39px;}
		div#conMenu div#menuList li.ml04 a{background-position:-5px -175px;height:38px;}

		div#conMenu div#menuList li.ml01 a:hover{background-position:-195px -56px;height:41px;}
		div#conMenu div#menuList li.ml02 a:hover{background-position:-195px -97px;height:39px;}
		div#conMenu div#menuList li.ml03 a:hover{background-position:-195px -136px;height:39px;}
		div#conMenu div#menuList li.ml04 a:hover{background-position:-195px -175px;height:38px;}

	div#body div#conMenu div.conBnr{width:170px;margin:10px 0 0 10px;}
	div#body div#conMenu div.conBnr p{margin:0 0 10px 0;}

	/* CONTENTS_BODY ------------------------------------ */

	div#body div#conBody{
		width:686px;
		float:right;
		overflow:hidden;
		margin:15px 0 10px 0;
	}

	*+html body div#body div#conBody{height:auto;} /* for win IE7 */

	/*div#body div#conBody h3{margin:0 0 5px 0;font-size:100%;}*/
	div#body div#conBody p.catch{color:#4B67A4;margin:10px 0 0 25px;padding-bottom:10px;}
	div#body div#conBody p span.red{color:#EC510D;}


	div#conBody hr.blue4H{
		border:solid #4B67A4;
		border-width:4px 0px 0px 0px;
		height:4px;
		overflow:hidden;
		margin:20px 0;
		clear:both;
	}


.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
	}

.count {
	position: absolute;
	left: -1px;
	width: 1px;
	top: 0px
}



	/* BODY_SIDE_BNR ------------------------------------ */

		div#body div#bnrSide{
			width:185px;
			height:100%;
			float:right;
			/*overflow:auto;*/
			margin:10px 8px 0 0;
			_margin:10px 4px 0 0;
			padding:7px 0 25px 0;
			_padding:0 0 30px 0;
			background:#bed8f5 url(../img/bnr_bg.jpg) no-repeat bottom center;
		}


		div#body div#bnrSide ul{margin:0;_margin:7px 0 0 0;}
		div#body div#bnrSide ul li{list-style-type:none;display:inline;/*display:block;margin:0;*/}
		div#body div#bnrSide ul li a
		{/*display:block;position:relative;overflow:hidden;*/
		/*text-indent:-100000px;*/
		text-decoration:none;
		height:100px;
		/*width:182px;*/
		display:block;
		float:left;
		font-size:14px;
		}

		div#body div#bnrSide ul li.tb01 a{margin:0 0 5px 5px;_margin:0 0 5px 3px;}
		div#body div#bnrSide ul li.tb02 a{margin:0 0 5px 5px;_margin:0 0 5px 3px;}
		div#body div#bnrSide ul li.tb03 a{margin:0 0 5px 5px;_margin:0 0 5px 3px;}
		div#body div#bnrSide ul li.tb04 a{margin:0 0 5px 5px;_margin:0 0 5px 3px;}
		div#body div#bnrSide ul li.tb05 a{margin:0 0 5px 5px;_margin:0 0 5px 3px;}
		div#body div#bnrSide ul li.tb06 a{margin:0 0 5px 5px;_margin:0 0 5px 3px;}


		/*div#body div#bnrSide div#bnrfooter{width:190px;height:25px;background-image:url(../img/bnr_bg.jpg);}*/

		/*div#body div#bnrSide ul li.tb01 a:hover{background-position:0 -20px;}*/


/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */