@charset "utf-8";

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

Name: layout.css

Description: Setting of page layout

Create: 2007.11.XX
Update: 8888.88.88

Copyright 2007 Hitachi, Ltd. 

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



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

[-] site identity

===================================================== */



/* [-] site identity
=========================================================================================== */

div#SiteIdentityCn {
font-size:0;
margin:0 auto;
width:765px;
}
div#SiteIdentityCn h1.Title, div#SiteIdentityCn p.Title {
background:#E6E6E6 url(/image/h1_en/bg_site_id_cn.gif) repeat-x scroll 0 0;
float:left;
height:98px;
text-align:left;
width:609px;
}
div#SiteIdentityCn h1.Title img, div#SiteIdentityCn p.Title img {
margin:8px 0 0;
}
div#SiteIdentityCn h1.Statement, div#SiteIdentityCn p.Statement {
background:transparent url(/image/h1_en/bg_corp_id_cn.gif) repeat-x scroll 0 0;
float:right;
height:97px;
padding:1px 1px 0 0;
width:155px;
}
div#SiteIdentityCn:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
div#SiteIdentityCn {
display:inline-block;
}
* html div#SiteIdentityCn {
height:1%;
}
div#SiteIdentityCn {
display:block;
}
#UtilityTools {
display:none;
}
html > body div#TopicPath > ul {
font-size:73%;
}
* + html body div#TopicPath ul {
font-size:67%;
}
table.pre th {
white-space:pre;
}
div.BoxPatternD {
margin:0 0 15px;
}
div.BoxPatternD p.Title {
border-top:3px solid #5F9AD5;
}
div.BoxPatternD p.Title strong {
background-color:#99CCFF;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
display:block;
font-size:90%;
line-height:1.35;
padding:5px 10px;
}
div.BoxPatternD p.Title strong a {
line-height:1.35;
}
div.BoxPatternD div.Inner {
border:1px solid #CDCDCD;
height:348px;
padding:10px 10px 0;
}
div.BoxPatternE {
margin:0 0 15px;
}
div.BoxPatternE p.Title {
border-top:3px solid #6BC34E;
}
div.BoxPatternE p.Title strong {
background-color:#ADEB99;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
display:block;
font-size:90%;
line-height:1.35;
padding:5px 10px;
}
div.BoxPatternE p.Title strong a {
line-height:1.35;
}
div.BoxPatternE div.Inner {
border:1px solid #CDCDCD;
height:348px;
padding:10px 10px 0;
}
div.ww {
margin:0 auto 15px;
width:60%;
}
div.border_top {
background:#FFFFFF url(/image/eco/common/menu_top_bg.gif) no-repeat scroll 0 0;
font-size:0;
height:3px;
line-height:0;
margin:0;
padding:0;
width:180px;
}
div.border_mid {
background:#FFFFFF url(/image/eco/common/menu_mid_bg.gif) repeat-y scroll 0 0;
margin:0;
padding:0;
text-align:center;
width:180px;
}
div.border_bot {
background:#FFFFFF url(/image/eco/common/menu_bot_bg.gif) no-repeat scroll 0 0;
font-size:0;
height:6px;
line-height:0;
margin:0;
padding:0;
width:180px;
}
div.border_content {
height:125px !important;
margin:0;
padding:12px 8px 0;
text-align:left;
}
div.border_content2 {
height:120px;
margin:0;
padding:4px 8px 0;
text-align:left;
}
div.border_content p, div.border_content2 p {
font-size:83%;
line-height:1.25;
}
div.mar_b6 {
margin-bottom:6px;
}
div.height88 {
height:88px;
}
div.Grid1 div#VerticalLocalNavi a {
line-height:150%;
}
.h1d5 {
line-height:18px;
}
p.line15 {
line-height:1.5;
}
div.down_con {
height:50px !important;
}
ul.ListStyle1 li {
background:transparent url(/image/eco/common/circle.gif) no-repeat scroll 0 0;
}
ul.ListStyle2 li {
background:transparent url(/image/eco/common/circle.gif) no-repeat scroll 0 0;
}
ul.ListStyle1 li.spec {
background:transparent url(/image/eco/common/circle.gif) no-repeat scroll 0 6px !important;
}
ul.ListStyle2 li.spec {
background:transparent url(/image/eco/common/circle.gif) no-repeat scroll 0 6px !important;
}
#UtilityTools {
display:none;
}
span.pdl60 {
padding-left:4.7em;
}
span.pdl3word {
padding-left:3.9em;
}
span.mail {
background:transparent url(/image/h1_en/icon/icon_mail.gif) no-repeat scroll 0 0.1em;
padding-left:20px;
}
ul.e_38 {
margin-bottom:3em !important;
}
.color_darkCyan {
color:#018A83;
}
ul.ListStyle1 li.color_darkCyan {
background:transparent url(/image/eco/common/circle2.gif) no-repeat scroll 0 0;
}
.ProLeftAdjust {
float:left;
margin:0 26px 0px 0;
}
div.ImgW160SetStyle p.Img {
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
div.ImgW250SetStyle p.Img {
	float: left;
	width: 250px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
div.ImgW160SetStyle div.ImgSet {
	float: left; 
	width:395px;
	}
div.ImgW250SetStyle div.ImgSet { 
	float: left;
	width:305px;
	}