@charset "UTF-8";
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

img {
border: none;
}

.ie6 img {
	width: 100%;
}

html,body {
	width:100%;
	height:100%;
}


/* SP : 100 px - 767 px */
@media only screen and (min-width: 100px) {
.gridContainer {
	width:100%;
	height:100%;
	max-width:767px;
	min-width:100px;
}

.sp{
	display:block;
}

.pc{
	display:none;
}

/*------------------------------------
	ヘッダー
------------------------------------*/
.header-wrap{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	box-shadow:0 5px 6px rgba(0,0,0,0.3);
}

.header-cont{
	width:100%;
	height:66px;
	margin:0 auto;
	padding:6px 0 0 0;
	background:#fff;
	box-sizing:border-box;
}

.header-logo{
	position:absolute;
	width:220px;
	height:45px;
	top:10px;
	right:16px;
	text-align:center;
	z-index:20000;
}

.header-logo img{
	width:100%;
}

.h1-a{
	position:relative;
	float:left;
	width:220px;
	height:45px;
	z-index:20000;
}
.sp-menu{
	float:right;
	margin:0 5px 0 0;
}

.sp-menu button{
	background-color:#fff;
	border:none;
}

.sp-menu-bb{
	float:left;
	margin:0 0 6px 10px;
	padding:0;
	background:#F00;
	box-sizing:border-box;
}

#sp-menu01{
	float:left;
}

.sp button{
	float:right;
	margin:0;
	padding:0;
	background:#000;
	border:1px solid #000;
}


.copy{
	float:left;
	width:100%;
	padding:8px 0 8px 0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-top:1px solid #555;
}

.footer-nav{
	float:right;
	width:100%;
	margin:27px 0 27px 0;
}

.footer-nav li{
	float:right;
	margin:0 15px 0 0;
}

.footer-nav li a{
	color:#eee;
	text-decoration:none;
}

.footer-nav li a:hover{
	color:#eee;
	text-decoration:underline;
}

.footer-logo{
	float:left;
	width:64%;
	margin:0 18%;
}

.footer-add{
	float:left;
	width:96%;
	margin:15px 2% 17px 2%;
	color:#fff;
	line-height:150%;
	font-size:94%;
	text-align:center;
}



/*------------------------------------
	コンテンツ
------------------------------------*/
.content-100p{
	float:left;
	width:100%;
	overflow: hidden;
	zoom: 1;
}

.content-1000px{
	width:100%;
	margin:0 auto;
	overflow: hidden;
	padding:68px 0;
	zoom: 1;
}

.content-1000px-narrow{
	width:100%;
	margin:0 auto;
	overflow: hidden;
	padding:0;
	zoom: 1;
}

.content-left{
	float:left;
	width:90%;
	margin:0 5%;
	box-sizing:border-box;
	z-index:100;
}

.content-left .h1-box{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	border-bottom:3px solid #f0401f;
	line-height:100%;
}

.content-left h1{
	float:left;
	width:88%;
	margin:0 0 20px 0;
	padding:5px 0 10px 12px;
	font-size:175%;
	font-weight:bold;
	color:#002a51;
	line-height:100%;
}

.content-left .h2-box{
	float:left;
	width:100%;
	margin:0 0 17px 0;
	line-height:100%;
}

.content-left h2{
	float:left;
	width:100%;
	margin:0 0 8px 0;
	padding:4px 0 0 12px;
	font-size:138%;
	font-weight:bold;
	color:#002a51;
	line-height:100%;
	border-left:10px solid #1051f8;
	line-height:140%;
	box-sizing:border-box;
}

.content-left .icon{
	float:left;
	width:auto;
	margin:0 0 0 0;
	padding:5px 0 10px 5px;
	font-size:175%;
	font-weight:bold;
	color:#009cd3;
	line-height:100%;
	z-index:10;	
}

.content-left .icon-min{
	float:left;
	width:auto;
	margin:0 4px 0 15px;
	padding:0 0 0 7px;
	font-size:100%;
	font-weight:bold;
	color:#d44b72;
	line-height:100%;
	z-index:10;	
}

.content-left h3{
	float:left;
	width:100%;
	font-size:100%;
	color:#002a51;
	margin:5px 0 10px 0;
	padding:12px 0 10px 20px;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	box-sizing:border-box;
}

.content-left .txt{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.content-left .txt50{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.content-left .txt-l{
	float:left;
	width:100%;
	margin:0 0 40px 0;
}

.content-left .txt-t{
	float:left;
	width:100%;
	margin:25px 0 0 0;
}

.content-left .txt-t-l{
	float:left;
	width:100%;
	margin:25px 0 40px 0;
}

.content-left img{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.content-left img50{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.content-right{
	float:right;
	width:74%;
	margin:20px 13% 10px 13%;
	padding:10px;
	background:#fff;
	box-shadow:0 0 5px #fff, 0 0 10px #ccc, 0 0 5px #aaa;
	border-radius:10px;
}

/* TOP PAGE */
.pagetop{
	float:left;
	width:100%;
	margin:60px 0 0 0;
}

.pagetop a{
	float:right;
}


#main-visual{
	width: 100%;
	height: 100vh;
	background-image: url(../img/top-page/01.jpg);
	background-position:center center;
	background-size:cover;
}

.top-title{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	font-size:250%;
	font-weight:bold;
	color:#001b34;
	text-align:center;
	line-height:100%;
}

.top-news-box{
	float:left;
	width:100%;
	margin:20px 0;
	line-height:140%;
}

.top-news-box dl{
	float:left;
	width:96%;
	margin:10px 2% 0 2%;
}

.top-news-box dt{
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 3px 0;
	font-weight:bold;
	border-bottom:1px solid #bbb;
}

.top-news-box dd{
	float:left;
	width:100%;
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	font-size:94%;
}

.top-news-img{
	float:left;
	width:96%;
	margin:0 2%;
}

.top-4box{
	float:left;
	width:100%;
	margin:20px 0;
	padding:0 1% 0 1%;
}

.top-4box li{
	float:left;
	width:98%;
	margin:0 1% 10px 1%;
}

.top-recruit{
	float:left;
	width:100%;
	margin:20px 0;
}

.top-recruit-txt{
	float:left;
	width:100%;
	margin:10px 0 15px 0;
	text-align:center;
	font-weight:bold;
}

.top-recruit-img{
	float:left;
	width:96%;
	margin:0 2%;
}

.top-recruit-a{
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

.side-menu{
	width:100%;
}

.side-menu-ul li.side-menu-title{
	float:left;
	width:100%;
	padding:13px 0 8px 0;
	text-align:center;
	background:#033569;
	color:#fff;
	font-size:107%;
	border-top-right-radius:8px;
	border-top-left-radius:8px
}

.side-menu-ul li{
	float:left;
	width:100%;
	border-bottom:1px solid #bbb;
}

.side-menu-ul li:first-child{
	float:left;
	width:100%;
	border-bottom:none;
}

.side-menu-ul li:last-child{
	float:left;
	width:100%;
	border-bottom:none;
}

.side-menu-ul li a{
	float:left;
	width:100%;
	text-align:center;
	padding:13px 0 11px 0;
	background:#f4f4f4;
	display:block;
}

.side-menu-ul li a:hover{
	float:left;
	width:100%;
	text-align:center;
	padding:13px 0 11px 0;
	background:#b3ddfe;
	color:#111;
	text-decoration:none;
	display:block;
}

.side-menu-ul li.on{
	float:left;
	width:100%;
	text-align:center;
	padding:12px 0 10px 0;
	background:#b3ddfe;
	color:#111;
	display:block;
}
.editor_view table, 
.about-table{
	/*float:left;*/
	width:100%;
	border-collapse: collapse;
	border-bottom:1px solid #999;
}
.editor_view table th, 
.about-table th{
	/*float:left;*/
	width:100%;
	padding:15px 23px 12px 23px;
	background:#ddd;
	border: solid 1px #999;
	border-bottom:none;
	box-sizing:border-box;																																																																																											
}

.editor_view table td, 
.about-table td{
	/*float:left;*/
	width:100%;
	padding:19px 23px 16px 23px;
	background:#fafafa;
	border: solid 1px #999;
	border-bottom:none;
	box-sizing:border-box;
}

.customer-table{
	/*float:left;*/
	width:100%;
	margin:0 0 20px 0;
	border-collapse: collapse;
}

.customer-table th{
	width:33.333%;
	padding:15px 7px 12px 7px;
	border: solid 1px #999;
	border-collapse: collapse;
	box-sizing:border-box;																																																																																											
}

.customer-table td{
	width:33.333%;
	padding:19px 7px 16px 7px;
	border: solid 1px #999;
	border-collapse: collapse;
	box-sizing:border-box;
}

.customer-table td.last{
	width:100%;
	padding:19px 23px 16px 23px;
	border: solid 1px #999;
	border-collapse: collapse;
	box-sizing:border-box;
}

.customer-attention{
	float:left;
	width:100%;
	margin:0 0 40px 0;
	padding:16px 0 15px 0;
	font-size:188%;
	border-radius:10px;
	border:3px solid #a78845;
	background:#fff3d9;
	text-align:center;
	line-height:125%;
	box-sizing:border-box;
}

.editor_view 
.customer-table02{
	float:left;
	width:100%;
	margin:25px 0 0 0;
	border-collapse: collapse;
}

.editor_view 
.customer-table02 th{
	width:33.333%;
	padding:15px 7px 12px 7px;
	border: solid 1px #999;
	border-collapse: collapse;
	box-sizing:border-box;																																																																																											
}

.editor_view 
.customer-table02 td{
	width:33.333%;
	padding:18px 7px 15px 7px;
	border: solid 1px #999;
	border-collapse: collapse;
	box-sizing:border-box;
}

.history-table{
	float:left;
	width:100%;
	margin:0 0 30px 0;
}

.history-table th{
	float:left;
	width:100%;
	padding:15px 23px 12px 23px;
	border-bottom: solid 1px #777;
	border-collapse: collapse;
	box-sizing:border-box;																																																																																											
}

.history-table td{
	float:left;
	width:100%;
	padding:19px 23px 16px 23px;
	border-bottom: dotted 1px #777;
	border-collapse: collapse;
	box-sizing:border-box;
}

.history-table td.last{
	float:left;
	width:100%;
	padding:19px 23px 16px 23px;
	border-bottom: dotted 1px #777;
	border-collapse: collapse;
	box-sizing:border-box;
}

title-txt-wrap{
	width:1000px;
	margin:0 auto;
}

.title-txt{
	float:left;
	width:210px;
	margin:75px 0 0 10px;
}

#title{
	height:270px;
	background-size:cover;
}

.title-img-box-about{
	background:url(../img/about/title-img.jpg) no-repeat center top;
}

.title-img-box-service{
	background:url(../img/service/title-img.jpg) no-repeat center top;
}

.title-img-box-plant{
	background:url(../img/plant/title-img.jpg) no-repeat center top;
}

.title-img-box-environment{
	background:url(../img/environment/title-img.jpg) no-repeat center top;
}

.title-img-box-area{
	background:url(../img/area/title-img.jpg) no-repeat center top;
}

.title-img-box-recruit{
	background:url(../img/recruit/title-img.jpg) no-repeat center top;
}

.title-img-box-contact{
	background:url(../img/contact/title-img.jpg) no-repeat center top;
}

.title-img-box-sitemap{
	background:url(../img/sitemap/title-img.jpg) no-repeat center top;
}

.title-img-box-privacypolicy{
	background:url(../img/privacypolicy/title-img.jpg) no-repeat center top;
}

.title-img-box-access{
	background:url(../img/access/title-img.jpg) no-repeat center top;
}

.title-img-box-news{
	background:url(../img/news/title-img.jpg) no-repeat center top;
}


.path-wrap{
	float:left;
	width:100%;
	margin:-36px auto 10px auto;
	overflow: hidden;
	padding:0;
	zoom: 1;
}

.path-path{
	float:left;
	margin:0 0 10px 0;
}

.path{
	float:left;
	width:100%;
	width:auto;
	padding:0 10px;
	box-sizing:border-box;
}

.path li{
	float:left;
	margin:0 3px 0;
	padding:0px 0 0px 0;
}

.map-box{
	float:left;
	width:100%;
	height:440px;
	margin:0 0 40px 0;
	border:1px solid #bbb;
}

.sitemap{
	float:left;
	width:100%;
	margin:0 0 23px 3px;
	padding:5px 0 0 0;
	line-height:100%;
}

.area-txt{
	font-size:125%;
	font-weight:bold;
	line-height:200%;
}

.result-title{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 5px 5px;
	font-size:138%;
	border-bottom:2px solid #001b34;
	box-sizing:border-box;
}

.result-img{
	float:left;
	width:100%;
	margin:0 0 35px 0;
}

.c-s{
	float:left;
	width:100%;
	margin:18px 0 18px 0;
	font-size:130%;
	text-align:center;
	line-height:150%;
}

.plant-dl{
	float:left;
	width:100%;
	margin:15px 0;
}

.plant-dl dt{
	float:left;
	width:10%;
	font-weight:bold;
}

.plant-dl dd{
	float:left;
	width:90%;
	margin:0 0 15px 0;
}

.plant-table01{
	float:left;
	width:100%;
}

.plant-table01{
	float:left;
	width:100%;
	border-collapse: collapse;
	box-sizing:border-box;
}

.plant-table01 .th01{
	width:40%;
	padding:15px 23px 12px 23px;
	border:1px solid #999;
}

.plant-table01 .th02{
	width:20%;
	padding:15px 23px 12px 23px;
	border:1px solid #999;
}

.plant-table01 .th03{
	width:20%;
	padding:15px 23px 12px 23px;
	border:1px solid #999;
}

.plant-table01 .td01{
	width:60%;
	padding:15px 23px 12px 23px;
	border:1px solid #999;
}

.editor_view 
.plant-table02{
	float:left;
	width:100%;
	border-collapse: collapse;
	box-sizing:border-box;
}

.editor_view 
.plant-table02 th{
	width:40%;
	padding:15px 23px 12px 23px;
	border:1px solid #999;
}

.editor_view 
.plant-table02 td{
	width:60%;
	padding:15px 23px 12px 23px;
	border:1px solid #999;
}

.plant-test{
	float:left;
	width:100%;
}

.plant-test-test{
	float:left;
	width:100%;
	margin:0;
	padding:0 10px;
	box-sizing:border-box;
}

.plant-test-test .txt{
	margin:0;
	padding:8px 15px 4px 15px;
	background:#073259;
	box-sizing:border-box;
	color:#fff;
}
.border-blue{
	border:#073259 1px solid;
	border-top:none;
}

.main_cont p.c-s-img {
	float:left;
	width:92%;
	margin:25px 4% 0 4%;
}

.editor_view table.c-s-table {
	width:90%;
	margin:0 5% 40px 5%;
	border-collapse: collapse;
	box-sizing:border-box;
}

.editor_view table.c-s-table th{
	width:60%;
	padding:12px 15px 8px 15px;
	border:1px solid #999;	
}

.editor_view table.c-s-table td{
	width:40%;
	padding:12px 15px 8px 15px;
	border:1px solid #999;	
}

.form-table{
	float:left;
	width:100%;
	border-collapse:collapse;
	background:#e5e5e5;
	font-size:94%;
}

.form-table tr{
	border:1px solid #888;
}

.form-td{
	float:left;
	width:100%;
	padding:18px;
	font-size:94%;
	font-weight:bold;
	background:#e5e5e5;
	box-sizing:border-box;
}

.form-td-td{
	float:left;
	width:100%;
	padding:18px;
	border-top:1px solid #888;
	background:#fff;
}

.required-input{
	margin:0 0 0 8px;
	padding:3px 6px 2px 6px;
	font-size:88%;
	color:#fff;
	border-radius:6px;
	background:#d52b56;
}

.any-input{
	margin:0 0 0 8px;
	padding:3px 6px 2px 6px;
	font-size:88%;
	color:#fff;
	border-radius:6px;
	background:#2b77d5;
}

.form-txt{
	float:left;
	width:60%;
	padding:9px 10px;
}

.sample{
	float:left;
	width:100%;
	padding:7px 0 2px 0;
}

.sample02{
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:7px 0 2px 0;
}

.form-txt{
	float:left;
	width:70%;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.form-txt25{
	float:left;
	width:32%;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.form-txt30{
	float:left;
	width:25%;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.form-txt30-45{
	float:left;
	width:60%;
	margin:0 0 12px 0;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.form-one{
	float:left;
	width:100%;
	padding:0;
}

.tel-box{
	float:left;
	width:30%;
}

.form-tel{
	float:left;
	padding:9px 10px;
	width:100%;
	background:#fffef5;
	border:1px solid #888;
}


.form-two{
	float:left;
	width:5%;
	padding:45px 0 0 0;
	text-align:center;
}

.area-box400{
	width:90%;
	height:19em;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.tx-t{
	float:left;
	width:100%;
	margin:-5px 0 0 0;

}

.under-l a:link{
	text-decoration:underline;
}

.under-l a:hover{
	text-decoration:none;
}

.refine-bb{
	float:left;
	width:70%;
	margin:40px 15% 0 15%;
	padding:12px 18px;
	font-size:107%;
	font-weight:bold;
	color:#fff;
	background:#e75d00;
	border-radius:6px;
	border:1px solid #973d00;
	cursor:pointer;
}


.refine-bbb{
	float:left;
	width:46%;
	margin:40px 2% 0 2%;
	padding:12px 10px;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background:#1e88af;
	border-radius:6px;
	border:1px solid #1c7191;
	cursor:pointer;
	box-sizing:border-box;
}

.refine-bbbb{
	float:left;
	width:46%;
	margin:40px 2% 0 2%;
	padding:12px 10px;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background:#e75d00;
	border-radius:6px;
	border:1px solid #973d00;
	cursor:pointer;
	box-sizing:border-box;
}



.recruit-table{
	width:100%;
	margin:0 0 40px 0;
	border-bottom:1px solid #999;
	background:#f1f1f1;
}

.recruit-table th{
	float:left;
	width:100%;
	padding:17px 23px 13px 23px;
	border:1px solid #999;
	border-bottom:none;
}

.recruit-table td{
	float:left;
	width:100%;
	padding:17px 23px 13px 23px;
	border:1px solid #999;
	border-bottom:none;
	background:#fff;
}


}
/*　************************************************************************************************************　*/

/* ----------TAB : 768 px ～ 000 px。---------- */

@media only screen and (min-width: 768px) {
.gridContainer {
	width: 100%;
	min-width:768px;
	max-width:100%;
	padding:0;
	margin:0;
}
.sp{
	display:none;
}

.pc{
	display:block;
}

/*------------------------------------
	ヘッダー
------------------------------------*/
.logo-box{
	float:left;
	clear:both;
	width:100%;
	z-index:2000;
}

.logo-box-box{
	clear:both;
	margin:0 auto;
	width:1000px;
	background:#999;
	z-index:2000;
}

.logo-box-img{
	float:right;
	width:auto;
	height:42px;
	margin:16px 0 16px 0;
}

.top-header-box {
	width:100%;
	height:76px;
	position:absolute;
	bottom:0;
	left:0;
    background: #001b34;
}

.header-box {
	width:100%;
	height:76px;
    background: #001b34;
}

.logo-h1{
	float:left;
	width:242px;
	margin:10px 0 8px 0;
}

#gnav{
	float:left;
	width:100%;
	position:relative;
	border:1px solid #ff00;
}

#gnav-top{
	float:left;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}

.gnav-box {
	width:1000px;
	height:76px;
	margin:0 auto;
    overflow: hidden;

}

.gnav-box h1 {
  float: left;
  font-size: 20px;
  font-size: 2rem;
}

.gnav-box ul {
	float:left;
	width:1000px;
	height:56px;
	margin: 10px 0 10px 0;
}

.gnav-box ul li {
  float: left;
}

.gnav-box ul li a {
	float:left;
  color: #ffffff;
  text-decoration: none;
}
 
#change {
  background: #001b34;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height:64px;
  display: none;
  z-index: 9999;
  padding:0;
  box-sizing:border-box;
}

#change-top {
  background: #001b34;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height:64px;
  display: none;
  z-index: 9999;
  padding:0;
  box-sizing:border-box;
}

.gnav-box-box {
	width:1000px;
	margin:0 auto;
    overflow: hidden;

}

.gnav-box-box h1 {
  float: left;
  font-size: 20px;
  font-size: 2rem;
}

.gnav-box-box ul {
	float:left;
	width:1000px;
	height:56px;
	font-size: 8px;
	font-size: 0.8rem;
	margin: 4px 0 4px 0;
}

.gnav-box-box ul li {
  float: left;
}

.gnav-box ul li a {
	float:left;
	color: #ffffff;
	text-decoration: none;
}

/*------------------------------------
	フッター
------------------------------------*/
.copy{
	float:left;
	width:100%;
	margin:3px 0 0 0;
	padding:10px 0 6px 0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-top:1px solid #555;
}

.footer-nav{
	float:right;
	width:100%;
	margin:20px 0 30px 0;
	font-size:94%;
}

.footer-nav li{
	float:light;
	margin:0 17px 0 0;
}

.footer-nav li a{
	float:left;
	color:#eee;
	text-decoration:none;
}

.footer-nav li a:hover{
	float:left;
	color:#eee;
	text-decoration:underline;
}

.footer-logo{
	float:left;
	width:230px;
	margin:0 0 20px 0;
}

.footer-add{
	float:left;
	width:auto;
	margin:10px 0 0 20px;
	color:#fff;
	line-height:150%;
	font-size:100%;
	text-align:left;
}


/*------------------------------------
	コンテンツ
------------------------------------*/
#main-visual{
	width: 100%;
	height: 100%;
	background-image: url(../img/top-page/01.jpg);
	background-position:center center;
	background-size:cover;
	z-index:100;
}

.content-100p{
	float:left;
	width:100%;
	overflow: hidden;
	zoom: 1;
}

.content-1000px{
	width:1000px;
	margin:0 auto;
	overflow: hidden;
	padding:78px 0 14px 0;
	zoom: 1;
}

.content-1000px-narrow{
	width:1000px;
	margin:0 auto;
	overflow: hidden;
	padding:0;
	zoom: 1;
}

.top-title{
	float:left;
	width:100%;
	font-size:250%;
	font-weight:bold;
	color:#001b34;
	text-align:center;
	line-height:100%;
}

.top-news-box{
	float:left;
	width:100%;
	margin:20px 0;
	line-height:140%;
}

.top-news-box dl{
	float:left;
	width:560px;
	margin:10px 0 0 30px;
}

.top-news-box dt{
	float:left;
	width:560px;
	margin:0 0 6px 0;
	padding:0 0 3px 0;
	font-weight:bold;
	border-bottom:1px solid #bbb;
}

.top-news-box dd{
	float:left;
	width:550px;
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	font-size:94%;
}

.top-news-img{
	float:left;
	width:400px;
	margin:0;
}

.top-4box{
	float:left;
	width:100%;
	margin:20px 0;
	padding:0;
}

.top-4box li{
	float:left;
	width:32.3%;
	margin:0 0.5%;
}


.top-recruit{
	float:left;
	width:100%;
	margin:20px 0;
	padding:0;
}

.top-recruit-txt{
	float:left;
	width:40%;
	margin:99px 0 0 0;
	padding:0;
	text-align:center;
	font-size:160%;
	font-weight:bold;
	color:#333;
	line-height:150%;
}

.top-recruit-img{
	float:right;
	width:57%;
	height:100%;
	margin:0;
	padding:0;
	line-height:100%;
}

.top-recruit-a{
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;

}

.content-left{
	float:left;
	width:720px;
	margin:28px 0 0 0;
}

.content-left h1{
	float:left;
	width:95%;
	margin:0 0 20px 0;
	padding:5px 0 5px 10px;
	font-size:188%;
	font-weight:bold;
	color:#002a51;
	line-height:100%;
}

.content-left h2{
	float:left;
	width:100%;
	margin:0 0 8px 0;
	padding:4px 0 0 12px;
	font-size:150%;
	font-weight:bold;
	color:#002a51;
	line-height:100%;
	border-left:10px solid #1051f8;
	line-height:100%;
	box-sizing:border-box;
}

.content-left .txt50{
	float:left;
	width:50%;
	margin:0 0 20px 0;
}

.content-left .img50{
	float:left;
	width:50%;
	margin:0 0 20px 0;
}

.content-right{
	float:right;
	width:230px;
	margin:28px 5px 10px 0;
	padding:10px;
	background:#fff;
	box-shadow:0 0 5px #fff, 0 0 10px #ccc, 0 0 5px #aaa;
	border-radius:10px;
}

.side-menu-ul li.side-menu-title{
	float:left;
	width:100%;
	padding:14px 0 9px 0;
	text-align:center;
	background:#033569;
	color:#fff;
	font-size:107%;
	border-top-right-radius:8px;
	border-top-left-radius:8px
}

.side-menu-ul li{
	float:left;
	width:100%;
	border-bottom:1px solid #bbb;
}

.side-menu-ul li:first-child{
	float:left;
	width:100%;
	border-bottom:none;
}

.side-menu-ul li:last-child{
	float:left;
	width:100%;
	border-bottom:none;
}

.side-menu-ul li a{
	float:left;
	width:100%;
	text-align:center;
	padding:12px 0 10px 0;
	background:#f4f4f4;
	display:block;
}

.side-menu-ul li a:hover{
	float:left;
	width:100%;
	text-align:center;
	padding:12px 0 10px 0;
	background:#c5e5fe;
	color:#111;
	text-decoration:none;
	display:block;
}

.side-menu-ul li.on{
	float:left;
	width:100%;
	text-align:center;
	padding:12px 0 10px 0;
	background:#c5e5fe;
	color:#111;
	display:block;
}

.editor_view table, 
.about-table{
	float:left;
	width:100%;border:
	solid 1px #999;
	border-collapse: collapse;
}

.editor_view table th, 
.about-table th{
	float:none;
	width:30%;
	padding:19px 30px 16px 30px;
	border-collapse: collapse;
	box-sizing:border-box;																																																																																										
}

.editor_view table td, 
.about-table td{
	float:none;
	width:70%;
	padding:19px 25px 16px 25px;
	border-collapse: collapse;
	box-sizing:border-box;
}

.editor_view table td.last, 
.about-table td.last{
	float:none;
	width:70%;
	padding:19px 25px 16px 25px;
	background:#fafafa;
	border: solid 1px #999;
	border-collapse: collapse;
	box-sizing:border-box;
}

.customer-table{
	float:left;
	width:100%;
	border:	solid 1px #999;
	border-collapse: collapse;
}

.customer-table th{
	float:none;
	width:33.333%;
	padding:19px 30px 16px 30px;
	border-collapse: collapse;
	box-sizing:border-box;																																																																																										
}

.customer-table td{
	float:none;
	width:33.333%;
	padding:19px 25px 16px 25px;
	border-collapse: collapse;
	box-sizing:border-box;
}

.customer-table td.last{
	float:none;
	width:33.333%;
	padding:19px 25px 16px 25px;
	background:#fafafa;
	border: solid 1px #999;
	border-collapse: collapse;
	box-sizing:border-box;
}

.customer-attention{
	float:left;
	width:74%;
	margin:0 13% 40px 13%;
	padding:16px 0 15px 0;
	font-size:188%;
	border-radius:10px;
	border:3px solid #a78845;
	background:#fff3d9;
	text-align:center;
	line-height:125%;
	box-sizing:border-box;
}

.customer-table02{
	float:left;
	width:100%;
	margin:25px 0 0 0;
	border:	solid 1px #999;
	border-collapse: collapse;
}

.customer-table02 th{
	float:none;
	width:33.333%;
	padding:17px 30px 14px 30px;
	border:1px solid #999;
	border-collapse: collapse;
	box-sizing:border-box;																																																																																										
}

.customer-table02 td{
	float:none;
	width:33.333%;
	padding:17px 25px 14px 25px;
	border:1px solid #999;
	border-collapse: collapse;
	box-sizing:border-box;
}

.history-table{
	float:left;
	width:100%;
}

.history-table th{
	float:none;
	width:30%;
	padding:21px 20px 16px 10px;
	border-collapse: collapse;
	border-bottom: solid 1px #bbb;
	box-sizing:border-box;																																																																																									
}

.history-table td{
	float:none;
	width:70%;
	padding:25px 15px 23px 2px;
	border-collapse: collapse;
	border-bottom: solid 1px #bbb;
	box-sizing:border-box;
}

.history-table td.last{
	float:none;
	width:73%;
	padding:25px 15px 23px 2px;
	border-collapse: collapse;
	border-bottom: solid 1px #bbb;
	box-sizing:border-box;
}

.left-l{
	padding:0 0 0 32px;
	border-left:5px solid #c5c5c5;
}

.title-txt-wrap{
	width:1000px;
	margin:0 auto;
}

.title-txt{
	float:left;
	width:292px;
	margin:100px 0 0 10px;
}

#title{
	height:330px;
	background-size:cover;
}

.path-wrap{
	float:left;
	width:100%;
	margin:-30px auto 8px auto;
	overflow: hidden;
	padding:0;
	zoom: 1;
}

.path-path{
	float:none;
	width:1000px;
	margin:0 auto;
}

.path{
	padding:0;
}

.path li{
	float:left;
	margin:0 6px 0;
	padding:0px 0 0px 0;
}

.main_cont p.c-s-img{
	float:left;
	width:49%;
	margin:25px 0 0 0;
}

.editor_view table.c-s-table{
	float:left;
	width:48%;
	margin:25px 0 0 2%;
	border-collapse: collapse;
	box-sizing:border-box;
}

.editor_view table.c-s-table th{
	width:60%;
	padding:12px 15px 8px 15px;
	border:1px solid #999;	
}

.editor_view table.c-s-table td{
	width:40%;
	padding:12px 15px 8px 15px;
	border:1px solid #999;	
}

.form-table{
	float:left;
	width:100%;
	border-collapse:collapse;
	background:#e5e5e5;
}

.form-table tr{
	border:1px solid #888;
}

.form-td{
	float:left;
	width:40%;
	padding:18px;
	font-size:94%;
	font-weight:bold;
	background:#e5e5e5;
	box-sizing:border-box;
}

.form-td-td{
	float:left;
	width:60%;
	padding:18px;
	border-left:1px solid #888;
	background:#fff;
}

.required-input{
	margin:0 0 0 8px;
	padding:3px 6px 2px 6px;
	font-size:88%;
	color:#fff;
	border-radius:6px;
	background:#d52b56;
}

.any-input{
	margin:0 0 0 8px;
	padding:3px 6px 2px 6px;
	font-size:88%;
	color:#fff;
	border-radius:6px;
	background:#2b77d5;
}

.form-txt{
	float:left;
	width:60%;
	padding:9px 10px;
}

.sample{
	float:left;
	width:100%;
	padding:7px 0 2px 0;
}

.sample02{
	float:left;
	width:75%;
	margin:0 0 0 25%;
	padding:7px 0 2px 0;
}

.form-txt{
	float:left;
	width:70%;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.form-txt25{
	float:left;
	width:25%;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.form-txt30{
	float:left;
	width:25%;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.form-txt30-45{
	float:left;
	width:38%;
	margin:0 37% 12px 0;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.form-one{
	float:left;
	width:25%;
}

.tel-box{
	float:left;
	width:25%;
}

.form-tel{
	float:left;
	padding:9px 10px;
	width:100%;
	background:#fffef5;
	border:1px solid #888;
}


.form-two{
	float:left;
	width:10%;
	padding:45px 0 0 0;
	text-align:center;
}

.area-box400{
	width:90%;
	height:19em;
	padding:9px 10px;
	background:#fffef5;
	border:1px solid #888;
}

.tx-t{
	float:left;
	width:100%;
	margin:-5px 0 0 0;

}

.under-l a:link{
	text-decoration:underline;
}

.under-l a:hover{
	text-decoration:none;
}

.refine-bb{
	float:left;
	width:30%;
	margin:40px 35% 0 35%;
	padding:12px 18px;
	font-size:107%;
	font-weight:bold;
	color:#fff;
	background:#e75d00;
	border-radius:6px;
	border:1px solid #973d00;
	cursor:pointer;
}


.refine-bbb{
	float:left;
	width:30%;
	margin:40px 3% 0 17%;
	padding:12px 18px;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background:#1e88af;
	border-radius:6px;
	border:1px solid #1c7191;
	cursor:pointer;
}

.refine-bbbb{
	float:left;
	width:30%;
	margin:40px 17% 0 3%;
	padding:12px 18px;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	background:#e75d00;
	border-radius:6px;
	border:1px solid #973d00;
	cursor:pointer;
}

.recruit-table{
	width:100%;
	margin:0 0 40px 0;
	background:#f1f1f1;
}

.recruit-table th{
	float:none;
	width:40%;
	padding:17px 23px 13px 23px;
	border-collapse:collapse;
	border:1px solid #999;
}

.recruit-table td{
	float:none;
	width:60%;
	padding:17px 23px 13px 23px;
	border-collapse:collapse;
	border:1px solid #999;
	background:#fff;
}

.plant-test-test{
	float:left;
	width:50%;
	margin:0;
	padding:0 10px;
	box-sizing:border-box;
}

.map-box{
	float:left;
	width:100%;
	height:590px;
	margin:0 0 40px 0;
	border:1px solid #bbb;
}

}