@charset "utf-8";

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

Name: add.css

Description: Setting of IFG-ECDC Speial Class

Create: 2011.05.23

Copyright 2011 Hitachi, Ltd. 

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

/* [-] common class
=========================================================================================== */
h2 {
	border: 0;
	height: 23px;
}
h2 span {
	border: 0;
	background: #85ca35 url(/image/ECDC/inner_h2_bg.gif) 0 0 repeat-x;
	padding: 2px 0 3px 10px;
	color: #FFF;
}
h2 span a {
	color: #FFF;
	background: url(/image/ECDC/inner_h2_icon.gif) left center no-repeat;
	padding: 0 10px;
}
h2 span a:link {
	color: #FFF;
}
h2 span a:visited {
    color: #E1F1E1;
    text-decoration: underline;
}
h2 span a:hover {
    color: #890000;
    text-decoration: underline;
}
h2 span a[name]:hover {
    color: #000000;
}
h3 {
	border: 0px;
	line-height: 22px;
	padding: 0 0 0 12px;
	background: #FFF url(/image/ECDC/h3_bg.gif) 0 0;
}
.mapContents {
	margin: 0 0 20px;	
}
.mapContents p.ImgLeftAdjust {
	float: left;
	margin: 0 10px 0 0;
}
.mapContents div {
	float: right;
	width: 412px;
}
/* [-] special class
=========================================================================================== */

/* Top Page Only */

/* top brandimage */
#BrandingImgStyle1 {
	display: block;
	position: relative;
	width: 765px;
	height: 210px;
	margin: 0 0 2px;
	overflow:hidden;
}
#BrandingImgStyle1 a {
	display:block;
	width:765px;
	height:210px;
	position:absolute;
	overflow:hidden;
}
#Slidelist {
	width:765px;
	height:210px;
	display:block;
	overflow: hidden;
}
#Slidelist a {
	display:block;
	width: 765px;
	height: 210px;
	position: absolute;
}

#BrandingImgStyle1 div.active {
	z-index: 100;
}
#BrandingImgStyle1 .thumbs span {
	display: inline-block;
	width: 147px;
	height: 42px;
	padding: 3px 0 0;
	margin: 1px 0 4px 5px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
#BrandingImgStyle1 .thumbs span img {
	width: 145px;
	height: 40px;
	border: 1px solid #333;
}
#BrandingImgStyle1 .thumbs span.active {
	background: url(/image/ml_portal/top/current_icon.gif) top center no-repeat;
}
#BrandingImgStyle1 .thumbs span.active img {
	border: 1px solid #FFF;
}
#Selector {
	position: absolute;
	z-index: 999;
}

.topBar {
	height: 28px;
	background: #85ca35 url(/image/ECDC/top_bar_bg.gif) 0 0 repeat-x;
	margin: -1px 0 20px;
}
.topBar .Column1 {
	border-left: 1px solid #FFF;
}
.topBar .Column3 ul {
	margin: 0 0 0 17px;
}
.topBar ul.LinkListStyle2 li {
	margin: 2px 0 0;
	line-height: 24px;
	background: url("/image/h1_en/icon/icon_link_right.gif") no-repeat scroll 0 center transparent;
}
.topBar ul.LinkListStyle2 li a {
}
.topBar ul.LinkListStyle2 li a:link {
	color: #000;
}
.topBar ul.LinkListStyle2 li a:visited {
	color: #333;
}

.topBar ul.LinkListStyle2 li a:hover {
	color: #890000;
}

.topBar .Column1 ul {
	padding: 0 0 0 13px;
}
.topBar .Column1 ul li {
	float: left;
}
#topNavi h2 {
	border-top: 0px;
    border-bottom: 2px solid #76aa30;
    margin: 0 0 10px;
	background: url(/image/ECDC/top_nav_bg.gif) bottom left repeat-x;
}
#topNavi h2 span {
	border: 0px;
	border-bottom: 1px solid #d8fba3;
	background: none;
}
#topNavi h2 span a {
	padding: 0 20px 0 0;
	text-decoration:none;
	background: url(/image/ECDC/top_nav_icon.gif) right 1px no-repeat;
}
#topNavi h2 span a:link {
	color: #08427C;
}
#topNavi h2 span a:visited {
    color: #551A8B;
    text-decoration: underline;
}
#topNavi h2 span a:hover {
    color: #890000;
    text-decoration: underline;
}
#topNavi h2 span a[name]:hover {
    color: #000000;
}