@charset "utf-8";

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

Name: branding_image.css

Description: Setting of branding image module

Create: 2012.02.29
Update: xxxx.xx.xx

Copyright 2012 Hitachi, Ltd. 

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



/* Branding image
=========================================================================================== */
div#BrandingImgStyle{
	position:relative;
	width: 1440px;
	z-index: 1;
	left:50%;
	top:0;
	margin-left: -720px;
	background-color: #000;
}
.jsOn div#BrandingImgStyle{
	position:absolute;
}

.branding-image {
	position:relative;
}

div#BrandingImgStyle a img {
vertical-align:top;
}



/* Slide
=========================================================================================== */
.branding-image .slide {
}
.branding-image .slide a {
	position:absolute;
	display:none;
	overflow:hidden;
}
.branding-image .slide img {
	border:none;
}



/* Controller
=========================================================================================== */
.branding-image .controller {
	position:absolute;
	margin:0;
	padding:11px 10px 11px 2px;
	right:238px !important;
	bottom:10px !important;
	list-style:none;
	background:url(/branding_image/image/controller_bg.png);
	z-index:1;
}

/*--- Position ---*/
.branding-image .controller.rt {  /* E */
	right:0px;
	top:0px;
}
.branding-image .controller.lb {  /*  */
	left:0px;
	bottom:0px;
}
.branding-image .controller.rb {  /* E */
	right:0px;
	bottom:0px;
}

/*--- Button ---*/
.branding-image .controller li {
	float:left;
	height:72px;
	cursor:pointer;
}
.branding-image .controller.rt li,
.branding-image .controller.rb li {
	margin-left:7px;
}
.branding-image .controller.lb li {
	margin-right:7px;
}
.branding-image .controller a {
	display:block;
	overflow:hidden;
	bottom:0; 
	right:0;
}
.branding-image .controller img {
	border:none;
	vertical-align:bottom;
}


/* eof. */