@charset "utf-8";

/*--------------------------------------------------------------------
index.html	(トップページ)
top.css
--------------------------------------------------------------------*/

/*------------下層共通削除のスタイル---------------------------------------------------------------*/
div#HeaderLogo,
div#Global,
div#Title,
div.PageTop,
div#Side { display: none; }


/*------------Containerのスタイル---------------------------------------------------------------*/
div#Container {
	margin: 0 auto;
	background: none !important;
	position: relative;
	z-index: 10;
}


/*------------Footerのスタイル---------------------------------------------------------------*/
div#Footer { margin-top: 4px; }


/*------------TopAnimaのスタイル---------------------------------------------------------------*/
div#TopAnima {
	height: 670px;
	background: url(../../img/top/anima_p01.jpg) no-repeat center top;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*------------Anima01のスタイル------------------------------------*/
div#Anima01 {
	width: 100%;
	height: 670px;
	background: url(../../img/top/anima_p01.jpg) no-repeat center top;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	z-index: 0;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
/*------------Anima02のスタイル------------------------------------*/
div#Anima02 {
	width: 100%;
	height: 332px;
	top: 112px;
	background: url(../../img/top/anima_p02.png) no-repeat center top;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	z-index: 1;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
/*------------Anima03のスタイル------------------------------------*/
div#Anima03 {
	width: 100%;
	height: 312px;
	top: 276px;
	background: url(../../img/top/anima_p03.png) no-repeat center top;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	z-index: 1;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
/*------------Anima04のスタイル------------------------------------*/
div#Anima04 {
	width: 100%;
	height: 414px;
	top: 148px;
	background: url(../../img/top/anima_p04.png) no-repeat center top;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	z-index: 1;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
/*------------Anima05のスタイル------------------------------------*/
div#Anima05 {
	width: 100%;
	height: 106px;
	top: 360px;
	background: url(../../img/top/logo.png) no-repeat center top;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	z-index: 1;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
/*------------Anima06のスタイル------------------------------------*/
div#Anima06 {
	width: 100%;
	height: 670px;
	top: 13px;
	background: url(../../img/top/arrow.png) no-repeat center top;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	z-index: 1;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
/*------------Anima07のスタイル------------------------------------*/
div#Anima07 {
	width: 100%;
	height: 433px;
	top: 51px;
	background: url(../../img/top/text02.png) no-repeat center top;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	z-index: 1;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
/*------------Anima08のスタイル------------------------------------*/
div#Anima08 {
	width: 100%;
	height: 303px;
	top: 81px;
	background: url(../../img/top/text01.png) no-repeat center top;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
	z-index: 2;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}


/*------------Contentsのスタイル---------------------------------------------------------------*/
div#Contents { padding: 0; }

/*------------Wrapのスタイル------------------------------------*/
div#Wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

/*------------Mainのスタイル------------------------------------*/
div#Main {
	width: 100%;
	float: none;
}


/*------------TopMenuのスタイル------------------------------------*/
div#TMBtn {
	width: 978px;
	margin: 530px auto 0;
}
div#TMBtn ul {
	list-style: none;
	width: 978px;
	margin: 0 auto;
	overflow: hidden;
}
div#TMBtn ul li {
	width: 300px;
	height: 110px;
	padding: 8px 13px 18px;
	float: left;
	background: url(../../img/top/btn_shadow.png) no-repeat center center;
}
div#TMBtn ul li h3 { display: none; }
div#TMBtn ul li a {
	display: block;
	width: 300px;
	height: 110px;
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 0;
	text-indent: -99999px;
	overflow: hidden;
	font-size: 0;
}
div#TMBtn ul li a:hover { background-position: left bottom; }
div#TMBtn ul li#TMBtn01 a { background-image: url(../../img/top/mbtn01.jpg); }
div#TMBtn ul li#TMBtn02 a { background-image: url(../../img/top/mbtn02.jpg); }
div#TMBtn ul li#TMBtn03 a { background-image: url(../../img/top/mbtn03.jpg); }

/*------------mergerのスタイル------------------------------------*/
div#merger {
	width: 100%;
	background: #fff;
	padding: 40px 0;
}
div#merger div#mergerBtn {
	width: 390px;
	margin: 0 auto;
}
div#merger div#mergerBtn a {
	display: block;
	height: 110px;
	background-image: url(../../img/top/settlement.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 0;
	text-indent: -99999px;
	overflow: hidden;
	font-size: 0;
}
div#merger div#mergerBtn a:hover { background-position: left bottom; }