﻿.LinkListStyle1 li a:hover,
.LinkListStyle2 li a:hover,
.LinkListStyle3 li a:hover,
.LinkListStyle4 li a:hover,
.LinkListStyle5 li a:hover,
.LinkListStyle6 li a:hover,
.LinkListStyle1 dt a:hover,
.LinkListStyle2 dt a:hover,
.LinkListStyle1 li a:active,
.LinkListStyle2 li a:active,
.LinkListStyle3 li a:active,
.LinkListStyle4 li a:active,
.LinkListStyle5 li a:active,
.LinkListStyle6 li a:active,
.LinkListStyle1 dt a:active,
.LinkListStyle2 dt a:active {
	background-image: url("/image/hcsh_new/icon/icon_link_right_hover.gif");
	text-decoration: underline;
}

.HorizontalInnerLinks li a:link, .HorizontalInnerLinks li a:visited, .VerticalInnerLinks li a:link, .VerticalInnerLinks li a:visited {
    color: #00A5C0;
}

.HorizontalInnerLinks li a, .VerticalInnerLinks li a {
    background-image: url("/image/hcsh_new/icon/icon_link_bottom.gif");
}

h2 a:hover,
h2 a:active {
	color: #00A5C0;
	text-decoration: underline;
	background-image: url("/image/hcsh_new/icon/icon_link_right_xl_hover.gif");
}

h2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f4f4f4;
    border-color: #00A5C0 #a8a8a8 #a8a8a8;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    color: #000000;
    display: block;
    font-size: 95%;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 0;
}

h2.HeadStyle1 {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: none;
	border: none;
}

.BoxPatternA h2 {
	font-weight:normal;
}

div.ImgSetB p.Img {
    float: left;
    font-size: 83%;
    text-align: center;
}

div.ImgSetB ul {
    float: left;
    margin: 0 20px 0 0;
    width: 280px;
}

div.ImgSetB p.Img {
    float: left;
    font-size: 83%;
    text-align: center;
}

element.style {
    visibility: visible;
}

table.SP td,table.SP th {
	padding:10px 0 10px 10px;
}

table.footnoted {
	margin-bottom:7px;
}
		
div.ImgSetC {
	clear: both;
	margin: 0 0 20px;
}
div.ImgSetC p {
	float: left;
	font-size: 73%;
	margin: 0 5px 0 0;
}
div.ImgSetC p IMG {
	display: block;
	margin: 5px 0 2px;
}			

div.ImgSetD {
    clear: both;
}			

div.ImgSetD p {
    float: left;
    font-size: 73%;
    margin: 2px 5px 5px 1px;
}

div.ImgSetE {
    clear: both;
	margin:15px 0 0 0;
}			

div.ImgSetE p.first {
	width:110px;
    float: left;
    margin: 0 11px 11px 0;
}

div.ImgSetE p.last {
	width:110px;
    float: left;
    margin: 0 0 11px 0;
}
.LinearNavi ul li.next a {
	background: #eee url("/image/hcsh_new/icon/icon_link_right.gif") no-repeat scroll 93% 50%;
}
.LinearNavi ul li.prev a {
	background: #eee url("/image/hcsh_new/icon/icon_link_left.gif") no-repeat scroll 7% 50%;
}
.LinearNavi ul li.first,
.LinearNavi ul li.prev,
.LinearNavi ul li.next,
.LinearNavi ul li.last {
	border-top:2px #00A5C0 solid;
}
.LinearNavi ul li.first a {
	background: #eee url("/image/hcsh_new/icon/icon_link2_left.gif") no-repeat scroll 7% 50%;
}
.LinearNavi ul li.last a {
	background: #eee url("/image/hcsh_new/icon/icon_link2_right.gif") no-repeat scroll 95% 50%;
}
.LinearNavi ul li a:link, .LinearNavi ul li a:visited {
	color:#00A5C0;	
}



/*
===================================================
	Common
===================================================   */
div.ImgW60SetStyle p.Img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
	width: 60px;
}
div.Grid3 div.Column1andHalf div.ImgW60SetStyle div.ImgSet {
    width: 273px;
}

/*
===================================================
	TopPage
===================================================   */
#Home form a {
	font-size:81%;
	color:#333;
	text-decoration:none;
	margin-left:15px;
}

#Home form a:hover {
	text-decoration:underline;
	color:#00A5C0;
}


body#Home {
	overflow: hidden;
}

/*-------------body#Home -> SiteIdentity/CourtesyNavi -----------*/
#Home .CourtesyNavi,
#Home #SiteIdentity {
	display: none;
}

/*-------------body#Home -> GlobalNavi -----------*/
#Home .ClearFix {
	background: none;
}
#Home ul#GlobalNaviTop {
	background:url("/image/hcsh_new/navi_bg.png") repeat-x 0 0;
	height:43px;
	box-shadow:-1px 1px 2px #565656;
    -moz-box-shadow:-1px 1px 2px #565656;
    -webkit-box-shadow:-1px 1px 2px #565656;
	position:relative;
}
#Home ul#GlobalNaviTop li {
	width:320px;
	border-left:1px solid #00A5C0;
}
#Home ul#GlobalNaviTop li:last-child {
	border-right:1px solid #00A5C0;
}
#Home ul#GlobalNaviTop li a {
	height:43px;
	color:#FFF;
	text-align:center;
	font-family:"微软雅黑","MS Serif", "New York", serif;
	font-size:110%;
	line-height:43px;
	letter-spacing:2px;
}
#Home ul#GlobalNaviTop li a:hover {
	background-color:#75cedd;
}

/*-------------body#Home -> Contents-----------*/
#Home #Contents {
	/*margin-top:-16px;*/
	position:relative;
}

/*-------------ID:toppage -> BrandingImg -----------*/
#Home #BrandingImg {
	display: block;
	position: relative;
	width: 1440px;
	height: 466px;
	left: 50%;
	margin-left: -720px;
	
}
#Home .ContentArea {
	display: block;
	
}
#Home .slider-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
  margin-bottom:15px;
}
#Home .slider-wrapper {
  position: relative;
  width: 100%;
  height:100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#Home .slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  cursor:pointer;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
#Home .slider-pagination {
  position: absolute;
  text-align: right;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
/* Bullets */
#Home .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 50%;
  margin-left: -482px;
  width: 965px;
  padding-right:10px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#Home .slider-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #FFF;
  opacity: 1;
  margin: 0 6px;
  border:3px solid #FFF;
}
#Home button.slider-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
#Home .swiper-pagination-clickable .slider-bullet {
  cursor: pointer;
}
#Home .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: #00A5C0;
  border:3px solid #FFF;
}

/*----------ID:toppage -> Proudcts_Search ----------*/
#Home ul.ProudctsSearch {
	background-color:#00A5C0;
	width:100%;
	height:50px;
	border-radius:3px;
	margin-bottom:10px;
}
#Home ul.ProudctsSearch li {
	display:block;
	float:left;
}
#Home ul.ProudctsSearch li a {
	color:#FFF;
	font-size:110%;
	font-weight:bold;
	font-family:"微软雅黑",Meiryo,"宋体",Simsun,sans-serif,"Simhei";
	letter-spacing:2px;
	padding:5px 10px;
	text-decoration:none;
}
#Home ul.ProudctsSearch li a:hover {
	background-color:#0065a9;
}
#Home ul.ProudctsSearch li.Icon {
	background: url(/image/hcsh_new/search.png) no-repeat 24px 10px;
	background-size: 30px;
	width: 64px;
	height: 50px;
}
#Home ul.ProudctsSearch li.Icon span {
	display:none;
}
#Home ul.ProudctsSearch li+li {
	padding:12px 24px 0;
}
#Home ul.ProudctsSearch li.SarchLast {
	background:url("/image/hcsh_new/bar.gif") no-repeat 0% 90%;
}

/*----------ID:toppage -> Hot_Products ----------*/
#Home .HotProducts h4 {
	font-size:110%;
	color:#6d6d6d;
	letter-spacing:2px;
}
.HotProducts #ProductsSlider.slider-container {
	margin-top:-27px;
}
.HotProducts #ProductsSlider .slider-wrapper {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding-top:27px;
}
/* Arrows */
.HotProducts #ProductsSlider .swiper-button-prev,
.HotProducts #ProductsSlider .swiper-button-next {
  position: absolute;
  top: 0;
  width: 27px;
  height: 44px;
  /*margin-top: -22px;*/
  z-index: 10;
  cursor: pointer;

}

.HotProducts #ProductsSlider .swiper-button-prev {
  background: url("/image/hcsh_new/arrow.gif") no-repeat bottom left;
  width:10px;
  height:15px;
  left: auto;
  right: 30px;
}
.HotProducts #ProductsSlider .swiper-button-prev:hover {
  background: url("/image/hcsh_new/arrow.gif") no-repeat top left;
}

.HotProducts #ProductsSlider .swiper-button-next {
  background: url("/image/hcsh_new/arrow.gif") no-repeat bottom right;
  width:10px;
  height:15px;
  right: 10px;
  left: auto;
}
.HotProducts #ProductsSlider .swiper-button-next:hover {
  background: url("/image/hcsh_new/arrow.gif") no-repeat top right;
}
#Home #ProductsSlider a {
	display:block;
	width:153px;
	height:120px;
	overflow: hidden;
}
#Home #ProductsSlider a span {
	display:block;
	background:url("/image/hcsh_new/blockstyle_bg.png") repeat 0 0;
	position:absolute;
	font-size:82%;
	width:153px;
	height:100%;
	line-height:20px;
	padding: 50px 0 0;
	text-align:center;
	top:0;
	left:0;
	color:#FFF;
	opacity: 0;
}


/*----------ID:toppage -> Hot_spot ----------*/
#Home .ImgSetE p span {
	display:none;
}
#Home .ImgSetE p,
#Home .ImgSetE p a {
	display:block;
	width:110px;
	height:75px;
}
#Home .hover1 a {
	background: url("/image/hcsh_new/hotspot_1.jpg") no-repeat 0 0;
}
#Home .hover1 a:hover {
	background: url("/image/hcsh_new/hotspot_1_b.jpg") no-repeat 0 0;
}
#Home .hover2 a {
	background: url("/image/hcsh_new/hotspot_2.jpg") no-repeat 0 0;
}
#Home .hover2 a:hover {
	background: url("/image/hcsh_new/hotspot_2_b.jpg") no-repeat 0 0;
}
#Home .hover3 a {
	background: url("/image/hcsh_new/hotspot_3.jpg") no-repeat 0 0;
}
#Home .hover3 a:hover {
	background: url("/image/hcsh_new/hotspot_3_b.jpg") no-repeat 0 0;
}
#Home .hover4 a {
	background: url("/image/hcsh_new/hotspot_4.jpg") no-repeat 0 0;
}
#Home .hover4 a:hover {
	background: url("/image/hcsh_new/hotspot_4_b.jpg") no-repeat 0 0;
}
#Home .hover5 a {
	background: url("/image/hcsh_new/hotspot_5.jpg") no-repeat 0 0;
}
#Home .hover5 a:hover {
	background: url("/image/hcsh_new/hotspot_5_b.jpg") no-repeat 0 0;
}
#Home .hover6 a {
	background: url("/image/hcsh_new/hotspot_6.jpg") no-repeat 0 0;
}
#Home .hover6 a:hover {
	background: url("/image/hcsh_new/hotspot_6_b.jpg") no-repeat 0 0;
}
#Home #ProductsSlider a span {
	display:none;
	background-color:#000;
	opacity:0.8;
}

/*
===================================================
	products/index.html
===================================================   */
#productspage div.ImgW120SetStyle p.Img {
    margin-left: 0;
    margin-right: 0;
}

#productspage div.ImgW120SetStyle div.ImgSet {
	width:200px;
}

#productspage div.ImgW120SetStyle div.ImgSet p {
 padding-left: 0;
}

#productspage .TabContents p {
	float: left;
	display: block;
	padding: 0 5px 10px;
}


#productspage div.BlockList {
	display: block;
	width: 965px;
}

#productspage h2 span i.filterNumber {
	display: none;
	width: auto;
	margin: 0 0 0 10px;
	color: #06F;
	font-size: 90%;
	font-style: normal;
	line-height: 1;
}
#productspage h2 span i.filterNumber span {
	display: inline;
	width: auto;
	padding: 0 2px;
	color: #06F;
	background: none;
	line-height: 1;
}


#productspage h2 span i.filterNumber {
	display: none;
	width: auto;
	margin: 0 0 0 10px;
	color: #06F;
	font-size: 90%;
	font-style: normal;
	line-height: 1;
}
#productspage h2 span i.filterNumber span {
	display: inline;
	width: auto;
	padding: 0 2px;
	color: #06F;
	background: none;
	line-height: 1;
}


#ProductsContainer {
	display: block;
	width: 980px;
}
#ProductsContainer li {
	display: block;
	width: 228px;
	float: left;
	margin: 0 15px 20px 0;
	border:#CCC solid 1px;
	opacity: 1;
	background: #F3F3F3;
}
#ProductsContainer li dfn {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 99;
}
#ProductsContainer li dfn a {
	display: none;
}
#ProductsContainer li dfn span {
	display: block;
	float: left;
	background: #E3E3E3;
	font-size: 73%;
	line-height: 1.5;
	padding: 0 10px;
	margin: 0 5px 5px 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}
#ProductsContainer li dfn span.hover {
	background: #00A5C0;
	color: #FFF;
	cursor: pointer;
}

#ProductsContainer li a {
	display: block;
	height: 150px;
	text-decoration: none;
	overflow: hidden;
}
#ProductsContainer li a span {
    background: rgba(0, 0, 0, 0) url("/image/hcsh_new/blockstyle_bg.png") no-repeat scroll right top;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 82%;
    height: 36px;
    line-height: 36px;
    margin: -36px 0 0;
    position: relative;
    text-indent: 8px;
    width: 100%;
    z-index: 10;
	background-color: #000;
	opacity: 0.7;
}
#ProductsContainer li p {
	display: block;
	height: 150px;
	padding: 10px;
	font-size: 83%;
}
#ProductsContainer li.hover {
	background: #FFF;
}
#ProductsContainer li.hover a span {
    padding: 0 2px 0 0;
}

/*----------ID:productspage -> ProductsTab ----------*/
#productspage div.Bar {
	background-color:#00A5C0;
	width:965px;
	height:67px;
}
#productspage ul.Tabs {
	display:block;
	width:100%;
	overflow:hidden;
}
#productspage ul.Tabs li {
	float:left;
	width:16%;
	height:67px;
	text-align:center;
	line-height:67px;
	margin:0 0 14px 10px;
}
#productspage ul.Tabs li a {
	display:block;
	color:#fff;
	text-decoration:none;
	width:100%;
	height:100%;
}
#productspage ul.Tabs li span {
	display:block;
}

#productspage div.current {
	display:block;
}

#productspage .Img a:hover {
	opacity:0.7;
}



/*----------ID:productspage -> keywordSearch ----------*/
#productspage #PdSearchArea {
	display: block;
	clear: both;
}
#productspage #PdSearchArea .kwSearch {
	float: left;
	background-color: #00A5C0;
	width:450px;
	height:67px;
	padding: 0 20px 0 20px;
	margin: 0 0 20px;
}
#productspage #PdSearchArea .spSearch {
	float: left;
	position: relative;
	margin: -68px 0 0 344px;
	overflow: hidden;
}
#productspage .spSearch a {
	display: block;
	float:left;
	width: 125px;
	border: 1px solid #fff;
	padding: 7px 0 7px 25px;
	color: #FFF;
	background:  #900 url("/image/hcsh_new/icon/icon_hot_small.png") no-repeat 19px center;
	text-decoration: none;
	text-align: center;
}

#productspage .spSearch a.hotSearch:hover {
	border: 1px solid #fff;
	background: #900 url("/image/hcsh_new/icon/icon_hot_small.png") no-repeat 21px center;
}
#productspage .spSearch a.all {
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	opacity: 0;
	border: 1px solid #fff;
	background: #00A5C0 url("/image/hcsh_new/icon/icon_back.png") no-repeat 21px center;
}
#productspage .spSearch a.all:hover {
	border: 1px solid #fff;
	background: #00A5C0 url("/image/hcsh_new/icon/icon_back.png") no-repeat 19px center;
}

#productspage .kwSearch p {
	display:block;
	float:left;
	padding:0;
	color:#FFF;
	line-height:58px;
	letter-spacing:1px;
}
#productspage .kwSearch #keywordSearch {
    margin: 0;
    padding: 10px;
    position: relative;
	font-size:83%;
}
#productspage .kwSearch #wordFilter {
	background:#FFF url("/image/hcsh_new/icon/icons.gif") no-repeat scroll -5px -94px;
	height:40px;
    line-height: 40px;
    font-size: 100%;
    position: absolute;
	top: 10px;
	width: 400px;
	margin: -88px 0 0 500px;
	padding-left:41px;
	border: 0 none;
}
#productspage p.hot {
	display: none;
	position:absolute;
	top: -5px;
	right:0;
	width: 55px;
	height: 51px;
	padding: 0;
	background: url("/image/hcsh_new/icon/icon_hot.png") center center no-repeat;
	z-index: 98;
}
/* products Navigation
=========================================================================================== */

#ProductsNavi {
	position:relative;
	z-index:99;
	margin-bottom:10px;
}
#productspage ul.Tabs li div {
	display:none;
}

#productspage ul.Tabs li.current div {
	display:block;
}

#productspage ul.Tabs li.current a {
	font-weight:bold;
	height:65px;
}
#productspage ul.Tabs li span.arrow {
	background: url("/image/hcsh_new/products/arrow.gif") no-repeat 50% bottom;
	width:15px;
	height:8px;
	display:none;
	position:relative;
	top:-10px;
	left:67px;
	z-index:99;
}
#productspage ul.Tabs li.current span.arrow {
	display:block;
}
#productspage ul.Tabs li.current a.filters span {
	display:block;
	width:100%;
	height:46px;
	margin:10px 0;
	line-height:46px;
	background-color:#75cedd;
}

#productspage .TabContents p {
	float: left;
	display: block;
	padding: 0 5px 10px;
}


#productspage .TabContents span .filterNumber {
	float:left;
	color:#FFF;
    display: none;
    font-size: 90%;
    font-style: normal;
    line-height: 0;
    margin: 0;
    width: 100%;
}
#productspage .TabContents span .filterNumber span {
	display:inline;
}

#productspage .TabContents {
	background: url("/image/hcsh_new/products/menu/background.png") repeat;
	width:965px;
	margin:0;
	padding:20px 15px 15px 15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:absolute;
	top:67px;
	left:0;
	z-index:85;
}


#productspage .TabContents p {
	display:block;
	width:225px;
	height:70px;
	padding:0;
	margin:0 11px 12px 0;
	background-color:#FFF;
	text-align:left;
}


#productspage ul.Tabs li .TabContents p a {
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	color:#383838;
	text-decoration:none;	
	display:inline-block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	font-weight:bold;
	line-height:16px;
	font-size:96%;

}
#productspage ul.Tabs li #filters-group.TabContents p a {
	font-size:84%;
	padding:0;
}
#productspage ul.Tabs li #filters-type.TabContents p a {
	padding:25px 0 0 0;
}
#productspage ul.Tabs li .TabContents p.Sp {
	margin:0;
}
#productspage ul.Tabs li #filters-type.TabContents p a {
	text-align:center;
	background-image:url("/image/hcsh_new/products/menu/arrow.gif");
	background-position:left;
	background-repeat:no-repeat;
}

#productspage ul.Tabs li .TabContents p a span {
	line-height:15px;
	display:inline-block;
	padding:20px 0 0 13px;
	text-align:left;
}
#productspage ul.Tabs li .TabContents p a img {
	display:block;
	float:right;
	padding:7px 7px 7px;
}	

#productspage ul.Tabs li .TabContents p a:hover {
	background-color:#dedfe0;
}
#productspage ul.Tabs li .TabContents p a.Active:hover,
#productspage ul.Tabs li .TabContents p a.Active {
	background-color:#00A5C0;
	color:#FFF;
}

#productspage ul.Tabs li .TabContents p a.Active:hover span,
#productspage ul.Tabs li .TabContents p a.Active span {
	color:#FFF;
}






/*----------ID:aboutPage -> MapTab ----------*/
#aboutPage h4 a:link, h4 a:visited {
    background-image: none;
}

#aboutPage ul.Tabs {
	display:block;
	position:relative;
	z-index:10;
}
#aboutPage ul.Tabs li {
	float:left;
	width:50%;
	height:67px;
	text-align:center;
	line-height:67px;
	margin:0 0 24px;
}
#aboutPage ul.Tabs li a {
	display:block;
	width:100%;
	height:100%;
}
#aboutPage ul.Tabs li span {
	display:none;
}
#aboutPage ul.Tabs li:first-child.current a {
	background: url("/image/hcsh_new/about/map_china.gif") no-repeat 0 0;
}
#aboutPage ul.Tabs li:first-child a {
	background: url("/image/hcsh_new/about/map_global.gif") no-repeat 0 0;
}
#aboutPage ul.Tabs li:last-child.current a {
	background: url("/image/hcsh_new/about/map_global.gif") no-repeat 100% 0;
}
#aboutPage ul.Tabs li:last-child a {
	background: url("/image/hcsh_new/about/map_china.gif") no-repeat 100% 0;
}
#aboutPage div.current {
	display:block;
}
#aboutPage .TabContents {
	display:none;
}
#aboutPage .aboutmap {
	width:720px;
	margin:0 0 0 105px;
}
#aboutPage .BannerBlockStyle {
	margin:0 0 20px;
}
#aboutPage .BannerBlockStyle a {
	display:block;
	width:224px;
	height:76px;
	border:3px #dedede solid;
}
#aboutPage .BannerBlockStyle a:hover {
	border:3px #00A5C0 solid;
}
#aboutPage table th {
	white-space:nowrap;
}

/*----------ID:aboutPage -> Sitemap ----------*/
#SitemapArea {
	position:relative;
	width: 100%;
	background: #3d3d3d;
	padding: 60px 0 30px;
}
#SitemapArea * {
	color: #FFF;
}
#SitemapArea .ColumnSet {
	width: 965px;
	margin: 0 auto;
}
#SitemapArea .ColumnSet .Column1 {
	width: 230px;
	float: left;
	margin: 0 0 0 70px;
	text-align: left;
}
#SitemapArea .ColumnSet .Column1.LastItem {
	margin:0;
}
#SitemapArea .ColumnSet .Column3.LastItem {
	width:659px;
	border-left: 1px solid #bcbdc0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 0 15px;
}
#SitemapArea .ColumnSet .LastArea {
	width:475px;
	border-left: 1px solid #bcbdc0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 0 15px;
}
#SitemapArea .ColumnSet .FirstItem {
	padding: 0 20px 0 0;
	border:none;
	margin: 0;
	width:290px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#SitemapArea h3 {
	border: 0;
	letter-spacing: 0;
}
#SitemapArea p {
	font-size: 90%;
	line-height: 1.6;
	margin: 0 0 20px;
}
/*#SitemapArea #FooterForm {
	display: none;
}*/

#SitemapArea form input {
	clear: both;
	width: 220px;
	border: 0;
	padding: 3px;
	border: 1px solid #333;
	color: #333;
}
#SitemapArea form select {
	padding: 3px 0 3px 3px;
	border: 1px solid #333;
}
#SitemapArea form select option {
	margin: 0 3px 0 0;
	font-size: 83%;
}
#SitemapArea form #submit {
	width: 50px;
	color: #FFF;
	background: #00A5C0;
}
#SitemapArea .ColumnSet .Column2 ul,
#SitemapArea .ColumnSet .Column3 ul {
	display: inline;
	overflow:hidden;
}
#SitemapArea .ColumnSet .Column1 ul li{
	font-size: 90%;
	display: block;
	margin: 0 0 15px;
	font-weight: bold;
	overflow:hidden;
	padding:0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#SitemapArea .ColumnSet .Column3 ul li {
	font-size: 90%;
	display: block;
	margin: 0 0 15px;
	font-weight: bold;
	overflow:hidden;
	padding:0 0 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#SitemapArea .ColumnSet .Column3 ul li a.distance {
	margin-bottom:6px;
}
#SitemapArea .ColumnSet .Column2 ul li a,
#SitemapArea .ColumnSet .Column3 ul li a {
	display: block;
	line-height: 1.5
}
#SitemapArea .ColumnSet .Column2 ul li ul, 
#SitemapArea .ColumnSet .Column3 ul li ul {
	display:block;
	float:left;	
	width:197px;
}
#SitemapArea .ColumnSet .Column2 ul li > ul li,
#SitemapArea .ColumnSet .Column3 ul li > ul li {
	font-weight: normal;
	font-size: 83%;
	margin: 10px 0 0;
	padding:0;
}
#SitemapArea .ColumnSet .Column3 ul li ul.product {
	width:100%;
}
#SitemapArea .ColumnSet .Column3 ul.product li {
	display:inline-block;
	font-weight: normal;
	font-size: 83%;
	margin: 0;
	padding:0;
	width:190px;
}
#SitemapArea .ColumnSet .Column2 ul li > ul li a,
#SitemapArea .ColumnSet .Column3 ul li > ul li a {
	color: #bcbdc0;	
	line-height: 1.1;
	text-decoration: none;
}

#FooterForm .formConfirm {
	display: none;
}
#FooterForm form fieldset {
	display: block;
	margin: 0 0 5px;
	clear: both;	
	color: #3d3d3d;
	font-size: 83%;
}
#FooterForm form p {
	width: auto;
	color: #FFF;
	font-style: normal;
	margin: 0;
	clear: both;
}




#FooterForm form fieldset.agreePolicy {

}
#FooterForm form fieldset.agreePolicy .checkbox{
	display: flex;
}
#FooterForm form fieldset.agreePolicy .checkbox a{
	margin-left: 5px;
	text-decoration: none;
	color: #00A5C0;
}
#FooterForm form fieldset.agreePolicy .checkbox a:hover{
	text-decoration: underline;
}
#FooterForm form fieldset.agreePolicy .checkbox input{
	width: fit-content;
	height: fit-content;
	margin-top: 4px;
}




#FooterForm form select,#FooterForm form option {
	color: #000;
}
#FooterForm form fieldset span {
	display: none;
	margin: 3px 0 0;
	background: url(/image/hcsh_new/icon/icon_error.gif) center left no-repeat;
	padding: 0 0 0 18px;
}
#FooterForm form fieldset.error span {
	display: block;
}
#FooterForm form fieldset.error input {
	border: 1px solid #C00;
	background: #FAE7E7;
	color: #C00;
}
#FooterForm form fieldset.error #submit {
	border: none;
}
#FooterForm form fieldset.error select {
	border: 1px solid #C00;
	background: #FAE7E7;
}








#FooterForm .button {
	cursor: pointer;
	line-height: 20px;
}

.formConfirm h3 {
	text-align: left;
}
.formConfirm p {
	display: block;
	clear: both;
	font-size: 18px;
	line-height: 2;
}
.formConfirm p i {
	display: block;
	float: left;
	font-style: normal;
	padding: 10px;
	margin: 0 0 5px;
	width: 120px;
	background: #666;
	color: #FFF;
	text-align: left;
}
.formConfirm p span {
	display: block;
	float: left;
	width: 300px;
	text-align: left;
	padding: 10px;
	margin: 0 0 5px;
	background: #DDD;
}
.formConfirm input {
	display: block;
	clear: both;
	margin: 10px auto;
	background: #10A0D5;
	color: #FFF;
	width: 80px;
	height: 30px;
	border: 0;
}
.mailState {
	padding: 50px 10px;
}

#SitemapArea p {
	font-size:13px;
	color:#dedede;
}

#SitemapArea p.welcome {
	font-size:75%;
}

#SitemapArea .ColumnSet .First {
	padding: 0 5px 0 0;
	margin: 0;
	width:260px;
}

#SitemapArea .ColumnSet .Last {
	width:200px;
	margin: 20px 0 0 0;
}

#SitemapArea .ColumnSet .LastText {
	width:200px;
	margin:0;
}

#SitemapArea .ColumnSet .Column2 ul li a,
#SitemapArea .ColumnSet .Column3 ul li a {
	text-decoration:none;
}
#SitemapArea .ColumnSet .Column2 ul li a:hover,
#SitemapArea .ColumnSet .Column3 ul li a:hover {
	text-decoration:underline;
}








/* about
=========================================================================================== */

div.aboutmap {
	position:relative;
	width:720px;
}

ul.location {
	position: absolute;
}
ul.location li span {
	display: block;
	background: #FFF;
	border:#00A5C0 solid 1px;
	font-size: 83%;
	padding: 3px 4px;
	width: 30px;
	color: #000;
	opacity: 0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	cursor: pointer;
}
ul.location li.Mexico span,ul.location li.Singapore span,ul.location li.Italy span {
	width: 50px;
}
ul.location li.Indonesia span {
	width: 80px;
}

ul.location li.Malaysia span {
	width: 60px;
}

ul.location li span.hover {
	background: #eaf0f4;
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
ul.location li {
	position: absolute;
	display: block;
	text-align: center;
	z-index: 1;
}
ul.location li.sh { top: -245px; left: 615px;}
ul.location li.sz { top: -245px; left: 545px;}
ul.location li.cd { top: -235px; left: 330px;}
ul.location li.szn { top: -125px; left: 530px;}
ul.location li.dg { top: -160px; left: 500px;}
ul.location li.yt { top: -355px; left: 600px;}
ul.location li.nt { top: -295px; left: 600px;}
ul.location li.wx { top: -295px; left: 540px;}
ul.location li.zz { top: -295px; left: 440px;}
ul.location li.fs { top: -115px; left: 450px;}
ul.location li.hk { top: -90px; left: 500px;}
ul.location li.tb { top: -190px; left: 615px;}
ul.location li.gx { top: -70px; left: 430px;}
ul.location li.gz { top: -155px; left: 450px;}
ul.location li.cq { top: -215px; left: 425px;}
ul.location li.tn { top: -120px; left: 615px;}
ul.location li.jy { top: -170px; left: 565px;}
ul.location li.bj { top: -390px; left: 535px;}

ul.location li.Japan { top: -385px; left: 810px;}
ul.location li.Korea { top: -410px; left: 750px;}
ul.location li.India { top: -370px; left: 638px;}
ul.location li.Usa { top: -290px; left: 200px;}
ul.location li.Malaysia { top: -305px; left: 625px;}
ul.location li.Thailand { top: -350px; left: 690px;}
ul.location li.Germany { top: -460px; left: 475px;}
ul.location li.Mexico { top: -215px; left: 185px;}
ul.location li.Indonesia { top: -248px; left: 675px;}
ul.location li.Singapore { top: -286px; left: 730px;}
ul.location li.Italy { top: -375px; left: 480px;}
ul.location li.Vietnam { top: -325px; left: 740px;}

ul.location li ul {
	display: none;
	position: absolute;
	padding: 5px 8px;
	background: #eaf0f4;
	-webkit-box-shadow: 0 3px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 2px rgba(0,0,0,.3);
	box-shadow: 0 3px 2px rgba(0,0,0,.3);
}
ul.location li ul li {
	position: relative;
	display: block;	
	font-size: 73%;
	text-align: left;
	white-space: pre;
	color: #FFF;
}
ul.location li ul li a {
	clear: both;
	text-decoration: none;
	white-space: pre;
	display: block;
	line-height: 1.4;
	color: #000;
}
ul.location li ul li a:hover {
	text-decoration: underline;
}


#aboutPage div.BlockStyle a span {
    background: rgba(0, 0, 0, 0) url("/image/hcsh_new/blockstyle_bg.png") no-repeat scroll right top;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 90%;
    height: 36px;
    line-height: 36px;
    margin: -38px 0 0;
    position: relative;
    text-indent: 8px;
    width: 100%;
    z-index: 10;
	background-color: #000;
	opacity: 0.7;
}

#aboutPage table a.map {
    background: rgba(0, 0, 0, 0) url("/image/hcsh_new/icon/icn_map.gif") no-repeat scroll center center;
    display: inline-block;
    height: 11px;
    margin: 0 0 0 20px;
    width: 27px;
}

#aboutPage div.innerBlock {
	border:#CCC solid 1px;
	height:330px;
	padding:0 20px 0 25px;
}

#aboutPage div.innerBlock ul li {
    letter-spacing: 1px;
	float:left;	
	margin:0 45px 0 0;
	font-size:12px;
}

#aboutPage div.BlockStyle {
	border:none;
}

div.BlockStyle {
	display: block;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
	border: 1px solid #D9D9D9;
 +border:0px; /* IE7 */
	_border: 0px; /* IE6 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
div.BlockStyle a {
	display: inline-block;
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	zoom: 1;
	text-decoration: none;
}
div.BlockStyle a img {
	display: inline-block;
	line-height: 36px;
	zoom: 1;
}
div.BlockStyle a span {
	display: inline-block;
	display: block;
	position: relative;
	width: 100%;
	margin: -38px 0 0;
	height: 36px;
	line-height: 36px;
	text-indent: 8px;
	font-size: 75%;
	cursor: pointer;
	color: #FFF;
	background: url("/image/ml_portal/mlp/btn/blockstyle_bg.png") top right no-repeat;
	zoom: 1;
	z-index: 10;
}

#aboutPage td.company {
	padding:15px 0 0 15px;
}

#Travel div.Text {
	margin:165px 0 0 0;
}

#Travel p.TextStyle1 {
	font-size:15px;
}



/* impression
=========================================================================================== */
#impression h3 {
	font-size:21px;
	color:#6c6c6c;
}
	
#impression div.messageleft {
	background: url("/image/hcsh_new/about/impression/left.gif") no-repeat;
	height:118px;
	margin:30px 0 20px 0;
}

#impression div.messageright {
	background: url("/image/hcsh_new/about/impression/right.gif") no-repeat;
	height:118px;
	margin:30px 0 20px 0;
}

#impression div.messageleft div.people {
	margin:0 0 0 40px;
}

#impression div.messageright div.people {
	margin:0 40px 0 0;
}

#impression div.messageleft a,
#impression div.messageright a {
	line-height:30px;
	font-size:14px;
	color:#626262;
	text-decoration:none;	
}

#impression div.messageleft a:hover,
#impression div.messageright a:hover {
	text-decoration: underline;
}

#impression div.messageleft p.TextStyle1 {
	float:right;
	padding:20px 30px 0 20px;
	width:460px;
}

#impression div.messageright p.TextStyle1 {
	float:left;
	padding:20px 20px 0 50px;
	width:460px;
}







#impression ul li {
	margin:20px 0 0 0;
}


/* top
=========================================================================================== */
#Home ul.news li {
	margin:0 0 12px 0;
}

#Home ul.news li.date {
	margin:0 0 4px 0;
}

#Home ul.news img {
	margin:4px 0 0 6px;
}

#Home div.ImgW60SetStyle p.TextStyle2 {
	line-height: 1.7;
}



/* products
=========================================================================================== */
#productspage div.BoxPatternA h2{
	background-color: #00A5C0;
}

#productspage div.ImgW120SetStyle p.Img {
    margin-left: 0;
    margin-right: 0;
}

#productspage div.ImgW120SetStyle div.ImgSet {
	width:200px;
}

#productspage div.ImgW120SetStyle div.ImgSet p,
#productspage div.ImgW120SetStyle div.ImgSet ul {
 padding-left: 0;
}


#productspage div.BlockStyle a span {
    background: rgba(0, 0, 0, 0) url("/image/hcsh_new/blockstyle_bg.png") no-repeat scroll right top;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 82%;
    height: 36px;
    line-height: 36px;
    margin: -38px 0 0;
    position: relative;
    text-indent: 8px;
    width: 100%;
    z-index: 10;
}

#productspage div.ImgW120SetStyle div.ImgSet {
    height: 170px;
}

#productspage div.BlockStyle {
	border:none;
}

#productspage div.innerBlock {
	border:#CCC solid 1px;
	height:275px;
}

#productspage div.innerBlock p {
	font-size:12px;
	color:#666;
	line-height:22px;
	padding:0 12px;
}

#productspage div.ColumnSet {
	margin:0 0 5px 0;
}

#Pur td {
	font-size:77%;
}
#Pur th {
	font-size:80%;
}

#Diaphragm td {
	font-size:77%;
}

#Diaphragm th.width {
	width:14px;
}

#Diaphragm th.width2 {
	width:100px;
}


/* popup
=========================================================================================== */
#popup table td,#popup table th {
	font-size:14px;
}

.CloseButtonStyle li a:link, .CloseButtonStyle li a:visited {
    background-color: #00A5C0;
    text-decoration: none;
}

#SiteIdentityP {
    background-color: #fff;
    border-top: 5px solid #00A5C0;
    height: 45px;
}

/* news
=========================================================================================== */
table.width3 th {
	width:120px;
}

.LinearNavi h2 {
    background-color: #eee;
    background-image: none;
    font-size: 83%;
    line-height: 100%;
    margin: 0 0 15px;
    padding: 14px 16px;
    text-align: right;
}


/* lightbox 
=========================================================================================== */
@media all {
.featherlight {
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2147483647;
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
	background:#333;
	background:rgba(0, 0, 0, 0)
}
.featherlight:last-of-type {
	background:rgba(0, 0, 0, .8)
}
.featherlight:before {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-.25em
}
.featherlight .featherlight-content {
	position:relative;
	text-align:left;
	vertical-align:middle;
	display:inline-block;
	overflow:auto;
	padding:25px 25px 0;
	border-bottom:25px solid transparent;
	margin-left:5%;
	margin-right:5%;
	max-height:95%;
	background:#fff;
	cursor:auto;
	white-space:normal
}
.featherlight .featherlight-inner {
	display:block
}
.featherlight .featherlight-close-icon {
	position:absolute;
	z-index:9999;
	top:0;
	right:0;
	line-height:25px;
	width:25px;
	cursor:pointer;
	text-align:center;
	font-family:Arial, sans-serif;
	background:#fff;
	background:rgba(255, 255, 255, .3);
	color:#000
}
.featherlight .featherlight-image {
	width:100%
}
.featherlight-iframe .featherlight-content {
	border-bottom:0;
	padding:0
}
.featherlight iframe {
	border:0
}
}
@media only screen and (max-width:1024px) {
.featherlight .featherlight-content {
margin-left:10px;
margin-right:10px;
max-height:98%;
padding:10px 10px 0;
border-bottom:10px solid transparent
}
}





#newsPage .DateListStyle2 dd {
    margin: 0 0 0 6em;
}








