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

/*-------------------------------------------------------------------------
                                 COMMON
-------------------------------------------------------------------------*/

/* \*/ a { outline:none; overflow:hidden; } /**/

.altText { display: block; font-size: 1px; text-indent: -3000px; }

.hideText {	display: none; }

hr { display: none; clear: both; }

body {
	background: url(../images/bg.gif) 0 0 repeat-x;
	background-color: #F1F1F1;
	margin: 0;
	padding: 0;
}

/*-------------------------------------------------------------------------
                                 LAYOUT
-------------------------------------------------------------------------*/

#Header {
	width: 933px;
	margin: 12px auto 10px;
	padding: 0 9px 0 8px;
	background: url(../images/imgFlyAwayFly.gif) 8px 0 no-repeat;
}

	#Header h1 {
		background: url(../images/logoNipponSteelEngineering.gif) 0 0 no-repeat;
		width: 317px;
		height: 39px;
		margin: 0 0 0 616px;
		padding: 0;
	}

#contentsHeader {
	background: url(../images/bgHead.gif) 0 0 no-repeat;
	width: 950px;
	height: 12px;
	margin: 0 auto;
}

#contents {
	background: url(../images/bgContents.gif) 0 0 repeat-y;
	width: 950px;
	height: 519px;
	margin: 0 auto;
}
	
#notice {
	clear:both;
	margin:0 55px 0 55px;
	list-style:none;
	padding:20px 0 0 0;
}

#contentsFooter {
	background: url(../images/bgFoot.gif) 0 0 no-repeat;
	width: 950px;
	height: 16px;
	margin: 0 auto;
	padding: 0;
}

p {
	background: transparent url(../images/imgCopyright.gif) 0 0 no-repeat;
	width: 938px;
	height: 20px;
	margin: 12px auto 0;
	padding: 0;
}

#flashNotice {
	padding: 55px;
}

/*-------------------------------------------------------------------------
                                 STYLE
-------------------------------------------------------------------------*/

.rightCalam {
	width: 323px;
	float: right;
	margin: 36px 0 0 0;
}

ul.subMenu {
	list-style: none;
	margin: 0;
	padding:  0;
	width: 268px;
	height: 25px;
}

	.subMenu li {
		background-repeat: no-repeat;
		display: inline;
		float: right; }

	.subMenu li.recruitSite,
	.subMenu li.recruitSite a {
		background-image: url(../images/f2/btnRecruitsite.gif);
		height: 25px;
		width: 111px; }

	.subMenu li.corprateSite,
	.subMenu li.corprateSite a {
		background-image: url(../images/f2/btnCorporatesite.gif);
		height: 25px;
		width: 157px; }

		.subMenu li a {
			background-repeat: no-repeat;
			display: block;
			overflow: hidden;
			text-indent: -9999em; }

		.subMenu li.recruitSite a:hover,
		.subMenu li.corprateSite a:hover {
			background-color: transparent;
			background-image: none; }

		.subMenu li.recruitSite a {
			background-image: url(../images/btnRecruitsite.gif); }
	
		.subMenu li.corprateSite a {
			background-image: url(../images/btnCorporatesite.gif); }

.leftCalam {
	width: 572px;
	float: left;
	margin: 105px 0 0 55px;
}

* html #contents .leftCalam { float:none; }

.description {
	background: url(../images/imgDescription.gif) 0 0 no-repeat;
	width: 406px;
	height: 95px;
}

.leftCalam h2 {
	background: url(../images/imgBody.gif) 0 0 no-repeat;
	width: 386px;
	height: 20px;
	margin: 58px 0 43px 0;
	padding: 0;
}

.leftCalam a {
	background: url(../images/btnEntersite.gif) 0 0 no-repeat;
	width: 74px;
	height: 33px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#notice #notice1 {
	height:16px;
	width: 123px;
	background: url(../images/notice1.gif) 0 0 no-repeat;
}

#notice #notice2 {
	height:16px;
	width: 385px;
	background: url(../images/notice2.gif) 0 0 no-repeat;
}

#flashNotice .notice1 {
	height: 20px;
	width: 840px;
	background: url(../images/flash_notice1.gif) 0 0 no-repeat;
}

#flashNotice .notice2 {
	height: 44px;
	width: 840px;
	background: url(../images/flash_notice2.gif) 0 0 no-repeat;
}