@charset "utf-8";

/*
======== table of content. =================================

summary:INDEX用レイアウト定義

-CONTENT

-MAIN
  - MAIN
  - BANNERAREA

============================================================
*/



/*-------------------------------------
HEADER
---------------------------------------*/
div#header {
	width:980px;
	height:555px;
	margin:0 auto;
	background:url(../images/index/bg_main.jpg) no-repeat -2px 1px;
	text-align: left;
}

/*-------------------------------------
FOOTER
---------------------------------------*/

div#footer {
	background:url(../images/index/bg_footer.gif) repeat-x top #F6F6F6;
	padding-bottom:80px;
}


/*-------------------------------------
FLASH
---------------------------------------*/

div#flash {
	position:relative;
	top:-216px;
	left:-2px;
	z-index:0;
	margin-bottom:-300px;
}
div#bg_footer {
	width: 800px;
	position: absolute;
	padding-top: 22px;
	left: 434px;
	top: 534px;
}
*html div#bg_footer {
	width: 800px;
	position: absolute;
	padding-top: 22px;
	left: 433px;
	top: 534px;
}
html>/**/body div#bg_footer {
	width: 800px;
	position: absolute;
	padding-top: 22px;
	left: 438px;
	top: 534px;
}


/*-------------------------------------
BANNERAREA
---------------------------------------*/

div#bannerArea {
	padding-top:22px;
	position:relative;
	z-index:4;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 800px;
	padding-left: 290px;
}

div#bannerArea ul {
}

div#bannerArea ul li {
	float:left;
}

/*-------------------------------------
GETFLASH
---------------------------------------*/

div#getflash {
	clear:both;
	margin-top:4px;
}


div#getflash p {
	text-align:center;
}