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

	CSS2.0 & 2.1 & 3 Document
	
	for only common base styles

------------------------------------------------*/
/*------------------------------------------------------------------------------

								clearFix
								
------------------------------------------------------------------------------*/
#hoge:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}


/*------------------------------------------------------------------------------

							テキスト画像代替
							
------------------------------------------------------------------------------*/
#catchCopy,
#titleNav li a span.titleNumber
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

/*------------------------------------------------------------------------------

							選択時
							
------------------------------------------------------------------------------*/
*::selection{
	background: transparent;
}
*::-moz-selection {
	background: transparent;
}

/*------------------------------------------------------------------------------

								html
								
------------------------------------------------------------------------------*/
html{
	width: 100%; height: 100%;	
}

/*------------------------------------------------------------------------------

								body
								
------------------------------------------------------------------------------*/
body{
	width: 100%; min-width: 1250px;
	background-color: #ffffff;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro", Osaka, "メイリオ", "ＭＳ ゴシック",sans-serif;
	font-size: 100%;
	text-align: left;
	line-height: 1;
}


/*------------------------------------------------------------------------------

								#mainSection
								
------------------------------------------------------------------------------*/
#mainSection{
	position: relative;
	overflow: hidden;
	width: 100%; height: 700px;
}


/*------------------------------------------------------------------------------

								#bgContainer
								
------------------------------------------------------------------------------*/
#bgContainer{
	position: absolute;
	top: 0px; left: 0px;
	z-index: 10;
	width: 100%; height: 100%;
	/*margin-top: -100px;*/
	background: #0090f3 url(../../images/common/bg_sky.jpg) no-repeat scroll center bottom;
	visibility : hidden;
}

/*------------------------------------------------------------------------------

								#backLight
								
------------------------------------------------------------------------------*/
#backLight{
	position: absolute;
	top: -38px; left: 50%;
	z-index: 30;
	width: 1280px; height: 542px;
	margin-left: -640px;
	/*background: url(../../images/common/back_light.png) no-repeat scroll 0px 0px;*/
	visibility: hidden;
	ovreflow: visible;
}

#backLight img{
	position: absolute;
	top: 0px; left: 0px;
}

/*------------------------------------------------------------------------------

								#step
								
------------------------------------------------------------------------------*/
#step{
	position: absolute;
	top: -38px; left: 0px;
	z-index: 20;
	width: 100%; height: 100%;
}

#step li{
	position: absolute;
	left: 0px;
	width: 100%;
	background-image: url(../../images/common/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.step_1{
	top: 676px;
	height: 62px;
	background-position: center -738px;
}
.step_2{
	top: 615px;
	height: 61px;
	background-position: center -677px;
}
.step_3{
	top: 565px;
	height: 50px;
	background-position: center -627px;
}
.step_4{
	top: 521px;
	height: 44px;
	background-position: center -583px;
}
.step_5{
	top: 484px;
	height: 37px;
	background-position: center -546px;
}
.step_6{
	top: 452px;
	height: 32px;
	background-position: center -514px;
}
.step_7{
	top: 424px;
	height: 28px;
	background-position: center -486px;
}
.step_8{
	top: 399px;
	height: 25px;
	background-position: center -461px;
}
.step_9{
	top: 378px;
	height: 21px;
	background-position: center -440px;
}
.step_10{
	top: 359px;
	height: 19px;
	background-position: center -422px;
}
.step_11{
	top: 341px;
	height: 18px;
	background-position: center -403px;
}
.step_12{
	top: 326px;
	height: 15px;
	background-position: center -388px;
}
.step_13{
	top: 311px;
	height: 15px;
	background-position: center -373px;
}
.step_14{
	top: 298px;
	height: 13px;
	background-position: center -360px;
}
.step_15{
	top: 286px;
	height: 12px;
	background-position: center -348px;
}
.step_16{
	top: 275px;
	height: 11px;
	background-position: center -337px;
}
.step_17{
	top: 266px;
	height: 9px;
	background-position: center -328px;
}
.step_18{
	top: 254px;
	height: 12px;
	background-position: center -316px;
}
.step_19{
	top: 244px;
	height: 10px;
	background-position: center -306px;
}
.step_20{
	top: 235px;
	height: 9px;
	background-position: center -297px;
}
.step_21{
	top: 227px;
	height: 8px;
	background-position: center -289px;
}
.step_22{
	top: 220px;
	height: 7px;
	background-position: center -282px;
}
.step_23{
	top: 213px;
	height: 7px;
	background-position: center -275px;
}
.step_24{
	top: 207px;
	height: 6px;
	background-position: center -269px;
}
.step_25{
	top: 202px;
	height: 5px;
	background-position: center -264px;
}
.step_26{
	top: 198px;
	height: 4px;
	background-position: center -260px;
}

.step_27{
	top: 183px;
	height: 15px;
	background-position: center -245px;
}

/*------------------------------------------------------------------------------

								#catchCopy
								
------------------------------------------------------------------------------*/
#catchCopy{
	position: absolute;
	top: 42px; left: 50%;
	z-index: 1000;
	width: 980px; height: 106px;
	overflow: visible;
	margin-left: -490px;
	visibility : hidden;
}

#catchCopy img{
	position: absolute;
	top: 0px; left: 0px;
}

/*------------------------------------------------------------------------------

								#logoListContainer
								
------------------------------------------------------------------------------*/
#logoListContainer{
	position: absolute;
	top: 0px; left: 50%;
	z-index: 200;
	width: 744px; height: 100%;
	margin-left: -372px;
	visibility : hidden;
}

#logoListContainer li{
	position: absolute;
	left: 0px;
	/*width: 744px; height: 472px;*/
}

#logoListContainer li img{
	position:  absolute;
	top: 0px; left: 0px;
	display: block;
      background: none;
      zoom: 1;
}

#logoListContainer li img.normal{
	z-index: 2;
}
#logoListContainer li img.luster{
	z-index: 1;
}
#logoListContainer li img.blur{
	z-index: 3;
}
#logoListContainer li img.light{
	z-index: 4;
}

/*------------------------------------------------------------------------------

								#titleNav
								
------------------------------------------------------------------------------*/
#titleNav{
	position: absolute;
	top: 628px; left: 50%;
	z-index: 300;
	width: 800px;
	margin-left: -400px;
	visibility : hidden;
}

#titleNav ul{
	position: relative;
}

#titleNav li{
	position: absolute;
	top: 0px;
	width: 75px; height: 72px;
	cursor: pointer;
}

#titleNav li:nth-child(1){
	left: 0px;
}
#titleNav li:nth-child(2){
	left: 75px;
}
#titleNav li:nth-child(3){
	left: 150px;
}
#titleNav li:nth-child(4){
	left: 225px;
}
#titleNav li:nth-child(5){
	left: 510px;
}
#titleNav li:nth-child(6){
	left: 585px;
}
#titleNav li:nth-child(7){
	left: 660px;
}
#titleNav li:nth-child(8){
	left: 735px;
}

#titleNav li a{
	position: absolute;
	top: 0px; left: 0px;
	z-index: 10;
	display: block;
	width: 55px; height: 52px;
	padding: 10px;
}

#titleNav li a img{
	position: absolute;
	top: 0px; left: 0px;
	z-index: 2;
}

#titleNav li a img.normal{
	display: block;
}

#titleNav li a img.active{
	display: none;
}

#titleNav li.active a img.normal{
	display: none;
}

#titleNav li.active a img.active{
	display: block;
}

#titleNav li a span.titleNumber{
	position: absolute;
	top: 18px; left: 10px;
	z-index: 3;
	display: block;
	width: 34px; height: 25px;
	background-image: url(../../images/common/title_number_sprite.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#titleNav li.dq1 a span.titleNumber{
	background-position: 0px 0px;
}
#titleNav li.dq2 a span.titleNumber{
	background-position: -34px 0px;
}
#titleNav li.dq3 a span.titleNumber{
	background-position: -68px 0px;
}
#titleNav li.dq4 a span.titleNumber{
	background-position: -102px 0px;
}
#titleNav li.dq5 a span.titleNumber{
	background-position: -136px 0px;
}
#titleNav li.dq6 a span.titleNumber{
	background-position: -170px 0px;
}
#titleNav li.dq7 a span.titleNumber{
	background-position: -204px 0px;
}
#titleNav li.dq8 a span.titleNumber{
	background-position: -238px 0px;
}

#titleNav li.dq1.active a span.titleNumber{
	background-position: 0px -25px;
}
#titleNav li.dq2.active a span.titleNumber{
	background-position: -34px -25px;
}
#titleNav li.dq3.active a span.titleNumber{
	background-position: -68px -25px;
}
#titleNav li.dq4.active a span.titleNumber{
	background-position: -102px -25px;
}
#titleNav li.dq5.active a span.titleNumber{
	background-position: -136px -25px;
}
#titleNav li.dq6.active a span.titleNumber{
	background-position: -170px -25px;
}
#titleNav li.dq7.active a span.titleNumber{
	background-position: -204px -25px;
}
#titleNav li.dq8.active a span.titleNumber{
	background-position: -238px -25px;
}

#titleNav li img.shadow{
	position: absolute;
	top: 40px; left: 0px;
	z-index: 1;
	display: block;
	margin-left: 0px;
}


/*------------------------------------------------------------------------------

								#infoBanner
								
------------------------------------------------------------------------------*/
#infoBanner{
	position: absolute;
	top: 532px; left: 50%;
	z-index: 400;
	margin-left: -645px;
	visibility : hidden;
}

#infoBanner p{
	position: relative;
}

#infoBanner a{
	dispaly: block;
	width: 320px; height: 94px;
}

#bannerBody{
	position: absolute;
	top; 0px; left: 0px;
}

#bannerFrame{
	position: absolute;
	/*top: -10px; left: -10px;*/
}

/*------------------------------------------------------------------------------

								#titleBannerSection
								
------------------------------------------------------------------------------*/
#titleBannerSection{
	position: absolute;
	top: 544px; left: 50%;
	z-index: 400;
	margin-left: 345px;
	visibility: hidden;
}

#titleBannerSection li{
	position: absolute;
	top: 0px; left: 0px;
	width: 250px; height: 69px;
}

#titleBannerSection li:nth-child(2){
	position: absolute;
	top: -72px; left: 0px;
}

#titleBannerSection li:nth-child(3){
	position: absolute;
	top: -178px; left: 0px;
}

#titleBannerSection li img{
	display: block;
}

#titleBannerSection li img.frame{
	position: absolute;
	top: 0px; left: 0px;
}

/*------------------------------------------------------------------------------

								#loading
								
------------------------------------------------------------------------------*/
#loading{
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -20px; margin-left: -104px;
	visibility: hidden;
}

#loading li{
	position: absolute;
	top: 0px;
	display: block;
	width: 26px; height: 24px;
}

#loading li:nth-child(1){
	left: 0px;
}
#loading li:nth-child(2){
	left: 26px;
}
#loading li:nth-child(3){
	left: 52px;
}
#loading li:nth-child(4){
	left: 78px;
}
#loading li:nth-child(5){
	left: 104px;
}
#loading li:nth-child(6){
	left: 130px;
}
#loading li:nth-child(7){
	left: 156px;
}
#loading li:nth-child(8){
	left: 182px;
}

#loading li .body{
	position: absolute;
	top: 0px; left: 0px;
	z-index: 2;
	display: block;
}

#loading li .shadow{
	position: absolute;
	top: 17px; left: 0px;
	z-index: 1;
	display: block;
}

#loading p{
	position: absolute;
	top: 35px; left: 0px;
	width: 208px;
	text-align: center;
	font-size: 80%;
}