@charset "utf-8";

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

Name: layout.css

Description: Setting of page layout

Create: 2007.10.XX
Update: 2014.05.31

Copyright 2007 Hitachi, Ltd. 

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



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

[s1] Header
[s2] Site identity
[sn1] Global navigation
[sn2] Horizontal local navigation
[sn3] Topic Path
[-] Content
[sn4] Vertical local navigation
[sn5] Footer
[-] common class

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



/* 1: Header Setting
=========================================================================================== */

div#Header ul#CountryRegion {
	display: none;
/*	display: inline-block;*/
	margin: 13px 0 0;
	font-size: 83%;
}
/*
*:first-child+html div#Header ul#CountryRegion {display: inline;}
* html div#Header ul#CountryRegion {display: inline;}
*/
div#Header ul#CountryRegion li {
	position: relative;
	float: left;
	margin: 0 8px 0 0;
	padding: 2px 0 5px 20px;
	background: url("/image/h1_en/add/icon/icon_world.gif") no-repeat 0 0;
	z-index: 99;
}
*:first-child+html div#Header ul#CountryRegion li {background-position: 0 3px;}
* html div#Header ul#CountryRegion li {background-position: 0 3px;}

div#Header ul#CountryRegion li a:link,
div#Header ul#CountryRegion li a:visited {
	color: #333;
	text-decoration: none;
}

div#Header ul#CountryRegion li img {
	margin-left:0.2em;
	vertical-align: middle;
}

div#Header ul#CountryRegion li div{
	position: absolute;
	top:1.5em;
	left:0;
	background: #fff;
	float: none;
	margin: 0;
	padding: 0;
	border: solid 1px #999;
	overflow:auto;
	width:15em;
	height:12.5em;
}

div#Header ul#CountryRegion li div.on{
	display: block;
}

div#Header ul#CountryRegion li div.off{
	display: none;
}

div#Header ul#CountryRegion li div ul{
	margin: 0;
	padding: 0;
	border-right: solid 1px #999;
	border-top: solid 2px #999;
}

div#Header ul#CountryRegion li div ul.FirstItem{
	border-top: none;
}

div#Header ul#CountryRegion li div ul li {
	float: none;
	margin: 0;
	padding: 0;
	background: none;
	text-align:left;
	overflow: hidden;
}

div#Header ul#CountryRegion li ul li a{
	display: block;
	width: auto;
	margin: 0;
	padding: 3px 0 6px 5px;
	border-top: solid 1px #eaeaea; 
}

div#Header ul#CountryRegion li ul li.FirstItem a{
	border-top: none; 
}

div#Header ul#CountryRegion li ul li a:hover{
	background:#e6e6e6;
}

/* [s2] Site identity
=========================================================================================== */
/* ---[s2] Site identity > staging unit > normal page--- */
div#addSiteIdentityS {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 765px;
	height: 60px;
	font-size: 0;
	background-color: #f2f2f2;
	border-top: solid 1px #fff;
}

div#addSiteIdentityS p.Statement {
	position: relative;
	width: 765px;
	margin: 0 auto;
	text-align: left;
}

div#addSiteIdentityS p.Statement a {
	position: absolute;
	display: block;
	margin: -37px 0 0 0;
}
div#addSiteIdentityS p.Statement a img {
	width: 95px;
	height: 29px;
}



/* [sn1] Global navigation
=========================================================================================== */



/* [sn2] Horizontal local navigation
=========================================================================================== */



/* [sn3] Topic Path
=========================================================================================== */



/* [-] Content Setting
=========================================================================================== */



/* [sn4] Vertical local navigation
=========================================================================================== */



/* 7: Footer
=========================================================================================== */



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