@charset "UTF-8";
/* ******************************************************************

	--home.css--

	1. Layout setting
		2-1. Base styles
		2-2. Supersized styles
		2-3. Header styles

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


/*==================================================================
	1. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
html {
	overflow:hidden;
}
body {
	height:100%;
	width:100%;
	overflow:hidden;
}

/* ------------------------------------------------------------------
	2-2. Supersized styles
-------------------------------------------------------------------*/

#head_l {
position:fixed;
left:3%;
top:3%;
z-index:1;
}

#head_r {
position:fixed;
right:3%;
top:3%;
z-index:1;
}

#supersized-loader {
	position:absolute;
	left:50%;
	top:50%;
	z-index:10;
	height:0;
	width:16px;
	overflow:hidden;
	padding-top:16px;
	margin:-8px 0 0 -8px;
	background:url(../img/common/icon_loading.gif) no-repeat 50% 50%;
	line-height:16px;
}
#supersized {
	display:block;
	position:fixed;
	overflow:hidden;
	left:0;
	top:0;
	z-index:-999;
	height:100%;
	width:100%;
}
#supersized img {
	position:relative;
	height:auto;
	width:auto;
	display:none;
	border:none;
	outline:none;
}
#supersized.speed img {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering:-moz-crisp-edges;
}
#supersized.quality img {
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
}


#supersized a { 
	position:absolute;
	top:0;
	left:0;
	z-index:-30;
	overflow:hidden;
	height:100%;
	width:100%;
}
#supersized a.prevslide {
	z-index:-20; 
}
#supersized a.activeslide {
	z-index:-10; 
}
#supersized a.prevslide img,
#supersized a.activeslide img {
	display:inline;
}
p#previous,
p#next {
	outline:none !important;
}
p#previous a,
p#next a {
	display:block;
	overflow:hidden;
	background:url(../img/common/blank.gif) repeat 0 0;
	cursor:default;
	outline:none !important;
}
p#previous a em,
p#next a em {
	display:block;
	overflow:hidden;
	height:0;
	width:43px;
	padding-top:53px;
	background:url(../img/common/blank.gif) repeat 0 0;
	cursor:pointer;
	line-height:53px;
}
p#previous a em {
	position:absolute;
	left:50px;
	top:50%;
	margin-top:-50px;
	background:url(../img/common/btn_prev.png) no-repeat 0 0;
}
p#next a em {
	position:absolute;
	right:50px;
	top:50%;
	margin-top:-50px;
	background:url(../img/common/btn_next.png) no-repeat 0 0;
}

/* ------------------------------------------------------------------
	2-3. Header styles
-------------------------------------------------------------------*/