@charset "utf-8";

@import "reset.css";



/* common */
	body {
		font-family: "Arial", Gadget, sans-serif;
		background: #006666;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 18px;
	}
	#wrapper {
		padding-bottom: 40px;
		background: #ffffff;
	}
	/* anchor */
	a {
		color: #0000ff;
		text-decoration: underline;
	}
	a:hover {
		color: #ff0000;
		text-decoration: underline;
	}
	/* wrap */
	.wrap {
		clear: both;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	.base .wrap {
		width: 960px;
	}
	/* float */
	.fl {
		float: left;
	}
	.fr {
		float: right;
	}
	/* box */
	.box {
		padding: 10px;
		background: #ffffff url(../img/bg-dot.gif) repeat 0 0;
	}
	.box .inner {
		background: #ffffff;
	}
	/* page top */
	#pagetop {
		clear: both;
		padding: 20px 20px 0 20px;
		text-align: right;
	}
	/* list */
	.list dt.first,
	.list dd.first {
		padding-top: 0 !important;
		background: none !important;
	}
	/* headding */
	h3.title {
		padding: 10px 0;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		background: #ffffff url(../img/bg-h3.gif) repeat-x 0 100%;
	}
	h4.title {
		margin-bottom: 20px;
		font-size: 14px;
		background: #ffffff url(../img/bg-h4-btm.gif) no-repeat 0 100%;
	}
	h4.title span {
		display: block;
		width: 670px;
		padding: 10px 15px;
		background: url(../img/bg-h4-top.gif) no-repeat 0 0;
	}
	#index h4.title {
		margin-bottom: 0;
	}

/* header text */
	#hTxt {
		font-size: 10px;
		line-height: 10px;
		color: #ffffff;
		padding: 6px 0 5px;
		background: #197575 url(../img/bg-htxt.gif) repeat 50% 0;
	}
	#hTxt h1 {
		float: left;
		font-weight: normal;
	}
	#hTxt address {
		float: right;
	}

/* header */
	#header {
		clear: both;
		padding: 15px 0 7px;
		background: #ffffff;
	}
	#header h2 {
		float: left;
		padding-top: 10px;
	}
	#headRight {
		float: right;
		width: 390px;
	}
	#headRight .clearfix {
		padding-top: 10px;
	}

/* main */
	#main {
		margin-bottom: 20px;
		background: url(../img/bg-main.jpg) repeat-x 50% 0;
	}
	#index #main {
		margin-bottom: 0;
		background: url(../img/bg-main-index.gif) repeat-x 50% 0;
	}
	#main .wrap {
		height: 115px;
		text-indent: -9999px;
		overflow: hidden;
	}
	#index #main .wrap {
		height: 306px;
		background: url(../img/img-main.jpg) no-repeat 50% 0;
	}
	#company #main .wrap { background-image: url(../img/main-company.jpg);}
	#equipment #main .wrap { background-image: url(../img/main-equipment.jpg);}
	#technology #main .wrap { background-image: url(../img/main-technology.jpg);}
	#products #main .wrap { background-image: url(../img/main-products.jpg);}
	#recruit #main .wrap { background-image: url(../img/main-recruit.jpg);}
	#contact #main .wrap { background-image: url(../img/main-contact.jpg);}

/* container */
	#container {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}

/* main content */
	#mainContent {
		width: 700px;
		margin-left: 260px;
	}

/* side navi */
	#sideContent {
		position: absolute;
		top: 0;
		left: 0;
		width: 210px;
		padding-top: 18px;
		padding-bottom: 30px;
	}
	#sideContent ul {
		margin-bottom: 19px;
	}
	#sideContent li {
		margin-bottom: 2px;
	}
	#sideContent li a {
		display: block;
		width: 175px;
		padding: 15px 9px 15px 24px;
		border: 1px #ffffff solid;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		color: #333333;
		background: #ffffff url(../img/bg-navi-li.gif) no-repeat 0 0;
	}
	#sideContent li a:hover {
		text-decoration: underline;
		background: #ffffff url(../img/bg-navi-li_ov.gif) no-repeat 0 0;
	}
	#sideContent li.on a {
		text-decoration: none;
		border: 1px #e9e9e9 solid;
		background: #ffffff url(../img/bg-navi-li_ov.gif) no-repeat 0 0;
	}


/* footer */
	#footer {
		clear: both;
		padding: 20px 0 15px;
		background: #26a8a8 url(../img/bg-footer.gif) repeat 50% 0;
	}
	#footer h2,
	#footer address,
	#footer li {
		float: left;
	}
	#footer h2 {
		margin-right: 25px;
	}
	#footer ul {
		float: right;
		padding-top: 8px;
	}
	#footer li {
		margin-left: 6px;
	}
	#footer li img {
		vertical-align: top;
	}
	#footer .mail {
		margin-left: 0;
		padding-right: 8px;
	}
	#copyright {
		padding: 5px 0;
		color: #ffffff;
		font-size: 10px;
		line-height: 10px;
		text-align: right;
	}

/* index */
	/* tech */
	#tech {
		padding: 20px 0 25px;
	}
	#tech .fl.box {
		width: 534px;
	}
	#tech .fr.box {
		width: 356px;
	}
	#tech .inner {
		padding: 15px 20px 10px;
	}
	#tech .fl.box .inner {
		background: #ffffff url(../img/bg-tech-inner.gif) repeat-y 255px 0;
	}
	#tech .fl.box ul {
		width: 240px;
	}
	#tech a {
		padding-left: 15px;
		color: #333333;
		text-decoration: none;
		background: url(../img/bg-tech-li.gif) no-repeat 0 50%;
	}
	#tech a:hover {
		text-decoration: underline;
	}
	/* pick up */
	#pickup {
		margin-bottom: 30px;
	}
	#pickup .inner {
		padding: 20px 30px 10px;
	}
	#pickup .fl,
	#pickup .fr {
		width: 291px;
		text-align: center;
	}
	#pickup strong {
		display: block;
		margin-top: 5px;
		font-weight: bold;
	}
	#pickup a {
		display: block;
		padding: 1px;
		border: 1px #b8dbca solid;
	}
	#pickup a:hover {
		border: 1px #999 solid;
	}
	/* information */
	#info {
		min-height: 150px;
		height: auto !important;
		height: 150px;
		border: 1px #cccccc solid;
		border-top: 1px #ffffff solid;
		margin-bottom: 30px;
		background: url(../img/bg-info.gif) no-repeat 0 0;
	}
	#info dl.list {
		width: 668px;
		padding: 15px 15px 0 15px;
	}
	#info dl.list dt {
		clear: left;
		float: left;
		padding: 10px 0;
		width: 78px;
		background: url(../img/bg-info-dt.gif) repeat-x 0 0;
	}
	#info dl.list dd {
		padding: 10px 0;
		margin-left: 78px;
		background: url(../img/bg-info-dt.gif) repeat-x 0 0;
	}
	#info a {
		color: #333333;
		text-decoration: underline;
	}
	#info a:hover {
		text-decoration: none;
	}

/* company */
	/* dl */
	#company dl.list {
		margin-bottom: 40px;
	}
	#company dl.list dt {
		clear: left;
		float: left;
		padding: 10px 0;
		width: 100px;
		background: url(../img/bg-info-dt.gif) repeat-x 0 0;
	}
	#company dl.list dd {
		padding: 10px 0;
		margin-left: 100px;
		background: url(../img/bg-info-dt.gif) repeat-x 0 0;
	}
	/* message */
	#company #message {
		position: relative;
		height: 300px;
		margin-bottom: 40px;
	}
	#company #message .fl {
		width: 300px;
	}
	#company #message .fr {
		width: 380px;
	}
	#company #message .name {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	/* map */
	#company #map .fr {
		width: 250px;
	}
	#company #map dt {
		font-weight: bold;
	}
	#company #map dd {
		margin-bottom: 20px;
	}

/* equipment */
	/* img area */
	#equipment #imgArea {
		margin-bottom: 40px;
	}
	#equipment #imgArea div {
		text-align: center;
	}
	#equipment #imgArea strong {
		display: block;
		margin-top: 5px;
		font-weight: bold;
	}
	/* list */
	#equipment table {
	}
	#equipment th {
		padding: 10px 15px;
		font-weight: bold;
		border-bottom: 1px #999999 solid;
	}
	#equipment td {
		padding: 10px 15px;
		text-align: right;
		border-left: 1px #999999 solid;
		border-bottom: 1px #999999 solid;
	}

/* technology */
	#technology h3.title {
		margin-bottom: 30px;
	}
	/* sub navi */
	#technology .snav {
		margin: 0 auto 20px;
		padding-top: 10px;
		text-align: center;
	}
	#technology .snav li {
		display: inline;
		margin-right: 0.6em;
		padding-left: 1.2em;
		border-left: 1px solid #333333;
	}
	#technology .snav li.on {
		font-weight: bold;
	}
	#technology .snav li a {
		padding-left: 10px;
		color: #333333;
		text-decoration: none;
		background: url(../img/bg-tech-li.gif) no-repeat 0 50%;
	}
	#technology .snav li.on a {
		text-decoration: underline;
	}
	#technology .snav li a:hover {
		text-decoration: underline;
	}
	#technology .snav li.first {
		padding-right: 0;
		border-left: none;
	}
	/* img area */
	#technology .imgArea {
		margin-bottom: 20px;
	}
	#technology .imgArea ul {
		margin-right: -5px;
	}
	#technology .imgArea li {
		float: left;
		width: 230px;
		margin-right: 5px;
		margin-bottom: 20px;
	}
	#technology .imgArea h5 {
		display: block;
		margin-bottom: 3px;
		font-weight: bold;
	}
	#technology .imgArea img {
		margin-bottom: 5px;
	}

/* products */
	/* img area */
	#products .imgArea li.fl,
	#products .imgArea li.fr {
		width: 345px;
		margin-bottom: 20px;
	}
	#products .imgArea img {
		margin-bottom: 5px;
	}

/* recruit */
	/* how to */
	#recruit #howto {
		margin-bottom: 40px;
	}
	#recruit #howto .fl {
		width: 250px;
	}
	#recruit #howto .fr {
		width: 430px;
	}
	#recruit #howto .fr p {
		margin-bottom: 20px;
	}
	/* outline */
	#recruit dl.list dt {
		clear: left;
		float: left;
		padding: 10px 0;
		width: 70px;
		background: url(../img/bg-info-dt.gif) repeat-x 0 0;
	}
	#recruit dl.list dd {
		padding: 10px 0;
		margin-left: 70px;
		background: url(../img/bg-info-dt.gif) repeat-x 0 0;
	}

/* contact */
	/* mailbox */
	#contact #mailbox {
		margin-bottom: 40px;
	}

.iso {
	margin-left:15px;
	margin-top: 20px;}