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

@import "common.css";

body {
	color:#666666;
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;
	line-height:150%;
	font-size:0.75em;
	margin:0;
	background:#ffffff no-repeat center top;
	}

pre {
	font-size: 1.25em;
	}

a{
	color:#336666;
	}

a:hover{
	color:#669999;
	text-decoration:none;
	}

img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
	}

p {
	margin:0;
	padding:0;
	}

ul {
	list-style-type: none;
	}

form {
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	}

input{	vertical-align:middle;	}

button{ vertical-align:middle;	}


.fBox {
	overflow:hidden;
	zoom:1;
	}


/* --------------------------------------------------------------- */
/* layout */
/* --------------------------------------------------------------- */

#headerBg {
	background:url(../imgs/header_bg.gif) repeat-x left top;
	}

#headerWrap {
	width:940px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	}

#logo {
	width:290px;
	float:left;
	}

#headRgt {
	width:640px;
	float:right;
	padding:0 10px 0 0;
	overflow:hidden;
	zoom:1;
	}

h1 {
	padding-top:2px;
	line-height:18px;
	font-size:91.6%;
	font-weight:normal;
	text-align:right;
	color:#669999;
	}

#headerTel {
	width:350px;
	float:left;
	padding:0 0 10px;
	}

#headerNavi {
	width:220px;
	float:right;
	padding:10px 0;
	overflow:hidden;
	zoom:1;
	}

#headerNavi ul {
	margin:0;
	padding:0;	
	}

#headerNavi ul li {
	float:left;
	list-style:none;
	display:block;
	padding:0 0 0 5px;
	}

#mainImgBgRepeat {
	background:url(../imgs/img_bg_repeat.jpg) repeat-x left top;
	}

#mainImgBg {
	background:url(../imgs/img_bg.jpg) no-repeat center top;
	}

#detailImgBgRepeat {
	background:url(../imgs/img_detail_bg_repeat.jpg) repeat-x left top;
	}

#detailImgBg {
	background:url(../imgs/img_detail_bg.jpg) no-repeat center top;
	}

#mainImgWrap {
	width:940px;
	margin:0 auto;
	}

#wrapper {
	width:940px;
	margin:0 auto;
	padding:20px 0 30px;
	overflow:hidden;
	zoom:1;
	}

#contLft {
	width:230px;
	float:left;
	padding:0 30px 0 0;
	}

#contLft #navi {
	margin:0;
	padding:0 0 20px;
	}

#contLft #navi ul {
	margin:0;
	padding:0;
	}

#contLft #navi ul li {
	list-style:none;
	display:block;
	}

#contLft #navi ul li.navi01 a img { background:url(../imgs/navi01.gif) no-repeat left top; }
#contLft #navi ul li.navi02 a img { background:url(../imgs/navi02.gif) no-repeat left top; }
#contLft #navi ul li.navi03 a img { background:url(../imgs/navi03.gif) no-repeat left top; }
#contLft #navi ul li.navi04 a img { background:url(../imgs/navi04.gif) no-repeat left top; }
#contLft #navi ul li.navi05 a img { background:url(../imgs/navi05.gif) no-repeat left top; }
#contLft #navi ul li.navi06 a img { background:url(../imgs/navi06.gif) no-repeat left top; }

#contLft #navi ul li.navi01 a:hover img { background:url(../imgs/navi01.gif) no-repeat left bottom; }
#contLft #navi ul li.navi02 a:hover img { background:url(../imgs/navi02.gif) no-repeat left bottom; }
#contLft #navi ul li.navi03 a:hover img { background:url(../imgs/navi03.gif) no-repeat left bottom; }
#contLft #navi ul li.navi04 a:hover img { background:url(../imgs/navi04.gif) no-repeat left bottom; }
#contLft #navi ul li.navi05 a:hover img { background:url(../imgs/navi05.gif) no-repeat left bottom; }
#contLft #navi ul li.navi06 a:hover img { background:url(../imgs/navi06.gif) no-repeat left bottom; }

#contLft a.contact img { background:url(../imgs/side_ban_contact.gif) no-repeat left top; }
#contLft a.contact:hover img { background:url(../imgs/side_ban_contact.gif) no-repeat left bottom; }

#mainCont {
	width:680px;
	float:right;
	overflow:hidden;
	zoom:1;
	}

#mainCont #left {
	width:470px;
	float:left;
	}

#mainCont #left .title {
	margin:0;
	padding:0 0 10px;
	}

#news {
	margin:0;
	padding:0;
	}

#mainCont #left #news .title {
	margin:0;
	padding:0 0 5px;
	}

#news ul {
	margin:0;
	padding:0;
	}

#news ul li {
	background:url(../imgs/line_dot_gray.gif) repeat-x left bottom;
	padding:5px 0;
	}

#news ul li p {
	background:url(../imgs/arrow_news.gif) no-repeat left 0.3em;
	padding:0 0 0 10px;
	}

#news ul li .day {
	color:#3aa488;
	font-weight:bold;
	font-size:91.6%;
	}

#mainCont #right {
	width:180px;
	float:right;
	}

#mainCont #right .productsImg {
	margin:0;
	padding:0 0 5px;
	text-align:center;
	}

#mainCont #right .sBan {
	margin:0;
	padding:10px 0 0;
	}

#footerBg {
	background:url(../imgs/footer_bg.gif) repeat-x left top #ededed;
	}

#footerWrap {
	width:940px;
	margin:0 auto;
	padding:0 0 30px;
	}

#footerNavi {
	margin:0;
	padding:5px 5px 5px 10px;
	overflow:hidden;
	zoom:1;
	}

#footerNavi #left {
	width:750px;
	float:left;
	}

#footerNavi #left ul {
	margin:0;
	padding:0;
	}

#footerNavi #left ul li {
	list-style:none;
	background:url(../imgs/arrow_f_navi.gif) no-repeat left 0.4em;
	padding:0 15px 0 10px;
	font-size:91.6%;
	float:left;
	}

#footerNavi #left ul li a { color:#ffffff; }
#footerNavi #left ul li a:hover { color:#ccffcc; }

#footerNavi #pagetop {
	width:100px;
	float:right;
	}

#footerData {
	margin:0;
	padding:10px 0 0;
	color:#468d7c;
	line-height:120%;
	overflow:hidden;
	zoom:1;
	clear:both;
	}

#footerData #info {
	width:450px;
	float:left;
	overflow:hidden;
	zoom:1;
	}

#footerData #info #flogo {
	width:150px;
	float:left;
	padding:0 10px;	
	}

#footerData #info #companyData {
	width:220px;
	font-size:91.6%;
	float:left;
	}

#copyright {
	float:right;
	text-align:right;
	}


/* --------------------------------------------------------------- */
/* detail layout */
/* --------------------------------------------------------------- */

.title {
	margin:0;
	padding:0 0 10px;
	}

.pagelink {
	margin:0;
	padding:0 0 10px;
	overflow:hidden;
	zoom:1;
	}

.pagelink ul {
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;
	}

.pagelink ul li {
	list-style:none;
	display:block;
	border-left:#cccccc solid 1px;
	padding:0 10px;
	float:left;
	}

.pagelink ul li a {
	padding:0 0 0 10px;
	background:url(../imgs/arrow_pagelink.gif) no-repeat left 0.3em;
	}

.detail {
	margin:0;
	padding:0 0 30px;
	}

.stitle {
	margin:0;
	padding:0 0 10px;
	}


/* --------------------------------------------------------------- */
/* about us */
/* --------------------------------------------------------------- */

.greetingName {
	margin:0;
	padding:0;
	text-align:right;
	}

.companyTable {
	width:680px;
	margin:0;
	padding:0;
	border-collapse:collapse;
	}

.companyTable th ,.companyTable td {
	padding:10px;
	text-align:left;
	vertical-align:top;
	}

.companyTable th {
	width:140px;
	color:#ffffff;
	background:#3ca68b;
	border-right:#ffffff solid 3px;
	border-bottom:#ffffff solid 3px;
	}

.companyTable td {
	width:auto;
	background:#ececec;
	border-bottom:#ffffff solid 3px;
	}

.companyPhoto {
	margin:0;
	padding:10px 0 0;
	overflow:hidden;
	zoom:1;
	}

.companyPhoto img {
	float:left;
	}

.historyTable {
	width:680px;
	margin:0;
	padding:0;
	border-collapse:collapse;
	line-height:20px;
	}

.historyTable th ,.historyTable td {
	padding:6px 0 5px;
	text-align:left;
	vertical-align:top;
	border-bottom:#cccccc solid 1px;
	}

.historyTable th {
	width:150px;
	color:#3ca68b;
	}

.historyTable td {
	width:auto;
	}

.historyTable td p {
	margin:0;
	padding:0 0 0 10px;
	border-left:#cccccc solid 3px;
	}

.businessList {
	background:url(../imgs/line_dot_gray.gif) repeat-x left bottom;
	padding:0 0 5px;
	margin:0 0 5px;
	}

.businessList ul {
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;
	}

.businessList ul li {
	list-style:none;
	display:block;
	float:left;
	background:url(../imgs/arrow_green_l.gif) no-repeat left 0.3em;
	padding:0 25px 0 12px;
	font-size:116.7%;
	font-weight:bold;
	}

.type {
	color:#3aa488;
	font-weight:bold;
	padding:0 0 0 15px;
	background:url(../imgs/icon_circle.gif) no-repeat left top;
	}

.clientLink {
	margin:0;
	padding:0;
	font-size:91.6%;
	}

.clientLink ul {
	width:680px;
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;
	}

.clientLink ul li {
	list-style:none;
	display:block;
	float:left;
	padding:10px 10px 0 0;
	}

.clientLink ul li a.name {
	background:url(../imgs/about_link_arrow.gif) no-repeat left 0.2em;
	padding:0 0 0 8px;
	}

.accessMap {
	width:670px;
	margin:0;
	padding:1px;
	border:#dddddd solid 4px;
	}


/* --------------------------------------------------------------- */
/* flow */
/* --------------------------------------------------------------- */

.flowBox {
	margin:0;
	padding:0 0 20px;
	overflow:hidden;
	zoom:1;
	}

.flowBox .step {
	width:120px;
	float:left;
	padding:0 20px 0 0;
	}

.flowBox .text {
	width:400px;
	float:left;
	}

.flowBox .photo {
	width:120px;
	float:right;
	padding:0 10px 0 0;
	}


/* --------------------------------------------------------------- */
/* techniques */
/* --------------------------------------------------------------- */

.cateStitle {
	border-bottom:#cccccc solid 1px;
	background:url(../imgs/arrow_technic.gif) no-repeat left top;
	padding:0 0 5px 20px;
	color:#3aa488;
	font-weight:bold;
	}

.redText {
	color:#cc3333;
	}

.techPhotoList {
	width:680px;
	overflow:hidden;
	zoom:1;
	}

.techPhotoList ul {
	width:680px;
	overflow:hidden;
	zoom:1;
	}

.techPhotoList ul li {
	width:126px;
	float:left;
	padding:0 10px 10px 0;
	}


/* --------------------------------------------------------------- */
/* facilities */
/* --------------------------------------------------------------- */

.facilitiesTable {
	width:680px;
	margin:0;
	padding:0;
	border-collapse:collapse;
	}

.facilitiesTable th ,.facilitiesTable td {
	border:#cccccc solid 1px;
	}

.facilitiesTable th {
	color:#ffffff;
	background:#3aa488;
	text-align:center;
	}

.facilitiesTable td {
	color:#006633;
	text-align:center;
	padding:3px 10px;
	}

.facilitiesTable td.name {
	background:#e7f9f4;
	text-align:left;
	}

.facilitiesTable th.name { width:180px; padding:0 10px; }
.facilitiesTable th.unit { width:50px; padding:0 5px; }
.facilitiesTable th.maker { width:180px; padding:0 10px; }
.facilitiesTable th.type { width:auto; padding:0 10px; }

.facilitiesPhotoList {
	width:680px;
	overflow:hidden;
	zoom:1;
	}

.facilitiesPhotoList ul {
	width:680px;
	overflow:hidden;
	zoom:1;
	}

.facilitiesPhotoList ul li {
	width:155px;
	float:left;
	padding:0 15px 10px 0;
	text-align:center;
	}


/* --------------------------------------------------------------- */
/* products */
/* --------------------------------------------------------------- */

.productsPhotoList {
	width:680px;
	overflow:hidden;
	zoom:1;
	}

.productsPhotoList ul {
	width:680px;
	overflow:hidden;
	zoom:1;
	}

.productsPhotoList ul li {
	width:160px;
	float:left;
	padding:0 10px 10px 0;
	text-align:left;
	}

.productsPhotoList ul li p {
	background:url(../imgs/line_dot_dgray.gif) repeat-x left bottom;
	padding:2px 0;
	}

.productsPhotoList ul li p span {
	background:url(../imgs/arrow_black.gif) no-repeat left 0.3em;
	padding:0 0 0 10px;
	}


/* --------------------------------------------------------------- */
/* policy */
/* --------------------------------------------------------------- */

.policyBox {
	margin:0;
	padding:0 0 30px;
	}

.policyBox .stitle {
	color:#3aa488;
	font-weight:bold;
	font-size:116.7%;
	background:url(../imgs/line_dot_green.gif) repeat-x left bottom;
	padding:0 0 3px;
	}

.policyBox .text {
	margin:0;
	padding:5px 10px 0;
	}

.policyContact {
	widows:628px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	margin:0 0 0 20px;
	padding:0 20px 10px 30px;
	}


/* --------------------------------------------------------------- */
/* contact */
/* --------------------------------------------------------------- */

.contactTable {
	width:680px;
	margin:0;
	padding:0;
	}

.contactTable th ,.contactTable td {
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-bottom:#ffffff solid 5px;
	}

.contactTable th {
	background:#3aa488;
	color:#ffffff;
	width:130px;
	}

.contactTable td {
	width:auto;
	}

#submitArea {
	text-align:center;
	margin:0;
	padding:30px 0 0;
	}

.contactTable input { border:#5cb19b solid 1px; }
.contactTable textarea { border:#5cb19b solid 1px; }