@charset "utf-8";

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

Name: tabcontent.css

Description: Setting of tab contents

Create: 2008.14.XX
Update: 8888.88.88

Copyright 2008 Hitachi, Ltd. 

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



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

[t1] Global tab content panel
[t2] Global tab navigation panel
[t3] Horizontal anchor navigation tab links
[t4] Tab Content Box container panel
[t5] Tab link list 
[t6] Tab link columns
[-] common class

===================================================== */
/* [t1] Global tab content panel
=========================================================================================== */
div#GlobalTabContent,div.GlobalTabBox {
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
	background:url(/assets/image/h1_en/tabs_top_line.gif) repeat-x bottom;	
}
/*div#GlobalNavi2 div {
	padding: 0 0 7px;
	background: url("/assets/image/h1_en/bg_g_navi_separater.gif") no-repeat 0 100%;
}*/
div#GlobalTabContent ul.CourtesyNavi2 {
	float: right;
	padding: 3px 0;
	text-align: right;
	font-size: 83%;
}

/* [t2] Global tab navigation panel
=========================================================================================== */
div#GlobalTabNavi ul.CourtesyNavi2 li,
div#GlobalTabNavi2 ul.CourtesyNavi2 li,
div#GlobalTabNavi3 ul.CourtesyNavi3 li,
div#GlobalTabNavi4 ul.CourtesyNavi4 li,
div#GlobalTabNavi5 ul.CourtesyNavi5 li,
div#GlobalTabNavi6 ul.CourtesyNavi6 li,
div#GlobalTabNavi7 ul.CourtesyNavi7 li,
div#GlobalTabNavi8 ul.CourtesyNavi8 li,
div#GlobalTabNavi9 ul.CourtesyNavi9 li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 1px 0 1px 15px;
	background: url("/assets/image/h1_en/icon_link_header.gif") no-repeat 0 1px;
	white-space: nowrap;
}
ul#GlobalTabNavi,
ul#GlobalTabNavi2,
ul#GlobalTabNavi3,
ul#GlobalTabNavi4,
ul#GlobalTabNavi5,
ul#GlobalTabNavi6,
ul#GlobalTabNavi7,
ul#GlobalTabNavi8,
ul#GlobalTabNavi9 {
	float: left;
	font-size: 90%;
}
ul#GlobalTabNavi li,
ul#GlobalTabNavi2 li,
ul#GlobalTabNavi3 li,
ul#GlobalTabNavi4 li,
ul#GlobalTabNavi5 li,
ul#GlobalTabNavi6 li,
ul#GlobalTabNavi7 li,
ul#GlobalTabNavi8 li,
ul#GlobalTabNavi9 li {
	float: left;
	margin: 0 3px 0 0;
	background: url("/assets/image/h1_en/bg_g_navi_top_l.gif") no-repeat 0 0 #d7d7d7;
}
ul#GlobalTabNavi li a,
ul#GlobalTabNavi2 li a,
ul#GlobalTabNavi3 li a,
ul#GlobalTabNavi4 li a,
ul#GlobalTabNavi5 li a,
ul#GlobalTabNavi6 li a,
ul#GlobalTabNavi7 li a,
ul#GlobalTabNavi8 li a,
ul#GlobalTabNavi9 li a {
	float: left;
	display: block;
	padding: 5px 8px 7px;
	border-bottom: 1px solid #b6b6b6;
	background: url("/assets/image/h1_en/bg_g_navi_top_r.gif") no-repeat 100% 0;
	white-space: nowrap;
	text-decoration: none;
}
ul#GlobalTabNavi li.Current,
ul#GlobalTabNavi2 li.Current,
ul#GlobalTabNavi3 li.Current,
ul#GlobalTabNavi4 li.Current,
ul#GlobalTabNavi5 li.Current,
ul#GlobalTabNavi6 li.Current,
ul#GlobalTabNavi7 li.Current,
ul#GlobalTabNavi8 li.Current,
ul#GlobalTabNavi9 li.Current { background: url("/assets/image/h1_en/bg_g_tab_navi_top_l_on.gif") no-repeat 0 0 #d3d3d3; }
ul#GlobalTabNavi li.Current a,
ul#GlobalTabNavi2 li.Current a,
ul#GlobalTabNavi3 li.Current a,
ul#GlobalTabNavi4 li.Current a,
ul#GlobalTabNavi5 li.Current a,
ul#GlobalTabNavi6 li.Current a,
ul#GlobalTabNavi7 li.Current a,
ul#GlobalTabNavi8 li.Current a,
ul#GlobalTabNavi9 li.Current a {
	padding: 5px 8px 8px;
	border: none;
	background: url("/assets/image/h1_en/bg_g_tab_navi_top_r_on.gif") no-repeat 100% 0;
	text-decoration: none;
} 
ul#GlobalTabNavi li.Current a em,
ul#GlobalTabNavi2 li.Current a em,
ul#GlobalTabNavi3 li.Current a em,
ul#GlobalTabNavi4 li.Current a em,
ul#GlobalTabNavi5 li.Current a em,
ul#GlobalTabNavi6 li.Current a em,
ul#GlobalTabNavi7 li.Current a em,
ul#GlobalTabNavi8 li.Current a em,
ul#GlobalTabNavi9 li.Current a em { font-style: normal; }
ul#GlobalTabNavi li.Current a:link em,
ul#GlobalTabNavi2 li.Current a:link em,
ul#GlobalTabNavi3 li.Current a:link em,
ul#GlobalTabNavi4 li.Current a:link em,
ul#GlobalTabNavi5 li.Current a:link em,
ul#GlobalTabNavi6 li.Current a:link em,
ul#GlobalTabNavi7 li.Current a:link em,
ul#GlobalTabNavi8 li.Current a:link em,
ul#GlobalTabNavi9 li.Current a:link em { color: #08427c; text-decoration: underline; } 
ul#GlobalTabNavi li.Current a:visited em,
ul#GlobalTabNavi2 li.Current a:visited em,
ul#GlobalTabNavi3 li.Current a:visited em,
ul#GlobalTabNavi4 li.Current a:visited em,
ul#GlobalTabNavi5 li.Current a:visited em,
ul#GlobalTabNavi6 li.Current a:visited em,
ul#GlobalTabNavi7 li.Current a:visited em,
ul#GlobalTabNavi8 li.Current a:visited em,
ul#GlobalTabNavi9 li.Current a:visited em { color: #551a8b; text-decoration: underline; }
ul#GlobalTabNavi li.Current a:hover em,
ul#GlobalTabNavi2 li.Current a:hover em,
ul#GlobalTabNavi3 li.Current a:hover em,
ul#GlobalTabNavi4 li.Current a:hover em,
ul#GlobalTabNavi5 li.Current a:hover em,
ul#GlobalTabNavi6 li.Current a:hover em,
ul#GlobalTabNavi7 li.Current a:hover em,
ul#GlobalTabNavi8 li.Current a:hover em,
ul#GlobalTabNavi9 li.Current a:hover em { color: #890000; text-decoration: underline; }
ul#GlobalTabNavi li.Current a:active em,
ul#GlobalTabNavi2 li.Current a:active em,
ul#GlobalTabNavi3 li.Current a:active em,
ul#GlobalTabNavi4 li.Current a:active em,
ul#GlobalTabNavi5 li.Current a:active em,
ul#GlobalTabNavi6 li.Current a:active em,
ul#GlobalTabNavi7 li.Current a:active em,
ul#GlobalTabNavi8 li.Current a:active em,
ul#GlobalTabNavi9 li.Current a:active em { color: #890000; text-decoration: underline; }

/* [t3] Horizontal anchor navigation tab links
=========================================================================================== */
div.HorizontalTabNavi { margin: 0 0 10px 0; }
div.HorizontalTabNavi ul { padding: 0 0 1px; }
div.HorizontalTabNavi ul li {
	float: left;
	margin: 0 10px 4px 0;
	padding: 1px 0 1px 17px;
	background: url("/assets/image/h1_en/hds_icon_link_off.gif") no-repeat 0 0.2em;
	font-size: 83%;
	line-height: 1.35;
}
div.HorizontalTabNavi ul li a {
	line-height: 1.35;
	white-space: nowrap;
}

/*div.HorizontalTabNavi ul li em {font-style:normal;}*/
div.HorizontalTabNavi ul li.Current {
	float: left;
	margin: 0 10px 4px 0;
	padding: 1px 0 1px 17px;
	background: url("/assets/image/h1_en/hds_icon_link.gif") no-repeat 0 0.2em;
	font-size: 83%;
	line-height: 1.35;
}
/* [t3-a] Horizontal anchor navigation sub tab links
=========================================================================================== */
div.HorizontalSubTabNavi { margin: 0 0 10px 0; }
div.HorizontalSubTabNavi ul { padding: 0 0 1px; }
div.HorizontalSubTabNavi ul li {
	float: left;
	margin: 0 10px 4px 0;
	padding: 1px 0 1px 17px;
	background: url("/assets/image/h1_en/icon_link_bottom_off.gif") no-repeat 0 0.2em;
	font-size: 83%;
	line-height: 1.35;
}
div.HorizontalSubTabNavi ul li a {
	line-height: 1.35;
	white-space: nowrap;
}

/*div.HorizontalSubTabNavi ul li em {font-style:normal;}*/
div.HorizontalSubTabNavi ul li.Current {
	float: left;
	margin: 0 10px 4px 0;
	padding: 1px 0 1px 17px;
	background: url("/assets/image/h1_en/icon_link_bottom_on.gif") no-repeat 0 0.2em;
	font-size: 83%;
	line-height: 1.35;
}

/* [t4] Tab Content Box container panel
=========================================================================================== */
div.TabContentBox{
	display: block;
	border: solid  1px #b6b6b6;
	border-top:none;
	line-height: 1.35;
	background-color: #fff;
	padding: 10px 10px 0 10px;
}
/*div.TabContentBox */
div.TabContent {
	display:none;
}
@media print {
	/*div.TabContentBox*/ div.TabContent  {
	display:block!important;
}
}

/* [t5] Tab link list
=========================================================================================== */
ul.TabLinkListStyle1 {
	margin: 0 0 10px 0;
/*	font-size: 90%;*/
}
ul.TabLinkListStyle1_blog {
margin:0 0 10px;
}

ul.TabLinkListStyle1_blog li {
color:#666666;
font-size:9pt;
line-height:1.35;
margin:0 0 7px;
padding:0 0 0 10px;
}
ul.TabLinkListStyle1 li {
	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/assets/image/h1_en/icon_link_right_basic.gif) no-repeat scroll 0 0.1em;
	font-size:9pt;
	line-height:1.35;
	margin:0 0 7px;
	padding:0 0 0 17px;
}
/* Win IE6lower */
* html body ul.TabLinkListStyle1 li { position: relative; }
/* */
ul.TabLinkListStyle1 li ul {
	margin: 5px 0 0;
	font-size: 100%;
}
ul.TabLinkListStyle1 li a {line-height: 1.35; }


ul.TabLinkListStyle2 {
	margin: 0 0 15px 0;
/*	font-size: 90%;*/
}
ul.TabLinkListStyle2 li {
	font-size: 9pt;
	line-height: 1.35;
	margin: 0 0 7px;
	padding: 0 0 0 17px;
	background: url("/assets/image/h1_en/icon_link_right_basic.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body ul.TabLinkListStyle2 li { position: relative; }
/* */
ul.TabLinkListStyle2 li ul {
	margin: 5px 0 0;
	font-size: 100%;
}
ul.TabLinkListStyle2 li a {line-height: 1.35; }

/* [t6] Tab link columns
=========================================================================================== */
div.TabLinkColumnHalf1 {
		width: 250px;
		margin: 0;
		float:left;
}

div.TabLinkColumnHalf2 {
		width: 250px;
		margin: 0 0 0 15px;
		float:left;
}

div.TabLinkColumnHalf3 {
		width: 220px;
		margin: 0 0 0 15px;
		float:left;
}

/* [-] Common class
=========================================================================================== */
.ClearFixTab:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.ClearFixTab { display: inline-block; line-height:normal }
/* Hides from IE 4-6 \*/
* html .ClearFixTab { }
.ClearFixTab { display: block; } 
/* End hide from IE 4-6 */

/* [-] Common class for homepage tab setting
=========================================================================================== */

.TabHome ul#GlobalTabNavi li a { width:112px; text-align:center; padding-left:0; padding-right:0;}
ul#GlobalTabNavi li#HnTab1,
ul#GlobalTabNavi2 li#HnTab1 {margin-right:4px;}
ul#GlobalTabNavi3 li#HnTab1 {margin-right:3px;}

div.TabHome div.TabContentBox { padding-left:0; padding-top:5px;}

div.TabHome div#GlobalTabContent { padding-top:0;}

div.TabHome div.TabContentBox ul.TabLinkListStyle1 { padding-bottom:0; margin-bottom:0;}

div.TabHome div#GlobalTabContent {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background:url(/assets/image/h1_en/tabs_top_line.gif) repeat-x left bottom;	
}

div.TabHome ul#GlobalTabNavi li,
div.TabHome ul#GlobalTabNavi2 li,
div.TabHome ul#GlobalTabNavi3 li {
	float: left;
	margin: 0;
}
div.TabContentBox {
background-color:#FFFFFF;
border-color:#B6B6B6;
border-style:none solid solid;
border-width:medium 1px 1px;
display:block;
line-height:1.35;
padding:10px 10px 0;
}
ul.tabSubNav2{

padding: 0;

font: normal 12px Arial, Helvetica, sans-serif;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/
}



.tabSubNav2 li{

display:inline;

margin: 0 10px 0 0;

white-space : nowrap;

background: url(/assets/image/h1_en/icon_link_right_basic.gif) no-repeat 0px 0px;

padding: 0 0 0 15px; 
float:left;

}



.tabSubNav2 li a{

display: inline;

text-decoration: none;

color: #333333;
line-height:normal;
}


.tabSubNav2 li a:hover{

text-decoration: underline;

color: #B9061E;

}



.tabSubNav2 li.Current{

position: relative;

background: url(/assets/image/h1_en/icon_link_right_basic.gif) no-repeat 0px 0px;

color: #B9061E;

}



.tabSubNav2 li.Current a{ /*selected main tab style */

border-bottom-color: white;

color: #B9061E;

}



.tabSubNav2 li.Current a:hover{ /*selected main tab style */

text-decoration: none;

color: #B9061E;

}

.link-listWW {color:#C0C0C0;font-weight:bold;}