@charset "shift_jis";
*{  margin:0; padding:0; border:0; text-decoration:none;line-height:1;font-size:100%;}

body { background-image: url(top-img/top-back.jpg); background-repeat: repeat; margin: 0; padding: 0; text-align: center; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
html{ overflow-x:hidden; }
#header { background-image: url(top-img/header-rogo.jpg); width: 900px; height: 80px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-repeat: no-repeat; position: relative; text-align: center; padding: 0px; }
#topwrap2 { width: 100%; position: relative; text-align:center;}
#wrap2 { position : relative; background-image: url(top-img/top-back2.jpg); width: 900px; height: 500px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-repeat: no-repeat; top:66px; text-align:center;}
#topwrap { width: 100%; position: relative; }
#wrap { position : relative; background-image: url(top-img/top-back2.jpg); width: 900px; height: 500px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-repeat: no-repeat; top:66px; }
#film { width: 2000px; height: 134px; text-align: center; padding: 0px; margin-top: 50px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #3e3a39; }
#news {
	width: 338px;
	height: 110px;
	font-size: 75%;
	line-height: 1.8em;
	position: absolute;
	left: 230px;
	top: 217px;
	text-align: left;
	color: #FFFFFF;
	overflow: auto;
	visibility: visible
}

/*サブナビ01(採用情報TOP・ブラスについて）*/
#subnavi01 { width: 220px; height: 20px; position: absolute; left: 640px; top: 20px; }
#subnavi01 ul { width: 220px; height: 20px; list-style-type: none; }
#subnavi01 li { text-indent: -5000px; width: 110px; height: 20px; float: left;  }
#subnavi01 li#recruittop a { background-image: url(common-img/subnavi01.jpg); background-repeat: no-repeat; background-position: 0 0; width: 110px; height: 20px; display: block; }
#subnavi01 li#recruittop a:hover { background-image: url(common-img/subnavi02.jpg); background-repeat: no-repeat; background-position: 0 0; width: 110px; height: 20px; display: block; }
#subnavi01 li#about a { background-image: url(common-img/subnavi01.jpg); background-repeat: no-repeat; background-position: -110px 0; width: 110px; height: 20px; display: block; }
#subnavi01 li#about a:hover { background-image: url(common-img/subnavi02.jpg); background-repeat: no-repeat; background-position: -110px 0; width: 110px; height: 20px; display: block; }

/*サブナビ02(中途採用・アルバイト採用）*/
#subnavi02 { width: 164px; height: 30px; position: absolute; left: 643px; top: 227px; }
#subnavi02 ul { width: 164px; height: 30px; list-style-type: none; }
#subnavi02 li { text-indent: -5000px; width: 82px; height: 30px; float: left;  }
#subnavi02 li#career a {  width:82px; height: 30px; display: block; }
#subnavi02 li#career a:hover { background-image: url(top-img/top-subnavi02.jpg); background-repeat: no-repeat; background-position: 0 0; width:82px; height: 30px; display: block; }
#subnavi02 li#byte a { width:82px; height: 30px; display: block; }
#subnavi02 li#byte a:hover { background-image: url(top-img/top-subnavi02.jpg); background-repeat: no-repeat; background-position: -82px 0 ; width: 82px; height: 30px; display: block; }

/*en-japanへのリンク*/
#en { width: 139px; height: 50px; position: absolute; left: 673px; top: 296px; text-indent: -5000px }
#en a { width:139px; height: 50px; display: block; }
#en a:hover { background-image: url(top-img/en-hover.jpg); background-repeat: no-repeat;  width:139px; height: 50px; display: block; }

/*グローバルナビ(01〜06）*/
#globalnavi { width: 900px; height: 70px; position: absolute; top: 124px; margin: 0; left: 0px; right: 0px; bottom: 0px; padding: 0px; }
#globalnavi ul { width: 816px; height: 70px; padding: 0; list-style-type: none; margin-top: 0px; margin-right: 42px; margin-bottom: 0px; margin-left: 42px; position: relative; top: 10px; }
#globalnavi li { text-indent: -5000px; width: 136px; height: 70px; float: left; margin: 0; padding: 0; }
#globalnavi li#message a {width: 136px; height: 70px; display: block; }
#globalnavi li#message a:hover { background-image: url(top-img/topnavi2.gif); background-repeat: no-repeat; background-position: 0 0; width: 136px; height: 70px; display: block; }
#globalnavi li#vision a { width: 136px; height: 70px; display: block; }
#globalnavi li#vision a:hover { background-image: url(top-img/topnavi2.gif); background-repeat: no-repeat; background-position: -136px 0; width: 136px; height: 70px; display: block; }
#globalnavi li#voice a { width: 136px; height: 70px; display: block; }
#globalnavi li#voice a:hover { background-image: url(top-img/topnavi2.gif); background-repeat: no-repeat; background-position:  -272px 0; width: 136px; height: 70px; display: block; }
#globalnavi li#report a { width: 136px; height: 70px; display: block; }
#globalnavi li#report a:hover { background-image: url(top-img/topnavi2.gif); background-repeat: no-repeat; background-position:  -408px 0; width: 136px; height:70px; display: block; }
#globalnavi li#brass a { width: 136px; height: 70px; display: block; }
#globalnavi li#brass a:hover { background-image: url(top-img/topnavi2.gif); background-repeat: no-repeat; background-position: -544px -0; width: 136px; height: 70px; display: block; }
#globalnavi li#recruit a { width: 136px; height: 70px; display: block; }
#globalnavi li#recruit a:hover { background-image: url(top-img/topnavi2.gif); background-repeat: no-repeat; background-position: -680px 0; width: 136px; height: 70px; display: block; }

/*フッターナビ*/
#footnavi {width:390px; height: 20px; position: absolute; left:470px; top: 390px;   }
#footnavi ul { width: 390px; height: 20px; list-style-type: none;  }
#footnavi li { text-indent: -5000px; width: 130px; height: 20px; float: left;  }
#footnavi li#sitemap a { background-image: url(common-img/footnavi.jpg); background-repeat: no-repeat; background-position: 0 0; width: 130px; height: 20px; display: block; }
#footnavi li#sitemap a:hover { background-image: url(common-img/footnavi-hover.jpg); background-repeat: no-repeat; background-position: 0 0; width: 130px; height: 20px; display: block; }
#footnavi li#policy a { background-image: url(common-img/footnavi.jpg); background-repeat: no-repeat; background-position: -130px 0; width: 130px; height: 20px; display: block; }
#footnavi li#policy a:hover { background-image: url(common-img/footnavi-hover.jpg); background-repeat: no-repeat; background-position:  -130px 0; width: 130px; height: 20px; display: block; }
#footnavi li#about a { background-image: url(common-img/footnavi.jpg); background-repeat: no-repeat; background-position: -260px 0; width: 130px; height: 20px; display: block; }
#footnavi li#about a:hover { background-image: url(common-img/footnavi-hover.jpg); background-repeat: no-repeat; background-position: -260px 0; width: 130px; height: 20px; display: block; }