@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 {
	margin: 0 auto;
	width: 765px;
	font-size: 0;
}
div#SiteIdentityCn h1.Title,
div#SiteIdentityCn p.Title {
	float: left;
	width: 609px;
	height: 98px;
	background: url("/image/h1_en/bg_site_id_cn.gif") repeat-x 0 0 #e6e6e6;
	text-align: left;
}
div#SiteIdentityCn h1.Title img,
div#SiteIdentityCn p.Title img {
	margin: 8px 0 0;
}
div#SiteIdentityCn h1.Statement,
div#SiteIdentityCn p.Statement {
	float: right;
	padding: 1px 1px 0 0;
	width: 155px;
	height: 97px;
	background: url("/image/h1_en/bg_corp_id_cn.gif") repeat-x 0 0;
}



/* [-] common class
=========================================================================================== */

div#SiteIdentityCn:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div#SiteIdentityCn { display: inline-block; }

/* Hides from IE 4-6 \*/
* html div#SiteIdentityCn { height: 1%; }

div#SiteIdentityCn { display: block; }
/* End hide from IE 4-6 */

/* [-] Added class
=========================================================================================== */
ul.ListStyle1_spec {
	float:right;width:200px;margin-top:50px;
}
ul.ListRightAdjust_spec{

margin-top:-40px;
}
.border_none,.border_none td{
border:none;
}
span.bigger{
font-size:110%;
}
table.table_spec {
	margin: 0 0 15px;
	border-collapse: collapse;
}

table.table_spec th {
	background-color: #e8e8e8;
	font-weight: normal;
}
table.table_spec td.SubHeader {
	background-color: #f3f3f3;
	font-weight: normal;
}
table.table_spec th,table.table_spec td {
	text-align: left;
	padding:0;
	font-size: 100%;
	line-height: 1;
}
table.table_spec2 {
	margin: 10px 0 15px;
	border-collapse: collapse;
}

table.table_spec2 th {
	background-color: #e8e8e8;
	font-weight: normal;
}
table.table_spec2 td.SubHeader {
	background-color: #f3f3f3;
	font-weight: normal;
}
table.table_spec2 th,table.table_spec td {
	padding:0;
	font-size: 100%;
	line-height: 1;
}
.font_smaller{
font-size:90%;
}
img.img_auto{
margin:0 auto;
}
.gray_smaller{
font-size:83%;
color:#666666;
}
div.ImgW120SetStyle_spec p.Img {
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
.compare_left_img{
  display: block;
  width:120px;
  /*height:55px;*/
  line-height:55px;
  text-align:center;
  *font-size:50px;
}
.compare_left_img img{
  vertical-align:middle;
}
.compare_left_img:after {
  content: ".";
  visibility: hidden;
  font-size: 12px;
  margin-left: -5px;
}
.compare_left{
float:left;
font-size:90%;
}
.compare_info{
margin-left:120px;
font-size:83%
}
.compare_info_high{
padding-top:20px;
}
.pad_t15{
padding-top:15px;
padding-bottom:15px;
}
.compare_high{
height:120px;
line-height:120px;
*font-size:115px;
}
.noborder{
border:none;
}
sup{
font-size:83%
}
input[type="checkbox"]{
		margin:-3px 0 3px 10px;
		*margin:0 0 0 10px;
		_vertical-align:middle;
		font-size:83%;
}
.float_left{
float:left;
margin-top:3px;
}
.line2label{
float:left;
height:2em;
padding-left:3px;
}


#UtilityTools {
display: none;
}

/* fix font size for Firefox */
html>body div#TopicPath>ul { font-size: 73%; }
/* hack of IE7 */
*+html body div#TopicPath ul { font-size: 67%; }

table.pre th {
 white-space:pre;
}
.color_red{
color:#990000;
}



.pro_bg1{
background:transparent url("/image/hitachi-shha/product/pro_bg1.gif") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}
.pro_bg2{
background:transparent url("/image/hitachi-shha/product/pro_bg2.gif") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}
.pro_bg3{
background:transparent url("/image/hitachi-shha/product/pro_bg3.gif") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}
.pro_bg4{
background:transparent url("/image/hitachi-shha/product/pro_bg4.gif") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}
.pro_jx_bg{
background:transparent url("/image/hitachi-shha/product/pro_jx_bg.gif") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}

.pro_2010_bg1{
background:transparent url("/image/hitachi-shha/product/kt/2010/2010_bg1.jpg") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}

.pro_2010_bg2{
background:transparent url("/image/hitachi-shha/product/kt/2010/2010_bg2.jpg") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}
.pro_2010_bg3{
background:transparent url("/image/hitachi-shha/product/kt/2010/2010_bg3.jpg") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}
.pro_2010_bg4{
background:transparent url("/image/hitachi-shha/product/kt/2010/2010_bg4.jpg") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}
.pro_2011_bg5{
background:transparent url("/image/hitachi-shha/product/kt/2011/2011_bg5.jpg") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}
.pro_2011_bg6{
background:transparent url("/image/hitachi-shha/product/kt/2011/2011_bg6.jpg") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}
.pro_2011_bg7{
background:transparent url("/image/hitachi-shha/product/kt/2011/2011_bg7.jpg") repeat-y 0 0;
text-align:center;
width:540px;
margin-left:15px;
margin-bottom:15px;
font-size:0;
line-height:0;
}

.pro_bg1 img , .pro_bg2 img , .pro_bg3 img , .pro_jx_bg img, .pro_2010_bg1 img, .pro_2010_bg2 img, .pro_2010_bg3 img, .pro_2010_bg4, .pro_2011_bg5 img{
display:block;
margin-bottom:15px;
}
.pro_bg1 img.last , .pro_bg2 img.last , .pro_bg3 img.last , .pro_jx_bg img.last, .pro_2010_bg1 img.last, .pro_2010_bg2 img.last, .pro_2010_bg3 img.last, .pro_2010_bg4 img.last, .pro_2011_bg5 img.last{
margin:0;
}

.kt_img_title{margin-bottom:5px!important;}

#top_flash{
margin-top:-4px;
position:relative;
z-index:1;
}

div.BoxPatternA div.InnerPadAdjust{
padding:1px;
}
p.ImgLineAdjust{
height:224px;
margin:0;
overflow:hidden;
padding:5px 0;
text-align:center;
}
p.ImgTopStyle{
margin-top:15px;
}
div.InnerLinksAdjust ul li{
background:none;
padding:0;
margin:0 8px 4px 0;
}

/* fix font size for Firefox */
html>body .grayBlackStyle dt, html>body .grayBlackStyle dd { font-size: 73%; color:#666;}
/* hack of IE7 */
*+html body .grayBlackStyle dt, *+html body .grayBlackStyle dd { font-size: 67%; color:#666;}
