@charset "UTF-8";

      table{border-collapse:collapse;border-spacing:0}
      img,fieldset{border:0;vertical-align:middle}
      strong,b{font-weight:normal}
      em,i{font-style:normal}
      iframe{display:block}
      fieldset{border:1px solid #c0c0c0;margin:0 2px 18px;padding:0.35em 0.625em 0.75em}
      legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
      sup{vertical-align:text-top}
      sub{vertical-align:text-bottom}
      s{text-decoration:none;}
#pageLink li.li01 .pageImg {
	background-image: url("f_panel_info.jpg");
}
#pageLink li.li02 .pageImg {
	background-image: url("f_panel_quality.jpg");
}
#pageLink li.li03 .pageImg {
	background-image: url("f_panel_network.jpg");
}
 
.companyIndex #mv{
	background-image:url("mv-2.jpg") ;
}
.quality #mv{
	background-image:url("mv_quality.jpg") ;
}
.network #mv{
	background-image:url("mv_network.jpg") ;
}
.info #mv{
	background-image:url("mv_info.jpg") ;
}
.china #mv{
	background-image:url("mv_china.jpg") ;
}
.vtnm #mv{
	background-image:url("mv_vietnam.jpg") ;
}
.catUL li{
	float:left;
	width:50%;
	height: 400px;
	overflow: hidden;
}
.catUL li a{
	background-position:center center;
	background-repeat:no-repeat;
	background-size: auto 150%;
	text-align:center;
	display:block;
	padding:110px 10px;
}
.centerBox{
	border:4px solid #fff;
	padding: 3px 30px;
	/* width: 300px; */
	margin:  auto;
	text-align: center;
	vertical-align: middle;
	width: 80%;
}
.centerBox p{
	font-family: 'Raleway', sans-serif ,"Microsoft Yahei", sans-serif;
	vertical-align:top;
	color:#fff;
	font-size:300%;
	font-weight:900;
	text-align:center;
}
.centerBox h4{
	vertical-align:top;
	color:#fff;
	font-size: 1.2em;
	line-height:1.5em;
	text-align:center;
}
.catUL li.li01 a{
	background-image:url("profile.jpg");
}
.catUL li.li02 a{
	background-image: url("atmos.jpg");
}
.catUL li.li03 a{
	background-image: url("network.jpg");
}

.catUL li.li04 a{
	background-image: url("network.jpg");
}
.catUL li a:hover{
	background-size:auto 180%;
}
.specDiv{
	background:url("zu-1.jpg") no-repeat center center;
	background-size:cover;
	padding:100px 0;
}
.specDiv .tbl_1{
	margin:0 auto;
	max-width:800px;
}
.quality .formBox .licence{
	float:left;
	width:240px;
}
.quality .formBox .licence{
	font-size:85%;
}

.quality .formBox .tbl_1{
	float:right;
	width:660px;
}
.zuBox{
	background:url("network_zu.png") no-repeat center top;
}
.zuBox .inr{
	width:1000px;
	margin:0 auto;
	min-height:520px;
	padding:60px 0;
}
.zuBox .mess{
	letter-spacing:1.3px;
	line-height:2.3;
	font-size:120%;
	font-weight:bold;
	text-align:right;
	margin-bottom:60px;
}
.zuBox .addP{
	font-size:100%;
	text-align:right;
	margin-bottom:60px;
}

.infoTitle{
	font-family: 'Raleway', sans-serif , "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	text-align:center;
	margin:60px 0;
}
.infoTitle p{
	font-size:400%;
	font-weight:bold;
	line-height:1.0;
}
.infoTitle h4{
	font-size:110%;
	font-weight:bold;
}

.sec_01{
	background:url("sec_bg_1.jpg") no-repeat fixed;
	background-size:cover;
}
.sec_01 .inr{
	background:url("presi.png") no-repeat center center;
	background-attachment:fixed;
	padding:100px 570px 100px 0;
	margin:0 auto;
	width:1000px;
}
.sec_01 .inr .mess{
	font-size:130%;
	line-height:2;
	font-weight:bold;
	margin-bottom:30px;
}
.sec_01 .inr .txt{
	font-size:108%;
	line-height:1.8;
	margin-bottom:15px;
}

.sec_02{
	padding:100px 0;
	background: url("bg_Rep.png") repeat;
}
.sec_02 .inr{
	margin:0 auto;
	width:1000px;
}
.sec_02 .inr .tblBox{
	background:url("sec_bg_2_company.jpg") no-repeat 670px top #e7e7e7;
	padding:40px 20px;
}
.sec_02 .inr .tbl_1{
	width:630px;
}


.sec_03{
	padding:100px 0;
	background: url("sec_bg_3.jpg") no-repeat center top fixed;
	background-size:cover;
}
.sec_03 .inr{
	margin:0 auto;
	width:1000px;
}
.sec_03 .inr .tblBox{
	background:rgba(255,255,255,0.70);
	padding:60px 40px;
}

.histTBL {
	border-collapse: separate;
	width: 100%;
}
.histTBL th {
	font-size:123.1%!important;
	text-align: left;
	vertical-align:top;
}
.histTBL th {
	padding: 10px 0 10px 0;
}
.histTBL td {
	font-size:123.1%!important;
	padding: 10px 15px 10px 40px;
}
.histTBL tr th:nth-child(2){
	text-align:right;
	padding: 10px 15px;
}

.sec_04{
	padding:100px 0;
	background: url("sec_bg_4.jpg") no-repeat center top fixed;
	background-size:cover;
}
.sec_04 #map{
	margin:0 auto 30px;
	width:1000px;
	height:600px;
}
      /*public*/
      .fl{display:inline;float:left}
      .fr{display:inline;float:right}
      .cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
      .cf{zoom:1}
      .pb10{padding-bottom:10px}
      .mt10{margin-top:10px}
      /*main*/
      .case{width:100%;margin:0 auto;background:#fff;box-shadow:0 0 10px #ccc;}
      .case .cf{height:60px;line-height: 60px;width: 1190px;margin: 0 auto;}
      .case .title h2{ font-size: 20px;font-family: "microsoft yahei";}
      .case .title-list li{ 
			width: 230px;
			line-height: 60px;
			text-align: center;
			float: left;
			display: inline;
			font-size: 22px;
			color: #0072ab;
			font-weight: bold;
		}
      .case .title-list li.on {
		    font-weight: bold;
		    cursor: pointer;
		    background: #0072ab;
		    color: #fff;

		}
      .case .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
      .case .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
      .product{/* height: 268px; *//* position: relative; *//* overflow: hidden; */ display: none; /* margin-top: 20px; */}
      .product ul{/* position: absolute; *//* left: 0px; */}
      .product-wrap .show{ display: block;}
      .product-wrap .product li{/* float: left; *//* display: inline; *//* margin-left: 13px; *//* background: #f3f3f3; *//* border: 2px solid #fafafa; *//* transition:0.4s; *//* -webkit-transition:0.4s; */-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
      .product-wrap .product li.ml0{margin-left:0px;}
      .product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;}
      .product-wrap .product li p{/* padding-left: 15px; *//* color: #666666; *//* line-height: 22px; */}
      .product-wrap .product li p a{ color: #666666; text-decoration: none;}
      .product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}


		.swipebox > .article01{
			padding: 30px 150px;
		}
		.swipebox > .article01 > .size24{
			font-size: 18px !important;
			line-height: 2em;
		}