@charset "utf-8";

@import "search.css"/**/;

/* **************************************************

Name: add.css

Description: Setting of page layout and special class for Environment Website

Create: 2008.08.10
Update: 8888.88.88

Copyright 2008 Hitachi, Ltd. 

***************************************************** */



/* content===========================================*/


/* [-] layout class
=========================================================================================== */

.BoxPattern_W375H152_Top{
background:transparent url(/image/environment/boxpattern_w375h152.gif) no-repeat scroll 0 0;
height:127px;
margin-top:5px;
margin-bottom:14px;
padding:10px 5px 15px 20px;
width:350px;
overflow:hidden;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPattern_W375H152_Top {
position:relative;
}
/* */
.BoxPattern_W375H152_Bottom{
background:transparent url(/image/environment/boxpattern_w375h152.gif) no-repeat scroll 0 0;
height:127px;
margin-bottom:24px;
padding:10px 5px 15px 20px;
width:350px;
overflow:hidden;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPattern_W375H152_Bottom {
position:relative;
}
/* */
.BoxPatternAdd{
border:1px solid #ccc;
border-top:0;
margin:-7px 0 10px;
padding:10px 10px 3px;
}
.BoxPatternAdd ul{
margin:0;
padding:0;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPatternAdd {
position:relative;
}
/* */
div.BoxPattern-h430 {
border:1px solid #E2E2E2;
margin:0 0 5px;
padding:0;
}
div.BoxPattern-h200{
height:200px;
}
div.BoxPattern-h495{
height:493px;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents div.BoxPattern-h430 {
position:relative;
}
/* */
.p8 {
padding:0 8px;
}
.p10 {
padding:0 10px;
}
div.BoxPattern-h430 .ImgOnlyStyle {
margin:0;
}
div.BoxPattern-h430 h2 {
border-top:medium none;
margin-bottom:10px;
padding:0;
}
div.Grid4 div.Column2 div.BoxPattern-h430 div.ImgW180SetStyle div.ImgSet {
width:160px;
}
div.Grid4 div.Column2 div.BoxPattern-h430 div.ImgW120SetStyle div.ImgSet {
width:218px;
}

div.ImgW150SetStyle div.ImgSet {
float:left;
width:185px;
padding-top:0;
}
div.ImgW150SetStyle p.Img {
float:left;
margin:0 3px 0 0;
padding:0;
width:160px;
}
div.ImgW95SetStyle div.ImgSet {
float:left;
width:250px;
padding-top:5px;
}
div.ImgW95SetStyle p.Img {
float:left;
margin:0 8px 0 0;
padding:0;
width:95px;
}
div.ImgW85SetStyle div.ImgSet {
float:left;
width:170px;
padding-top:5px;
}
div.ImgW85SetStyle p.Img {
float:left;
margin:0 10px 0 0;
padding:0;
width:85px;
}
div.ImgW55SetStyle div.ImgSet {
float:left;
width:190px;
padding-top:5px;
}
div.ImgW55SetStyle p.Img {
float:left;
margin:0 5px 0 0;
padding:0;
width:55px;
}
div.ImgW22SetStyle div.ImgSet {
float:left;
width:250px;
font-weight:bold;
font-size:90%;
padding-top:5px;

}
div.ImgW22SetStyle p.Img {
float:left;
margin:0 5px 0 0;
padding:0;
width:22px;
}
/* ---list > description list--- */
dl.LinkListStyleAdd {
margin: 0 0 15px;
}
dl.LinkListStyleAdd dt {
padding: 0 0 5px 17px;
background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat 0 0.2em;
font-size: 90%;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents dl.LinkListStyleAdd dt { position: relative; }
/* */
dl.LinkListStyleAdd dd {
margin: 0 0 10px;
padding: 0 10px 0 17px;
line-height: 1.5;
font-size:67%;
}
/* fix font size for Firefox */
html>body dl.LinkListStyleAdd>dd{ font-size: 73%;line-height: 1.35; }
/* hack of IE7 */
*+html body dl.LinkListStyleAdd dd { font-size: 67%; line-height: 1.5;}

dl.LinkListStyleAdd dt a,dl.LinkListStyleAdd dd a { line-height: 1.35; }

dl.LinkListStyleHeadline {
margin:0;
}
dl.LinkListStyleHeadline dt {
margin:0;
padding:0;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents dl.LinkListStyleHeadline dt { position: relative; }
/* */
dl.LinkListStyleHeadline dd {
margin:0;
padding:0;
}
dl.LinkListStyleHeadline dd.TxtStyle {
font-size: 67%;
line-height:1.35;
}
/* fix font size for Firefox */
html>body dl.LinkListStyleHeadline>dd.TxtStyle{ font-size: 73%; }
/* hack of IE7 */
*+html body dl.LinkListStyleHeadline dd.TxtStyle { font-size: 67%; }

dl.LinkListStyleHeadline dd.LinkStyle {
background:transparent url(/image/h1/icon/icon_link_right.gif) no-repeat scroll 0 0.2em;
font-size:83%;
margin:4px 0 0;
padding:0 0 0 17px;
}
dl.LinkListStyleHeadline dt a, dl.LinkListStyleHeadline dd a {
line-height:1.35;
}

/* [-] common class
=========================================================================================== */

h2 {
border:0 none;
}
h2 span{
background:transparent url(/image/environment/h2_title.gif) no-repeat scroll 0 0;
border:0 none;
border-right:4px solid #e0e0e0;
padding:11px 5px 10px 30px;
}
h2 span a{
padding:11px 5px 10px 0px;
}
h2 span.br2{
background:transparent url(/image/environment/h2_title_2.gif) no-repeat scroll 0 0;
border:0 none;
border-right:3px solid #e0e0e0;;
padding:9px 5px 9px 30px;
}
h2 span.br2 a{
padding:9px 5px 9px 30px;
}
h2 span.br3{
background:transparent url(/image/environment/h2_title_3.gif) no-repeat scroll 0 0;
border:0 none;
border-right:4px solid #e0e0e0;
padding:11px 5px 10px 30px;
}
h2 span.br3 a{
padding:11px 5px 10px 0px;
}
h2 span.default{
	display: block;
	padding: 6px 5px 4px;
	border: 1px solid #cccccc;
	border-top: 3px solid #ee1933;
	background-color: #efefef;
	background-image:none;
	font-size: 90%;
	line-height: 1.35;
}
sup{
	font-size:80%;
}
sub{
	font-size:70%;
}

/* [-] special class
=========================================================================================== */

ul.ListStyle1 li{
background:transparent url(/image/h1_en/icon/icon_list_marker.gif) no-repeat scroll 0 1px;
}
ul.ListStyle1 li.color_darkCyan {
background:transparent url(/image/environment/icon_list_marker2.gif) no-repeat scroll 0 1px;
}
ul.ListStyle1 li.spec {
background:transparent url(/image/h1_en/icon/icon_list_marker.gif) no-repeat scroll 0 7px !important;
}
ul.ListStyle2 li {
background:transparent url(/image/h1_en/icon/icon_list_marker.gif) no-repeat scroll 0 1px;
}
ul.LinkListAddStyle{
margin-left:20px;
margin-top:-7px;
}

/* [-] special class
=========================================================================================== */

div.EmpNavi {
display:block;
}
div.EmpNavi {
margin:0 0 15px;
}
div.EmpNavi p {
float:left;
width:408px;
}
div.EmpNavi ol {
float:right;
width:160px;
}
div.EmpNavi ol li {
display:block;
height:51px;
margin:0 0 0px;
width:160px;
}
li.EmpBeforeNextNavip_Next {
text-align:right;
}
ul.EmpNavi2_4 {
padding-left:12px;
}
ul.EmpNavi2 {
background:transparent url(/image/environment/showcase/employee/bg_empnavi2.gif) no-repeat scroll 0 0;
height:40px;
margin:0 auto;
padding-bottom:6px;
padding-top:6px;
width:570px;
}
ul.EmpNavi2_4 li {
float:left;
}
li.EmpBeforeNextNavi_Before {
float:left;
width:50%;
}
li.EmpBeforeNextNavi_Next {
float:left;
text-align:right;
width:50%;
}
dt.EmpDtQ{
background:url(/image/environment/showcase/employee/ex/horqin/icon_question.gif) no-repeat 2px 1px;
padding-left:20px;
margin: 0 0 6px;
font-size: 90%;
line-height: 1.35;
}
/* sp_ecofactory
=========================================================================================== */

h3.SubSecBoderNone{ border:none;}

div.HelcInnerLinks{ margin: 0 0 15px; }
div.HelcInnerLinks ul { padding: 0 0 1px; }
div.HelcInnerLinks ul li{float: left;
	margin:0;
	padding:0 10px 0 0; 
	background: none;
	}
	
/* 2009 Horqin
=========================================================================================== */
.HorqinTopBg {
	margin: 0 0 5px;
	background:url(/image/environment/showcase/employee/ex/horqin2009/top_photo_bg.jpg) no-repeat 0 bottom;
}
.HorqinTopBg p.TextStyle2 {
	float: left;
	padding: 0 0 10px 35px;
	width: 410px;
	color: #3a1c11;
}
.HorqinTopBg .BakuIcon {
	float: right;
	position: relative;
	top: -7px;
	right: -1px;
}
.EnvGrid {
	display: block;
	float: left;
	margin: 0 5px 10px 0;
	width: 185px;
}
.EnvGrid h2 {
	margin: 0;
	width: 180px;
}
.EnvGrid h2 span {
	padding:4px 5px 18px 12px;
	background:url(/image/environment/showcase/employee/ex/horqin2009/h2_bg_top.gif) no-repeat 0 top;
	border: 0;
}
.Horqin2 h2 span {
	padding:2px 5px 10px 27px;
	border: 0;
	background:url(/image/environment/showcase/employee/ex/horqin2009/h2_bg.gif) no-repeat 0 top;
	color: #FFF;
}
.EnvGrid h2 span a {
	padding: 0 0 0 18px;
	background: url(/image/h1_en/icon/icon_link_right.gif) no-repeat 0 0;
	color: #3a1c11;
	font-size: 83%;
	line-height: 1.5;
}
.EnvGrid .InnerGrid {
	padding: 8px 10px 0px;
	height: 290px;
	background:url(/image/environment/showcase/employee/ex/horqin2009/top_grid_bg.gif) no-repeat center top;
}
.EnvGrid .InnerGrid ul.LinkListStyle2 {
	padding: 12px 0 0;
}
.EnvGrid .InnerGrid ul.LinkListStyle2 li a {
	line-height: 1;
	color: #3a1c11;
}
.CalDay1,.CalDay2,.CalDay3,.CalDay4,.CalDay5,.CalDay6 {
	display: block;
	margin: 6px 0 3px 5px;
	width: 155px;
	height: 28px;
 	background-image: url(/image/environment/showcase/employee/ex/horqin2009/date1.gif);
	background-repeat: no-repeat;
}
.CalDay1 {
	background-position: 0 0;
}
.CalDay2 {
	background-position: 0 -54px;
}
.CalDay3 {
	background-position: 0 -108px;
}
.CalDay4 {
	background-position: 0 -162px;
}
.CalDay5 {
	background-position: 0 -216px;
}
.CalDay6 {
	background-position: 0 -270px;
}
.CalDay1 span,.CalDay2 span,.CalDay3 span,.CalDay4 span,.CalDay5 span,.CalDay6 span {
	position: absolute;
	left: -9999px;
}
.HorqinNavi {
	background: url(/image/environment/showcase/employee/ex/horqin2009/navi_bg.jpg) repeat-x 0 0;
}
.HorqinNavi ul {
	float: right;
}
.HorqinNavi li {
	display: block;
	float: left;
	padding: 4px 5px 5px 8px;
	width: 50px;
	height: 21px;
	text-align: center;
	font-size: 90%;
	background: url(/image/environment/showcase/employee/ex/horqin2009/navi_link.jpg) repeat-x 0 0;
}
.HorqinNavi li a:link,
.HorqinNavi li a:visited {
	color: #333;
	text-decoration: none;
}
.HorqinNavi li a:hover {
	text-decoration: underline;
}
.HorqinNavi li.current {
	background: url(/image/environment/showcase/employee/ex/horqin2009/navi_current.jpg) repeat-x 0 0;
	
}
.HorqinSlide {
	display: block;
	margin: 0 0 10px;
	width: 570px;
	height: 234px;
	background: url(/image/environment/showcase/employee/ex/horqin2009/slide_bg.gif) no-repeat 0 0;
}
.HorqinSlide .ImgSlideStyle {
	float: left;
	padding: 12px 5px 5px 15px;
}
.HorqinSlide div#SlideImg {
	display: block;
	width: 375px;
	height: 200px;
}
.HorqinSlide .DayTag {
	padding: 3px;
	position: absolute;
	z-index: 1000;
	font-size: 83%;
	color: #FFF;
}
#day1 .DayTag {
	background: #88baff;
}
#day2 .DayTag {
	background: #bcc98f;
}
#day3 .DayTag {
	background: #8c8a73;
}
#day4 .DayTag {
	background: #a45550;
}
#day5 .DayTag {
	background: #6a8417;
}
#day6 .DayTag {
	background: #c1bdce;
}

.HorqinSlide p {
	display: block;
	float: right;
	margin: 12px 15px 0 0;
	width: 150px;
	height: 100px;
 	background-image: url(/image/environment/showcase/employee/ex/horqin2009/date2.gif);
	background-repeat: no-repeat;
}
.HorqinSlide p span {
	position: absolute;
	left: -9999px;
}
.HorqinSlide#day1 p {
	background-position: center 1px;
}
.HorqinSlide#day2 p {
	background-position: center -126px;
}
.HorqinSlide#day3 p {
	background-position: center -253px;
}
.HorqinSlide#day4 p {
	background-position: center -380px;
}
.HorqinSlide#day5 p {
	background-position: center -507px;
}
.HorqinSlide#day6 p {
	background-position: center -634px;
}

#day4 .VerticalInnerLinks {
	display: block;
	height: 70px;
}
#day6 .VerticalInnerLinks {
	display: block;
	height: 70px;
}

.HorqinSlide div.VerticalInnerLinks {
	float: right;
	margin: 12px 5px 10px 0;
	padding: 5px 0 5px 5px;
	width: 160px;
	background: url(/image/environment/showcase/employee/ex/horqin2009/Vertical_bg.gif) repeat-x 0 0;
}

.Horqin2 h2 {
	margin: 5px 0 8px 0;
}
.HorqinSlide div.VerticalInnerLinks ul li {
	margin: 0;
}
.HorqinSlide div.VerticalInnerLinks ul li a:visited {
	color: #3a1c11;
}
.Horqin2 .Notes,.Horqin2 .Notes li {
	color: #555;
}
.Horqin2 .ImgZoom {
	width: 185px
}
.Horqin2 .ImgZoom a {
	display: block;
	float: left;
	width: 90px;
	height: 125px;
	border-left: 1px solid #FFF;
}
.Horqin2 .ImgZoom a img {
	float:left
}

.Horqin2 .ImgNote {
	float: right;
	display: block;
	width: 370px;
	height: 48px;
	background: url(/image/environment/showcase/employee/ex/horqin2009/day3/zoom_number.gif) no-repeat 0 0;
}
.Horqin2 .ImgNote ul {
	display: block;
	height: 46px;
	margin: 0 0 0 45px;
	background: #d0cecf;
}
.Horqin2 .ImgNote ul li {
	float: left;
	padding: 0 0 0 20px;
	width: 120px;
	line-height: 1.5;
	font-size: 83%;
}
.Horqin2 .ImgOnlyStyle span.hide {
	position: absolute;
	left: -9999px;
}
.Horqin2 .textArea {
	float: right;
	width: 370px;
}
.Horqin2 #zoomWindow {
	display: block;
	position: absolute;
	margin: 0 0 0 -10px;
	z-index: 2000;
}
.Horqin2 #zoomWindow img {
	border: 2px solid #FFF;
	border-top: 0;
}

/* ********************* Horqin2010 *********************/
/* top Navi */
.horqin2010 ul.naviTop {
	width: 760px;
	height: 150px;
	margin: 0 auto;
	clear: both;
}
.horqin2010 ul.naviTop li {
	float: left;
	height: 150px;
	padding: 0 1px;
}
.horqin2010 ul.naviTop li a {
	display: block;
	background: url(/image/environment/showcase/employee/ex/horqin2010/navi_top.jpg) 0 0 no-repeat;
	width: 100px;
	height: 150px;
}
.horqin2010 ul.naviTop li strong {
	display: block;
	background: url(/image/environment/showcase/employee/ex/horqin2010/navi_top.jpg) 0 0 no-repeat;
	width: 100px;
	height: 150px;
}
.horqin2010 ul.naviTop li span {
	position: absolute;
	left: -9999px;
}

.horqin2010 ul.naviTop li.bt01 a {
	width: 97px;
	background-position: 0 0;
}
.horqin2010 ul.naviTop li.bt01 a:hover {
	background-position: 0 -169px;
}
.horqin2010 ul.naviTop li.bt01 strong {
	width: 97px;
	background-position: 0 -169px;
}


.horqin2010 ul.naviTop li.bt02 a {
	width: 100px;
	background-position: -117px 0;
}
.horqin2010 ul.naviTop li.bt02 a:hover {
	background-position: -117px -169px;
}
.horqin2010 ul.naviTop li.bt02 strong {
	width: 100px;
	background-position: -117px -169px;
}

.horqin2010 ul.naviTop li.bt03 a {
	width: 106px;
	background-position: -218px 0;
}
.horqin2010 ul.naviTop li.bt03 a:hover {
	background-position: -218px -169px;
}
.horqin2010 ul.naviTop li.bt03 strong {
	width: 106px;
	background-position: -218px -169px;
}

.horqin2010 ul.naviTop li.bt04 a {
	width: 135px;
	background-position: -325px 0;
}
.horqin2010 ul.naviTop li.bt04 a:hover {
	background-position: -325px -169px;
}
.horqin2010 ul.naviTop li.bt04 strong {
	width: 135px;
	background-position: -325px -169px;
}

.horqin2010 ul.naviTop li.bt05 a {
	width: 98px;
	background-position: -460px 0;
}
.horqin2010 ul.naviTop li.bt05 a:hover {
	background-position: -460px -169px;
}
.horqin2010 ul.naviTop li.bt05 strong {
	width: 98px;
	background-position: -460px -169px;
}

.horqin2010 ul.naviTop li.bt06 a {
	width: 100px;
	background-position: -558px 0;
}
.horqin2010 ul.naviTop li.bt06 a:hover {
	background-position: -558px -169px;
}
.horqin2010 ul.naviTop li.bt06 strong {
	width: 100px;
	background-position: -558px -169px;
}

.horqin2010 ul.naviTop li.bt07 a{
	width: 106px;
	background-position: -659px 0;
}
.horqin2010 ul.naviTop li.bt07 a:hover {
	background-position: -659px -169px;
}
.horqin2010 ul.naviTop li.bt07 strong {
	width: 106px;
	background-position: -659px -169px;
}

/* 2nd Navi */

.horqin2010 ul.navi2nd {
	display: block;
	margin: 15px 0 0;
}

.horqin2010 ul.navi2nd li {
	display: block;
	float: left;
	text-align: center;
}
.horqin2010 ul.navi2nd li span {
	position: absolute;
	left: -9999px;
}
.horqin2010 ul.navi2nd li a,
.horqin2010 ul.navi2nd li strong {
	display: block;
	width: 373px;
	height: 50px;
	background: url(/image/environment/showcase/employee/ex/horqin2010/navi_2nd.gif) 0 0 no-repeat;
}
.horqin2010 ul.navi2nd li.bt01 {
	margin: 0 13px 0 0;
}
.horqin2010 ul.navi2nd li.bt01 a:hover {
	background-position: 0 -50px;
}
.horqin2010 ul.navi2nd li.bt01 strong {
	background-position: 0 -100px;
}

.horqin2010 ul.navi2nd li.bt02 a {
	background-position: -390px 0;
}
.horqin2010 ul.navi2nd li.bt02 a:hover {
	background-position: -390px -50px;
}
.horqin2010 ul.navi2nd li.bt02 strong {
	background-position: -390px -100px;
}


/* Toppage Mainwords */
.horqin2010 h2 {
	margin: 0 0 15px;
	padding: 0;
	border: 0;
	background: none;
}
.horqin2010 h2 span {
	padding: 0;
	border: 0;
	font-size: 100%;
	background: none;
}
.horqin2010 h2.header {
	float: left;
	width: 200px;
	height: 180px;
	display: block;
	background: url(/image/environment/showcase/employee/ex/horqin2010/title_words.gif) 0 0 no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
}
.horqin2010 h2.header span {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9999px;
}
.horqin2010 p.mainWords {
	float: right;
	width: 480px;
	height: 150px;
	padding: 15px 10px 30px 60px;
	font-size: 83%;
	line-height: 1.5;
	background: url(/image/environment/showcase/employee/ex/horqin2010/words_bg.gif) 0 0  no-repeat;
}


/* bottom Navi */

.horqin2010 ul.naviBottom {
	width: 765px;
	margin: 10px auto;
	clear: both;
	overflow: hidden;
}
.horqin2010 ul.naviBottom li {
	float: left;
	height: 85px;
}
.horqin2010 ul.naviBottom li a {
	display: block;
	margin: 0 17px 3px 0;
	background: url(/image/environment/showcase/employee/ex/horqin2010/navi_bottom.jpg) 0 0 no-repeat;
	width: 178px;
	height: 85px;
}
.horqin2010 ul.naviBottom li.bt04 a {
	margin: 0 0 3px 0;	
}

.horqin2010 ul.naviBottom li a span {
	position: absolute;
	left: -9999px;
}
.horqin2010 ul.naviBottom li.bt01 a { background-position: -391px 0; }
.horqin2010 ul.naviBottom li.bt01 a:hover { background-position: -391px -114px; }
.horqin2010 ul.naviBottom li.bt03 a { background-position: 0 0; }
.horqin2010 ul.naviBottom li.bt03 a:hover { background-position: 0 -114px; }
.horqin2010 ul.naviBottom li.bt02 a { background-position: -196px 0; }
.horqin2010 ul.naviBottom li.bt02 a:hover { background-position: -196px -114px; }
.horqin2010 ul.naviBottom li.bt04 a { background-position: -585px 0; }
.horqin2010 ul.naviBottom li.bt04 a:hover { background-position: -585px -114px; }


.leftPart1 {
	float: left;
	width: 500px;
}
.horqinImgSet {
	list-style: none;
}
.horqinImgSet li{
	display: block;
	padding: 0;
	float: left;
}
.horqinImgSet ul.style2 li {
	width: 33%;
	margin: 0 1px;
}
.horqinImgSet ul.style2 li p {
	padding: 0 3px 10px 5px;
	font-size: 83%;
	line-height: 1.3;
}

.leftPart1 .horqinImgSet ul {
	display: block;
}
.leftPart1 .horqinImgSet li {
	padding: 0 0 0 25px;
	display: block;
	float: left;
	margin: 0 0 15px;
}

.horqinImgSet a {
	text-decoration: none;
}
.horqinImgSet a i {
	width: 20px;
	height: 20px;
	display: block;
	position: relative;
	top: -40px;
	left: 20px;
	margin: 0 0 -20px;
	background: url(/image/environment/showcase/employee/ex/horqin2010/zoom.png) 0 0 no-repeat;
}
.horqin2010 p.TextStyle1 {
	line-height: 1.5;
}


.staffSetLeft, .staffSetRight {
	width: 455px;
	display: block;
}
.staffSetLeft {
	float: left;
}
.staffSetLeft .ImgOnlyStyle1 {
	float: left;
	width: 170px;
}

.staffSetRight {
	float: right;
}
.staffSetRight .ImgOnlyStyle1 {
	float: right;
	width: 170px;
	text-align: right;
}
.staffSetLeft .popStyle {
	float: right;
	padding: 0 0 40px;
	background: url(/image/environment/showcase/employee/ex/horqin2010/pop_left.gif) bottom left no-repeat;
}
.staffSetLeft .popStyle p {
	padding: 15px 15px 0;
	background: #FFF url(/image/environment/showcase/employee/ex/horqin2010/pop_left.gif) 0 0 no-repeat;
}
.staffSetRight .popStyle {
	margin: 48px 0 0;
	padding: 40px 0 0;
	background: url(/image/environment/showcase/employee/ex/horqin2010/pop_right.gif) 0 0 no-repeat;
}
.staffSetRight .popStyle p {
	padding: 0 15px 15px;
	background: #FFF url(/image/environment/showcase/employee/ex/horqin2010/pop_right.gif) bottom left no-repeat;
}
.popStyle {
	margin: 5px 0 0;
	width: 280px;
}
.popStyle p {
	line-height: 1.5;
}

.staffSet .sp1 {
	margin: -140px 0 0;
}
.staffSet .sp2 {
	margin: -140px 0 0;
}
.staffSet .sp2 .popStyle {
	margin: 72px 0 0;
}
.staffSet .sp3 {
	margin: -40px 0 0;
}
.staffSet .sp3 .popStyle {
	margin: 0;
}
.staffSet .sp4 {
	margin: -60px 0 0;
}
.staffSet .sp4 .popStyle {
	margin: 23px 0 0;
}
.staffSet .sp5 {
	margin: -110px 0 0;
}
.staffSet .sp5 .popStyle {
	margin: 50px 0 0;
}

p.wordsPanel {
	padding: 15px 20px;
	height: 80px;
	font-size: 90%;
	line-height: 1.5;
	background: url(/image/environment/showcase/employee/ex/horqin2010/page2/bg_1.jpg) 0 0 no-repeat;
}
.horqin2010 .ColumnSet .Column2 {
	background: #feffca;
	margin: 0 0 15px;
}
.horqin2010 .ColumnSet .border {
	border: 1px solid #999;
	height: 75px;
}
.horqin2010 .ColumnSet .Column2 p {
	padding: 15px;
	font-weight: 900;
	line-height: 1.5;
	color: #757441;
}
.horqin2010 .ColumnSet .ColumnSP {
	float: left;
	width: 200px;
	margin: 0 15px 0 30px;
}
.horqin2010 p.sp {
	padding: 14px 0 0;	
}
.horqin2010 .videoSet p.ImgOnlyStyle {
	float: left;
	width: 400px;
	margin: 0 15px 0 0;
}

.horqin2010 .hide {
	display: none;
}
.points {
	clear: both;
	margin: 0 0 50px;
}
.points dt {
	float: left;
	width: 100px;
	font-weight: 900;
}
.points dd {
	float: left;
	width: 650px;
	margin: 0 0 25px;
}

/*--Tooltip Styles--*/

.tip_trigger {
	color: #063;
	font-weight: 900;
}
a .tip {
	text-decoration: none;	
}
.tip_trigger .tip {
	color: #fff;
	background:#1d1d1d;
	display:none; /*--Hides by default--*/
	padding:10px;
	position:absolute;
	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.5;
}


/* lightbox */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/js/scripts/lightbox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/js/scripts/lightbox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/js/scripts/lightbox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/js/scripts/lightbox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/js/scripts/lightbox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/scripts/lightbox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/js/scripts/lightbox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/js/scripts/lightbox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/js/scripts/lightbox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/scripts/lightbox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/js/scripts/lightbox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/js/scripts/lightbox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/js/scripts/lightbox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/js/scripts/lightbox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/js/scripts/lightbox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/js/scripts/lightbox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/js/scripts/lightbox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/scripts/lightbox/fancy_shadow_nw.png', sizingMethod='scale'); }



/* slideshow styles */
.slideShow ul,
.slideShow li,
.slideShow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Verdana;
}
.slideShow {
	clear: both;
	margin: 10px auto;
}

/** navigation **/
.slideShow .navigation {
	width: 600px;
	margin: 5px auto 0px;
	clear: left;
	display: block;
}
.slideShow .navigation li {
	display: inline;
}
.slideShow .navigation a {
	background-color: #B3B3B3;
	margin: 0px 1px 0px 0px;
	color: #232323;
	display: inline-block;
	text-decoration: none;
	border: 2px solid #fff;
	font-size: 0.8em;
	text-shadow: 0px 1px rgba(255,255,255,0.5);
	text-transform: uppercase;
}
.slideShow .thumbs li {
	margin: 0;
	padding: 0;
}
.slideShow .thumbs a {
	margin: 0;
	padding: 0px;
	overflow: hidden;
	background-color: transparent;
	width: 47px;
	height: 47px;
	display: inline-block;
}
.slideShow .thumbs a img {
	width: 47px;
	height: 47px;
	margin: 0;
}
.slideShow .navigation a:hover,
.slideShow .navigation a.selected {
	background-color: #6C6C6C !important;
	border: 2px solid #6C6C6C;
	color: #000000;
}
.slideShow ol.topNavigation {
	margin: 0px 0px 10px 0px;
}

/** slides with more than an image in it **/
.slide h1 {
	position: absolute;
	background-color: #ffffff;
	left: 0px;
	top: 0px;
}

.slide dl dt {
}

/** slides with text over images **/
.slide p {
	margin: 1em;
	position: absolute;
	background-color: #000;
	color: #fff;
	z-index: 1;
	padding: 0.2em 0.8em;
}
.slide p a {
	color: #fff;
}
.slideShow .slides {
	margin: 0 auto;	
}
/** slideshow with images in navigation **/
.navigation.white a, .navigation.white li {
	background-color: #ffffff;
}
.navigation.white a {
	border: 1px solid #ffffff;
	padding: 0px;
	line-height: 0.8em;
}
.navigation.white a:hover,
.navigation.white a.selected {
	background-color: #ffffff;
	border: 1px solid #999;
}