@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(../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. */