@charset "Shift_JIS";

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

Name: layout.css

Description: Setting of page layout

Create: 2007.10.XX
Update: 2014.02.13

Copyright 2007 Hitachi, Ltd. 

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



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

[-] スキップリンク
[s1] ヘッダ
[s2] サイトアイデンティティ
[s3] グローバルナビゲーション
[s4] 横型ローカルナビゲーション
[s5] ブレッドクラム
[-] コンテンツエリア
[s6] 縦型ローカルナビゲーション
[s7] フッタ
[-] 共通クラス

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



/* [-] スキップリンク
=========================================================================================== */
#top {
	background-color:#3e3a39;
	line-height:2;
	font-size:83%;
	text-align:center;
	margin:0;
}
#top a {
	color:#ffffff;
	background:url('/image/h1/icon/icon_skiplink.gif') left center no-repeat;
	padding-left:18px;
	position:absolute;
	top:-10em;
}
#top a.focus {
	position:static;
	margin:5px 0 6px;
	padding-bottom:3px;
	zoom:1;
}



/* [s1] ヘッダ
=========================================================================================== */

body {
	background-image: url(/image/h1/temp/header_line.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#Header {
	width: 745px;
	height: 45px;
	margin: 0 auto;
	padding: 5px 0 0;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-align: right;
	border-right: solid 20px #e60027;
}

#Header #UtilityTools {
	display: none;
}

#Header #Search {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}
* html #Header #Search {
	display: inline;
	width: 200px;
	height: 45px;
	margin-right: 10px;
	overflow: hidden;
}
*:first-child+html #Header #Search {
	display: inline;
	margin-right: 10px;
}
#Header #Search form {
	display: table-cell;
	height: 44px;
	vertical-align: middle;
}
* html #Header #Search form {
	margin: 13px 15px 0 0;
}
*:first-child+html #Header #Search form {
	margin: 13px 15px 0 0;
}
#Header #Search legend {
	display: none;
}
#Header #Search p {
	font-size: 83%;
}
#Header #Search p input,
#Header #Search p img {
	vertical-align: middle;
}
#Header #Search img {
	display: none;
}
#Header #Search #SearchTextBox {
	width: 9.2em;
	padding: 1px;
	border: 1px solid #d5d5d5;
}

#Header #Region {
	display: inline-block;
	height: 44px;
	font-size: 76%;
	text-align: right;
	overflow: hidden;
	vertical-align: top;
	background-color: #fff;
}
* html #Header #Region {
	display: inline;
}
*:first-child+html #Header #Region {
	display: inline;
}
#Header #Region li {
	display: table-cell;
	height: 44px;
	padding: 0 0 0 15px;
	line-height: 160%;
	vertical-align: middle;
}
* html #Header #Region li {
	display: inline;
	margin: 15px 0 0 0;
	zoom: 1;
}
*:first-child+html #Header #Region li {
	display: block;
	float: left;
	margin: 15px 0 0 0;
}
#Header #Region li a {
	vertical-align: middle;
}

#Header #Region li a:link,
#Header #Region li a:visited  {
	color: #333;
	text-decoration: none;
}
#Header #Region li a:hover,
#Header #Region li a:active  {
	color: #b1000e;
	text-decoration: underline;
}
#Header #Region li.RightSeparater a {
	padding: 0 15px 0 0;
	border-right: solid 1px #d5d5d5;
}
#Header #Region li.Country {
	padding: 0 15px;
}
#Header #Region li.Country img {
	vertical-align: middle;
}



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

/* ---[s2] サイトアイデンティティ > ステージングユニット【トップページ】--- */
#SiteIdentityL {
	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;
}
#SiteIdentityL h1.Title {
	position: relative;
	z-index: 2;
	width: 765px;
	height: 55px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: left;
	overflow: hidden;
}
#SiteIdentityL h1.Title a {
	float: left;
	display: block;
}
#SiteIdentityL p.Statement {
	position: relative;
	width: 765px;
	margin: 0 auto;
	text-align: left;
}
#SiteIdentityL p.Statement a {
	position: absolute;
	display: block;
	margin: -97px 0 0 0;
}
#SiteIdentityL p.Statement a img {
	width: 95px;
	height: 29px;
}
#SiteIdentityL h1.Title img {vertical-align: top;}

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

/* ---[s2] サイトアイデンティティ > ステージングユニット【通常ページ】--- */
#SiteIdentityS {
	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;
}
#SiteIdentityS p.Title {
	position: relative;
	z-index: 2;
	width: 765px;
	height: 55px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: left;
	overflow: hidden;
}

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

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



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

#GlobalNavi div, #GlobalNavi dl, #GlobalNavi dt, #GlobalNavi dd, #GlobalNavi ul, #GlobalNavi ul #GlobalNavi li, #GlobalNavi h1, #GlobalNavi h2, #GlobalNavi h3, #GlobalNavi h4, #GlobalNavi h5, #GlobalNavi h6,
#GlobalNavi pre, #GlobalNavi form, #GlobalNavi fieldset, #GlobalNavi input, #GlobalNavi textarea, #GlobalNavi p, #GlobalNavi blockquote, #GlobalNavi th, #GlobalNavi td {
	line-height: 160%;
}

#GlobalNavi {
	position: relative;
	min-width: 765px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
* html #GlobalNavi {background: url(/image/jp/r1/bg_g_navi.gif) repeat-x bottom left;}
*:first-child+html #GlobalNavi {background: url(/image/jp/r1/bg_g_navi.gif) repeat-x bottom left;}

#GlobalNavi .ClearFix {
	background-color: #f2f2f2;
}

.CourtesyNavi {
	width: 765px;
	height: 42px;
	margin: -42px auto 0;
	text-align: right;
}

.CourtesyNavi li {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 0 0 20px;
	line-height: 1em;
}
* html .CourtesyNavi li {display: inline;}
*:first-child+html .CourtesyNavi li {display: inline;}

.CourtesyNavi li.Separater {
	margin: 0 -10px 0 20px;
	border-right: solid 1px #d5d5d5;
}

.CourtesyNavi li.Separater a {
	margin: 0 15px 0 0;
}

.CourtesyNavi li a {
	font-size: 67%;
	vertical-align: middle;
}
*:first-child+html .CourtesyNavi li a {vertical-align: top;}
* html .CourtesyNavi li a {vertical-align: top;}

.CourtesyNavi li a:link,
.CourtesyNavi li a:visited {
	color: #333;
	text-decoration: none;
}
.CourtesyNavi li a:hover,
.CourtesyNavi li a:active {
	color: #b1000e;
	text-decoration: underline;
}

#GlobalNaviTop {
	position: relative;
	z-index: 2;
	width: 765px;
	margin: 0 auto;
	zoom: 1;
}
#GlobalNaviTop:after {
	content: "";
	display: block;
	clear: both;
}

#GlobalNaviTop li {
	float: left;
}

#GlobalNaviTop li a {
	display: block;
	line-height: 35px;
	padding: 0 15px;
	font-size: 83%;
}
* html #GlobalNaviTop li a {
	float: left;
}

#GlobalNaviTop li a:link,
#GlobalNaviTop li a:visited {
	color: #333;
	text-decoration: none;
}
#GlobalNaviTop li a:hover,
#GlobalNaviTop li a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
}

#GlobalNaviTop li.Current a {
	line-height: 35px;
	font-weight: bold;
}
#GlobalNaviTop li.Current a:link,
#GlobalNaviTop li.Current a:visited {color: #000;}
#GlobalNaviTop li.Current a:hover,
#GlobalNaviTop li.Current a:active {color: #fff;}

#GlobalNaviTop li.Current a em {
	display: block;
	line-height: 35px;
	margin: 0 -15px;
	padding: 0 15px;
	background: url(/image/jp/r1/bg_g_navi_current.gif) no-repeat center bottom;
	font-weight: bold;
	font-style: normal;
}
#GlobalNaviTop li.Current a:hover em {
	color: #fff;
}

#GlobalNaviTop li.Current a strong {
	display: block;
	line-height: 35px;
	margin: 0 -15px;
	padding: 0 15px;
	background: url(/image/jp/r1/bg_g_navi_current.gif) no-repeat center bottom #b1000e;
	color: #fff;
}

#GlobalNaviTopButton {
	display: none;
}



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

#HorizontalLocalNavi {
	width: 765px;
	margin: 0 auto;
	zoom: 1;
}

#HorizontalLocalNavi:after {
	content: "";
	display: block;
	clear: both;
}
#HorizontalLocalNavi:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #e5e5e5;
}

#HorizontalLocalNavi li {
	position: relative;
	float: left;
}
* html #HorizontalLocalNavi li {
	position: static;
}

#HorizontalLocalNavi li a {
	display: block;
	line-height: 45px;
	padding: 0 15px;
	font-size: 83%;
}
* html #HorizontalLocalNavi li a {float: left;}

#HorizontalLocalNavi li a:link,
#HorizontalLocalNavi li a:visited {
	color: #333;
	text-decoration: none;
}
#HorizontalLocalNavi li a:hover,
#HorizontalLocalNavi li a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
}

#HorizontalLocalNavi li.Current a {
	line-height: 45px;
	font-weight: bold;
}
#HorizontalLocalNavi li.Current a:link,
#HorizontalLocalNavi li.Current a:visited {color: #000;}
#HorizontalLocalNavi li.Current a:hover,
#HorizontalLocalNavi li.Current a:active {color: #fff;}

#HorizontalLocalNavi li.Current a em {
	display: block;
	line-height: 45px;
	margin: 0 -15px;
	padding: 0 15px;
	background: url(/image/jp/r1/bg_h_navi_current.gif) no-repeat center bottom;
	font-weight: bold;
	font-style: normal;
}
#HorizontalLocalNavi li.Current a:hover em {
	color: #fff;
}

#HorizontalLocalNavi li.Current a strong {
	display: block;
	line-height: 45px;
	margin: 0 -15px;
	padding: 0 15px;
	background: url(/image/jp/r1/bg_h_navi_current.gif) no-repeat center bottom #b1000e;
	color: #fff;
}



/* [s5] ブレッドクラム
=========================================================================================== */

#TopicPath {
	width: 765px;
	margin: 0 auto;
}
#TopicPath ul {
	padding: 20px 0 5px;
	zoom: 1;
}
#TopicPath ul:after {
	content: "";
	display: block;
	clear: both;
}
#TopicPath ul li {
	float: left;
	padding: 0 0 0 20px;
	font-size: 67%;
	background: url(/image/jp/r1/icon/icon_topic_path_transition.gif) no-repeat 7px center;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height: 160%;
	white-space: nowrap;
}
#TopicPath ul li.FirstItem {
	padding: 0;
	background: none;
}
#TopicPath ul li strong {
	font-weight: normal;
	color: #333;
	line-height: 160%;
}
#TopicPath ul li a {line-height: 160%;}
#TopicPath ul li a:link,
#TopicPath ul li a:visited  {
	color: #c02;
	text-decoration: none;
}
#TopicPath ul li a:hover,
#TopicPath ul li a:active  {
	color: #b1000e;
	text-decoration: underline;
}



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

div#Contents {
	margin: auto;
	width: 765px;
	text-align: left;
}
.TopBorderSet {
	padding: 15px 0 0;
}
div#Contents.TopMarginSet {
	margin: 20px auto 0;
}



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

#VerticalLocalNavi {
	margin: 0 0 15px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 83%;
}

#VerticalLocalNavi h2 {
	margin: 0;
	padding: 0;
	border-top-style: none;
}
#VerticalLocalNavi h2 a {
	display: block;
	margin: 0;
	padding: 12px 15px;
	border-top-style: none;
	border-bottom: solid 1px #fff;
	background-image: none;
	color: #fff;
	font-weight: normal;
	text-decoration: none; 
}
#VerticalLocalNavi h2 a:link,
#VerticalLocalNavi h2 a:visited {background-color: #737373;}
#VerticalLocalNavi h2 a:hover,
#VerticalLocalNavi h2 a:active {background-color: #444;}

#VerticalLocalNavi ul {margin: 0;}

#VerticalLocalNavi li {
	position: relative;
	font-size: 100%;
	zoom: 1;
}
* html #VerticalLocalNavi li {float: left;}

#VerticalLocalNavi a {
	display: block;
	padding: 9px 15px;
	border-top: solid 1px #fff;
	line-height: 140%;
	text-decoration: none;
	vertical-align: top;
	zoom: 1;
}
* html #VerticalLocalNavi a {
	float: left;
	width: 150px;
}
*:first-child+html #VerticalLocalNavi a {
	float: left;
	width: 150px;
}

#VerticalLocalNavi li.FirstItem a {border-top-style: none;}
#VerticalLocalNavi li.FirstItem li a {border-top: solid 1px #fff;}
#VerticalLocalNavi li li.FirstItem a {border-top: solid 1px #fff;}

#VerticalLocalNavi li li {font-size: 100%;}

#VerticalLocalNavi li li a {padding: 9px 15px 9px 30px;}
* html #VerticalLocalNavi li li a {width: 135px;}
*:first-child+html #VerticalLocalNavi li li a {width: 135px;}

#VerticalLocalNavi li li li {font-size: 100%;}

#VerticalLocalNavi li li li a {padding: 9px 15px 9px 45px;}
* html #VerticalLocalNavi li li li a {width: 120px;}
*:first-child+html #VerticalLocalNavi li li li a{width: 120px;}

#VerticalLocalNavi li a:link,
#VerticalLocalNavi li a:visited {
	color: #333;
	background-color: #eee;
}
#VerticalLocalNavi li a:hover,
#VerticalLocalNavi li a:active {
	color: #fff;
	background-color: #b1000e;
}

#VerticalLocalNavi li li a:link,
#VerticalLocalNavi li li a:visited {
	color: #333;
	background-color: #e1e1e1;
}
#VerticalLocalNavi li li a:hover,
#VerticalLocalNavi li li a:active {
	color: #fff;
	background-color: #b1000e;
}

#VerticalLocalNavi li li li a:link,
#VerticalLocalNavi li li li a:visited {
	color: #333;
	background-color: #d1d1d1;
}
#VerticalLocalNavi li li li a:hover,
#VerticalLocalNavi li li li a:active {
	color: #fff;
	background-color: #b1000e;
}

#VerticalLocalNavi li.Current a strong {
	display: block;
	margin: -9px -15px;
	padding: 9px 15px;
	background-color: #b1000e;
	color: #fff;
	background-image: url(/image/jp/r1/bg_v_navi_current.gif);
	background-repeat: no-repeat;
	background-position: center left;
	line-height: 140%;
}
#VerticalLocalNavi li.Current a em {
	display: block;
	margin: -9px -15px;
	padding: 9px 15px;
	background-image: url(/image/jp/r1/bg_v_navi_current.gif);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
	font-style: normal;
	line-height: 140%;
}
#VerticalLocalNavi li li.Current a strong,
#VerticalLocalNavi li li.Current a em {
	margin: -9px -15px -9px -30px;
	padding: 9px 15px 9px 30px;
}
#VerticalLocalNavi li li li.Current a strong,
#VerticalLocalNavi li li li.Current a em {
	margin: -9px -15px -9px -45px;
	padding: 9px 15px 9px 45px;
}

* html #VerticalLocalNavi li.Current a strong,
* html #VerticalLocalNavi li.Current a em {cursor: pointer}
*:first-child+html #VerticalLocalNavi li.Current a strong,
*:first-child+html #VerticalLocalNavi li.Current a em {cursor: pointer}

#VerticalLocalNavi li.Current a:link em,
#VerticalLocalNavi li.Current a:visited em {color: #000; background-color: #d1d1d1;}
#VerticalLocalNavi li.Current a:hover em,
#VerticalLocalNavi li.Current a:active em {color: #fff; background-color: #b1000e;}



/* [s7] フッタ
=========================================================================================== */

#Footer div, #Footer dl, #Footer dt, #Footer dd, #Footer ul, #Footer ul #Footer li, #Footer h1, #Footer h2, #Footer h3, #Footer h4, #Footer h5, #Footer h6,
#Footer pre, #Footer form, #Footer fieldset, #Footer input, #Footer textarea, #Footer p, #Footer blockquote, #Footer th, #Footer td {
	line-height: 160%;
}

#Footer {
	clear: both;
	min-width: 765px;
	padding: 30px 0;
	background-color: #e5e5e5;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	overflow: hidden;
}

#Footer h2 {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	text-indent: -9999px;
}

#Footer ul {
	width: 765px;
	margin: 0 auto;
	font-size: 67%;
}

#Footer li {
	float: left;
	padding: 0 10px;
	border-left: solid 1px #bbb;
	line-height: 1.5em;
	vertical-align: top;
}
* html #Footer li {
	position: relative;
	z-index: 2;
}
*:first-child+html #Footer li {
	position: relative;
	z-index: 2;
}

#Footer li.FirstItem {
	padding: 0 10px 0 0;
	border-left: none;
}
#Footer li a:link,
#Footer li a:visited {
	color: #333;
	text-decoration: none;
}
#Footer li a:hover,
#Footer li a:active {
	color: #b1000e;
	text-decoration: underline;
}

#Footer p {
	width: 765px;
	margin: 0 auto;
	font-size: 65%;
	text-align: right;
	line-height: 1.5em;
	color: #333;
	vertical-align: top;
}
* html #Footer p {margin: -1.5em auto 0;}
*:first-child+html #Footer p {margin: -1.5em auto 0;}



/* [-] 共通クラス
=========================================================================================== */

div#Header:after,
div#SiteIdentityL:after,
#SiteIdentityS:after,
div#TopicPath:after,
div.Grid1 div#VerticalLocalNavi:after,
div#Footer:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}
div#Header,
div#SiteIdentityL,
#SiteIdentityS,
div#TopicPath,
div.Grid1 div#VerticalLocalNavi,
div#Footer { display: inline-block; }

/* Hides from IE 4-6 \*/
* html div#Header,
* html div#SiteIdentityL,
* html #SiteIdentityS,
* html div#TopicPath,
* html div.Grid1 div#VerticalLocalNavi,
* html div#Footer { height: 1%; }

div#Header,
div#SiteIdentityL,
#SiteIdentityS,
div#TopicPath,
div.Grid1 div#VerticalLocalNavi,
div#Footer { display: block; } 
/* End hide from IE 4-6 */