@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
#container {
	width: 900px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	height:383px;
	background: #FFFFFF;
	margin: 0 auto;
	padding:40px 0 0 0;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#container #language{
	float				: right;
	margin:0;
	padding:0;
}
#container #language li{
	float				: left;
	list-style			: none;
}
#container #language li a {
	display				: block;
	height				: 13px;
	background			: url("../images/language.gif") 0 0 no-repeat;
	text-indent			: -9999px;
	overflow:hidden;
}
#container #language li.ja a {
	width				: 55px;
	background-position	: 0 0;
}
#container #language li.ja a.current {
	background-position : 0 0;
}
#container #language li.en a {
	width				: 47px;
	background-position	: -55px -13px;
}
#container #language li.en a.current {
	background-position : -55px -55px;
}



#header {
	padding: 38px 0 0 0;
	margin:0 0 8px 0;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 38px;
	height:45px;
	width:900px;
	
}
#header #logo {
	margin: 0; 
	padding:  0; 
	float:left;
	display:block;
}
#header #navi{
	float:right;
	width:500px;
	padding:11px 0 0 0;
	margin: 0;

}
#header #navi li{
	float				: left;
	list-style			: none;
	margin:0;
	color:#FFFFFF;
	font-weight:600;
}
#header #navi li a{
	margin:0 15px 0 0;
	padding:0 0 0 0;
	display				: block;
	height				: 23px;
	/*background			: url("../images/mainnavi.png") 0 0 no-repeat;*/
	text-indent			: -9999px;
	overflow:hidden;
	behavior: url("../iepngfix.htc");
}


/**		IE6 PNGFIX
******************************************/
* html body #container #header #navi li a{
	behavior: expression(IEPNGFIX.fix(this));
}

#header #navi li.top a{
	width:26px;
	background: url(../images/mainnavi_top.png) 0 0 no-repeat;
}

#header #navi li.vision a {
	width:45px;
	background: url(../images/mainnavi_vision.png) 0 0 no-repeat;
	
}
#header #navi li.business a {
	width:95px;
	background: url(../images/mainnavi_bussiness.png) 0 0 no-repeat;
}
#header #navi li.company a {
	width:100px;
	background: url(../images/mainnavi_company.png) 0 0 no-repeat;
}
#header #navi li.recruit a {
	width:50px;
	background: url(../images/mainnavi_recruit.png) 0 0 no-repeat;
}
#header #navi li.contact a {
	width:80px;
	background: url(../images/mainnavi_contact.png) 0 0 no-repeat;
}


#mainContent {
	height: 381px;
	margin:0;
	padding:0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	border:solid 1px #bfbfbf;
	clear:both;
}
#mainContent #title{
	margin:1px;
	padding: 0;
	height: 30px;
	background: #edeff1;
}
#mainContent #sidebar{
	width:184px;
	margin:0;
	padding:30px 0 0 17px;
	float:left;	

}
#mainContent #sidebar #sybtitle{
}
#mainContent #sidebar #subnavi{
	margin:50px 0 0 0;
	padding:0 ;}
#mainContent #sidebar #subnavi ul li{	list-style			: none;}
#mainContent #sidebar #subnavi ul li a{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	display				: block;
	width:150px;
	height				: 15px;
	background			: url("../images/subnavi.gif") 0 0 no-repeat;
	text-indent			: -9999px;
	overflow:hidden;
	}
	
/*サブナビ*/

/*ビジネス*/
#mainContent #sidebar #subnavi li.business01 a {
	height				: 15px;
	background-position	: 0 0;
}
#mainContent #sidebar #subnavi li.business01 a.current {
	background-position : -150px 0;
}

#mainContent #sidebar #subnavi li.business02 a {
	height				: 15px;
	background-position	: 0 -15px;
}
#mainContent #sidebar #subnavi li.business02 a.current {
	background-position : -150px -15px;
}

#mainContent #sidebar #subnavi li.business03 a {
	height				: 15px;
	background-position	: 0 -30px;
}
#mainContent #sidebar #subnavi li.business03 a.current {
	background-position : -150px -30px;
}
/*リクルート*/
#mainContent #sidebar #subnavi li.recruit01 a {
	height				: 15px;
	background-position	: 0 -45px;
}
#mainContent #sidebar #subnavi li.recruit01 a.current {
	background-position : -150px -45px;
}

#mainContent #sidebar #subnavi li.recruit02 a {
	height				: 15px;
	background-position	: 0 -60px;
}
#mainContent #sidebar #subnavi li.recruit02 a.current {
	background-position : -150px -60px;
}

#mainContent #sidebar #subnavi li.recruit03 a {
	height				: 15px;
	background-position	: 0 -75px;
}
#mainContent #sidebar #subnavi li.recruit03 a.current {
	background-position : -150px -75px;
}

#mainContent #sidebar #subnavi li.recruit04 a {
	height				: 15px;
	background-position	: 0 -90px;
}
#mainContent #sidebar #subnavi li.recruit04 a.current {
	background-position : -150px -90px;
}


#rightContent{
	margin:0 0 0 219px;
	padding:28px 50px 0 0;

}
#rightContent p{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.75;

}
#footer {
	margin:0 0 0 0;
	padding:4px 0 0 0;
}

* html body #footer {
	margin:0 0 0 0;
	padding:2px 0 0 0;
}
#footer p {
	margin: 0; 
	padding: 0;}

