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

/* Body			##################################### */
body {
	background: url("../img/bg_body.gif") top center repeat-x;
	font-size: 12px;
}

/* Wrapper		##################################### */
div#wrapper {
	margin: 0 auto;
	width: 960px;
}

/* Header		##################################### */
div#head {
	position: relative;
	margin-bottom: 32px;
	width: 960px; height: 47px;
	background: url("../img/bg_head.gif") bottom left repeat-x;
}
	div#head h1 {
		position: absolute;
		top: 19px;
		width: 300px; height: 15px;
		overflow: hidden;
	}
		div#head h1 a {
			display: block;
			width: 300px; height: 15px;
			background: url("../img/logo_head.gif") no-repeat;
		}
	div#head ul {
		position: absolute;
		top: 16px; left: 309px;
		padding-left: 1px;
		width: 650px; height: 26px;
		text-indent: -7777px;
	}
		div#head ul li {
			float: left;
		}
			div#head ul li a {
				display: block;
				margin-top: 7px;
				height: 12px;
				overflow: hidden;
			}
			div#head ul li a:hover {
				background-position: top right;
			}
			a#btn-head-news {
				width: 75px;
				background: url("../img/btn_head_news.gif") top left no-repeat;
			}
			a#btn-head-works {
				width: 52px;
				background: url("../img/btn_head_works.gif") top left no-repeat;
			}
			a#btn-head-mailmagazine {
				width: 105px;
				background: url("../img/btn_head_mailmagazine.gif") top left no-repeat;
			}
			a#btn-head-profile {
				width: 94px;
				background: url("../img/btn_head_profile.gif") top left no-repeat;
			}
			a#btn-head-link {
				width: 62px;
				background: url("../img/btn_head_link.gif") top left no-repeat;
			}
			a#btn-head-sitemap {
				width: 94px;
				background: url("../img/btn_head_sitemap.gif") top left no-repeat;
			}
			a#btn-head-recruit {
				width: 94px;
				background: url("../img/btn_head_recruit.gif") top left no-repeat;
			}
			a#btn-head-company {
				width: 75px;
				background: url("../img/btn_head_company.gif") top left no-repeat;
			}
			a#btn-head-inquiry {
				width: 93px;
				background: url("../img/btn_head_inquiry.gif") top left no-repeat;
			}
	a#btn-top {
		display: block;
		position: absolute;
		top: 25px; left: 900px;
		width: 56px; height: 10px;
		background: url("../img/btn_top.gif") top left no-repeat;
		text-indent: -7777px;
	}
	a:hover#btn-top {
		background-position: top right;
	}

/* Left			##################################### */
div#left {
	float: left;
	margin-bottom: 32px;
	width: 810px;
	background: url("../img/border_b.gif") top right repeat-y;
}
	div#main {
		width: 790px; min-height: 435px;
	}
		div#box-mailmagazine {
			margin-top: 22px;
			padding: 5px 0 6px 0;
			width: 239px;
			background: url("../img/bg_box_mailmagazine.gif") top left repeat;
			font-size: 11px;
			color: #777;
		}
			div#box-mailmagazine-text {
				position: relative;
				margin: 0 5px;
				padding: 15px 0 13px 0;
				width: 229px;
				background: #fff;
			}
				div#box-mailmagazine-text h3 {
					margin-left: 10px;
					width: 108px; height: 12px;
					background: url("../img/h3_mailmagazine.gif") top left no-repeat;
				}
				div#box-mailmagazine-text img {
					position: absolute; top: 11px; left: 200px;
				}
				div#box-mailmagazine-text span {
					display: block;
					margin: 15px 0 0 17px;
					width: 195px;
				}
				div#box-mailmagazine-text span strong {
					font-weight: bold;
				}
			div#box-mailmagazine input#form-textarea {
				margin: 12px 0 0 10px;
				padding-top: 5px;
				width: 217px; height: 17px;
				border-top: 1px solid #bbb;
				border-left: 1px solid #bbb;
				border-right: 1px solid #eee;
				background: #fcfcfc;
				text-align: center;
				color: #393939;
				font-size: 11px;
			}
			input#form-btn {
				margin: 10px 0 10px 158px;
				width: 66px; height: 21px;	
				background: url("../img/btn_mailmagazine_submit.gif") top left no-repeat;
				text-indent: -7777px;
			}
			input:hover#form-btn {
				background-position: top right;
			}

/* Right		##################################### */
div#right {
	float: right;
	margin-bottom: 32px;
	width: 136px;
}
	div#right h2 {
		margin: 12px 0 34px 46px;
		width: 27px; height: 203px;
		overflow: hidden;
	}
		div#right h2 a {
			display: block;
			width: 27px; height: 203px;
			background: url("../img/logo_right.gif") no-repeat;
		}
	div#right ul {
		margin-top: 28px;
	}
		div#right ul li {
			margin-bottom: 10px;
			padding-top: 15px;
			width: 135px;
			background: url("../img/border_a.gif") top left repeat-x;
		}
			div#right ul li a {
				display: block;
				width: 135px;
			}

/* Footer		##################################### */
div#foot {
	margin-bottom: 77px;
	width: 960px; height: 34px;
	background: url("../img/bg_foot.gif") top left repeat-x;
	clear: both;
}
	div#foot ul {
		margin-left: 15px;
	}
		div#foot ul li {
			float: left;
			margin-top: 13px;
		}
			div#foot ul li a {
				display: block;
				height: 11px;
				text-indent: -7777px;
				border-right: 1px solid #777;
				overflow: hidden;
			}
			div#foot ul li a:hover {
				background-position: top right;
			}
			a#btn-foot-news {
				width: 63px;
				background: url("../img/btn_foot_news.gif") top left no-repeat;
				border-left: 1px solid #777;
			}
			a#btn-foot-works {
				width: 39px;
				background: url("../img/btn_foot_works.gif") top left no-repeat;
			}
			a#btn-foot-mailmagazine {
				width: 91px;
				background: url("../img/btn_foot_mailmagazine.gif") top left no-repeat;
			}
			a#btn-foot-profile {
				width: 81px;
				background: url("../img/btn_foot_profile.gif") top left no-repeat;
			}
			a#btn-foot-link {
				width: 50px;
				background: url("../img/btn_foot_link.gif") top left no-repeat;
			}
			a#btn-foot-sitemap {
				width: 81px;
				background: url("../img/btn_foot_sitemap.gif") top left no-repeat;
			}
			a#btn-foot-recruit {
				width: 81px;
				background: url("../img/btn_foot_recruit.gif") top left no-repeat;
			}
			a#btn-foot-company {
				width: 60px;
				background: url("../img/btn_foot_company.gif") top left no-repeat;
			}
			a#btn-foot-inquiry {
				width: 81px;
				background: url("../img/btn_foot_inquiry.gif") top left no-repeat;
			}
	div#foot span {
		display: block;
		float: right;
		margin-top: 12px;
		padding-right: 12px;
		width: 359px; height: 10px;
		background: url("../img/img_copyright.gif") top left no-repeat;
		text-indent: -7777px;
		overflow: hidden;
	}