@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;
	}