@charset "UTF-8";
/*------------------------------------------------------*/
/* Updated: 2012/08 */
/*------------------------------------------------------*/

/* Default --------------------------------- */
* {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, div, p, address, ul, li, ol, dl, dt, dd, table, tr, th, td, form {
	zoom: 1;
}
h1,	h2,	h3,	h4,	h5,	h6 {
	font-size: 100%;
}
img {
	border: none;
	vertical-align: bottom;
}
ul, ol {
	list-style-type: none;
}
li {
	zoom: normal;
}





/* 枠組み --------------------------------- */
body {
	background-color: #000000;
	color: #000000;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	line-height: 2.0;
}
#wrapper {
	position: relative;
	width: 100%;
	min-width: 1024px;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}





/* loading --------------------------------- */
#loading {
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 1000;
	width: 100%;
	min-width: 1024px;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
#loadingLogo {
	position: absolute;
	left: 50px;
	top: 300px;
}
#loadingLine {
	position: absolute;
	left: 0;
	top: 377px;
	width: 100%;
	height: 1px;
	background-color: #262626;
}
#loadingNum {
	position: absolute;
	left: 50px;
	top: 395px;
	width: 37px;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.2;
	text-align: right;
}





/* stretch --------------------------------- */
#stretch {
	position: relative;
}
#stretch-2,
#stretch-3 {
	display: none;
}
#stretchMask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	background-color: #000000;
}






/* header --------------------------------- */
#header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
}

	/* headerLogo */
	#headerLogo {
		position: absolute;
		left: 50px;
		top: -30px;
	}

	/* headerLang */
	#headerLang,
	#hlOff,
	#hlOn,
	#hlTrap {
		height: 18px;
	}
	#headerLang,
	#hlOff,
	#hlTrap {
		width: 74px;
	}
	#headerLang {
		position: absolute;
		right: -74px;
		top: 20px;
	}
	#hlOff,
	#hlOn,
	#hlTrap {
		position: absolute;
		left: 0;
		top: 0;
	}
	#hlOn {
		width: 0;
		overflow: hidden;
	}
	#hlTrap {
		display: block;
		background-image: url(/common/images/spacer.gif);
	}





/* txtblock --------------------------------- */
#txtblock {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
}

	/* h1 */
	h1 {
		position: absolute;
		left: 50px;
		top: 94px;
	}
	h1 span {
		display: block;
		position: absolute;
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		background-position: 0 -600px;
	}
	#h1-1, #h1-2, #h1-3, #h1-4, #h1-5, #h1-6, #h1-7, #h1-8, #h1-9, #h1-10, #h1-11, #h1-12, #h1-13, #h1-14, #h1-15 { top: 0; }
	#h1-16, #h1-17, #h1-18, #h1-19, #h1-20, #h1-21, #h1-22, #h1-23 { top: 85px; }

	#h1-1 { left: -28px; background-image: url(/images/index-txt-char-f.png); }
	#h1-2 { left: 34px; background-image: url(/images/index-txt-char-rr.png); }
	#h1-3 { left: 92px; background-image: url(/images/index-txt-char-ee.png); }
	#h1-4 { left: 150px; background-image: url(/images/index-txt-char-ee.png); }
	
	#h1-6 { left: 235px; background-image: url(/images/index-txt-char-ll.png); }
	#h1-7 { left: 300px; background-image: url(/images/index-txt-char-aa.png); }
	#h1-8 { left: 365px; background-image: url(/images/index-txt-char-nn.png); }
    #h1-9 { left: 430px; background-image: url(/images/index-txt-char-cc.png); }
    #h1-10 { left: 487px; background-image: url(/images/index-txt-char-eee.png); }
	

	

	#h1-16 { left: -24px; background-image: url(/images/index-txt-char-cc.png); }
	#h1-17 { left: 40px; background-image: url(/images/index-txt-char-oo.png); }
	#h1-18 { left: 104px; background-image: url(/images/index-txt-char-tt.png); }
	#h1-19 { left: 168px; background-image: url(/images/index-txt-char-oo.png); }
	#h1-20 { left: 232px; background-image: url(/images/index-txt-char-rrr.png); }
	#h1-21 { left: 296px; background-image: url(/images/index-txt-char-aa.png); }
	#h1-22 { left: 360px; background-image: url(/images/index-txt-char-rrr.png); }
	#h1-23 { left: 424px; background-image: url(/images/index-txt-char-aa.png); }

	/* tbLine */
	#tbLine {
		position: absolute;
		left: 0;
		top: 272px;
		width: 100%;
		height: 1px;
		background: url(/images/index-bg-line-01.png) no-repeat;
		visibility: hidden;
	}

	/* tbImg */
	#tbImg,
	#tbImg p {
		position: absolute;
		width: 231px;
		height: 50px;
		overflow: hidden;
	}
	#tbImg {
		left: 516px;
		top: 222px;
		overflow: hidden;
	}
	#tbImg p {
		left: 0;
		top: 50px;
		background: url(images/index-img-01.png) no-repeat;
	}

	/* tbCaption */
	#tbCaption {
		position: absolute;
		left: 50px;
		top: 281px;
	}
	#tbCaption p {
		position: absolute;
		left: 0;
		width: 0;
		height: 16px;
		background-repeat: no-repeat;
	}
	#tbCaption-1 { top: 0px; background-image: url(/images/index-txt-cap-01.png); }
	#tbCaption-2 { top: 16px; background-image: url(/images/index-txt-cap-02.png); }
	#tbCaption-3 { top: 32px; background-image: url(/images/index-txt-cap-03.png); }
	

	/* h1Alt */
	#h1Alt {
		position: absolute;
		left: 50px;
		top: 96px;
		width: 695px;
		height: 162px;
		background-image: url(/common/images/spacer.gif);
	}

	/* tbcAlt */
	#tbcAlt {
		position: absolute;
		left: 50px;
		top: 283px;
		width: 467px;
		height: 75px;
		background-image: url(/common/images/spacer.gif);
	}





/* menublock --------------------------------- */
#menublock {
	position: absolute;
	left: 0;
	bottom: -150px;
	z-index: 100;
	width: 100%;
	height: 150px;
	background: url(/images/index-bg-01.png) repeat-x;
}
#mbInner {
	position: relative;
	width: 984px;
	height: 150px;
	background: url(/images/index-bg-02.png) no-repeat;
}

	/* mbTxt */
	#mbTxt p {
		position: absolute;
		top: 14px;
	}
	#mbTxt-1 { left: 50px; }
	#mbTxt-2 { left: 245px; }
	#mbTxt-3 { left: 433px; }
	#mbTxt-4 { left: 623px; }
	#mbTxt-5 { left: 811px; }

	/* mbImg, mbTrap, mbMeter */
	#mbImg p,
	#mbTrap a {
		position: absolute;
		top: 37px;
		width: 176px;
		height: 94px;
	}
	#mbImg p {
		overflow: hidden;
	}
	#mbTrap a {
		display: block;
		background-image: url(/common/images/spacer.gif);
	}
	#mbMeter p {
		position: absolute;
		top: 143px;
		width: 0;
		height: 7px;
		background-color: #ffffff;
	}
	#mbImg-1, #mbTrap-1, #mbMeter-1 { left: 50px; }
	#mbImg-2, #mbTrap-2, #mbMeter-2 { left: 240px; }
	#mbImg-3, #mbTrap-3, #mbMeter-3 { left: 429px; }
	#mbImg-4, #mbTrap-4, #mbMeter-4 { left: 619px; }
	#mbImg-5, #mbTrap-5, #mbMeter-5 { left: 808px; }

	#mbImg p img {
		position: absolute;
	}
	#mbImg-1 img { left: 0px; top: 0px; width: 264px; height: 94px; }
	#mbImg-2 img { left: 0px; top: 0px; width: 176px; height: 94px; }
	#mbImg-3 img { left: 0px; top: -50px; width: 176px; height: 144px; }
	#mbImg-4 img { left: -10px; top: -12px; width: 244px; height: 131px; }
	#mbImg-5 img { left: 0px; top: 0px; width: 235px; height: 94px; }

	.o-iPad #mbImg p img, .o-iPhone #mbImg p img, .o-Android #mbImg p img {
		position: static;
	}
	.o-iPad #mbImg-3 img, .o-iPhone #mbImg-3 img, .o-Android #mbImg-3 img { margin-top: -50px; }
	.o-iPad #mbImg-4 img, .o-iPhone #mbImg-4 img, .o-Android #mbImg-4 img { margin-left: -10px; margin-top: -12px; }





/* newsLink --------------------------------- */
#newsLink {
	position: absolute;
	left: -422px;
	bottom: 153px;
	z-index: 100;
}

#instagram {
	position: absolute;
	left: 233px;
	bottom: 153px;
	z-index: 100;
}

#newsLink2 {
	position: absolute;
	left: 455px;
	bottom: 153px;
	z-index: 100;
}




/* *************************************** */
/* footer */
/* *************************************** */

/* 枠組み --------------------------------- */
#footer {
	position: relative;
	top: 150px;
	width: 100%;
	min-width: 1024px;
	height: 103px;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
#footerKtiLogo {
	position: absolute;
	left: 50px;
	top: 10px;
}
#footerNav {
	position: absolute;
	right: 234px;
	top: 24px;
}
#footerNav li {
	position: absolute;
	top: 0;
}
#footerNav-1 { right: 83px; }
#footerNav-2 { right: 0px; }

#footerakLogo {
	position: absolute;
	right: 50px;
	top: 19px;
}
#footerCopyright {
	position: absolute;
	right: 50px;
	top: 68px;
}





/* *************************************** */
/* wrapMask */
/* *************************************** */

#wrapMask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10000;
	width: 100%;
	min-width: 1024px;
	background-color: #000000;
	font-size: 0;
	line-height: 0;
}





/*------------------------------------------------------*/
/* End */
/*------------------------------------------------------*/