@charset "Shift_JIS";



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



Name: add_layout.css



Description: Setting of page portal



Create: 2007.10.XX

Update: 2007.12.07



Copyright 2007 Hitachi, Ltd. 



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







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



[s1] ヘッダ

[s2] サイトアイデンティティ

[sn1] グローバルナビゲーション

[sn2] 横型ローカルナビゲーション

[sn3] ブレッドクラム

[-] コンテンツエリア

[sn4] 縦型ローカルナビゲーション

[sn5] フッタ



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







/* [s1] ヘッダ

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









/* [s2] サイトアイデンティティ

=========================================================================================== */
/* ---[s2] サイトアイデンティティ > ステージングユニット【トップページ】--- */
#SiteIdentityITL {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 765px;
	font-size: 0;
	background-color: #f2f2f2;
	border-top: solid 1px #fff;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
#SiteIdentityITL h1.Title {
	position: relative;
	z-index: 2;
	width: 765px;
	height: 55px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: left;
	overflow: hidden;
}
#SiteIdentityITL h1.Title a {
	float: left;
	display: block;
}
#SiteIdentityITL p.Statement {
	position: relative;
	width: 765px;
	margin: 0 auto;
	text-align: left;
}
#SiteIdentityITL p.Statement a {
	position: absolute;
	display: block;
	margin: -97px 0 0 0;
}
#SiteIdentityITL p.Statement a img {
	width: 95px;
	height: 29px;
}
#SiteIdentityITL h1.Title img {vertical-align: top;}

div#SiteIdentityITL p.Concept  {
	position: absolute;
	width: 137px;
	height: 60px;
	top: 0;
	left: 50%;
}

#BrandingImgStyle2 {
	margin-top: 0 !important;
}



/* ---[s2] サイトアイデンティティ > ステージングユニット【通常ページ】--- */
#SiteIdentityITS {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 765px;
	font-size: 0;
	background-color: #f2f2f2;
	border-top: solid 1px #fff;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
#SiteIdentityITS p.Title {
	position: relative;
	z-index: 2;
	width: 765px;
	height: 55px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: left;
	overflow: hidden;
}

#SiteIdentityITS p.Statement {
	position: relative;
	width: 765px;
	margin: 0 auto;
	text-align: left;
}
#SiteIdentityITS p.Statement a {
	position: absolute;
	display: block;
	margin: -97px 0 0 0;
}
#SiteIdentityITS p.Statement a img {
	width: 95px;
	height: 29px;
}
#SiteIdentityITS p.Title img {vertical-align: top;}

div#SiteIdentityITS p.Concept  {
	position: absolute;
	width: 137px;
	height: 60px;
	top: 0;
	left: 50%;
}

#SiteIdentityITS .Title a[href]:link img,
#SiteIdentityITL .Title a[href]:link img,
#SiteIdentityITS .Title a[href]:visited img,
#SiteIdentityITL .Title a[href]:visited img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#SiteIdentityITS .Title a[href]:hover img,
#SiteIdentityITL .Title a[href]:hover img,
#SiteIdentityITS .Title a[href]:active img,
#SiteIdentityITL .Title a[href]:active img {
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

div#SiteIdentityITS p.Concept  {
	position: absolute;
	width: 137px;
	height: 60px;
	top: 0;
	left: 50%;
}



/* [sn1] グローバルナビゲーション

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









/* [sn2] 横型ローカルナビゲーション

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









/* [sn3] ブレッドクラム

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









/* [-] コンテンツエリア

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

/* ---[-] SlideShow --- */

#SlideShow,
.slider,
#slider-wrap,
p#headerFlash {margin-top: 0 !important}



/* [sn4] 縦型ローカルナビゲーション

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









/* [sn5] フッタ

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









/* [-] 共通クラス

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



div#SiteIdentityITL:after,

div#SiteIdentityITS:after {

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: ".";

}

div#SiteIdentityITL,

div#SiteIdentityITS { display: inline-block; }



/* Hides from IE 4-6 \*/

* html div#SiteIdentityITL,

* html div#SiteIdentityITS { height: 1%; }



div#SiteIdentityITL,

div#SiteIdentityITS { display: block; } 

/* End hide from IE 4-6 */