@charset "Shift_JIS";
/* CSS Document */

body {
	margin: 0; padding: 0; background: #081138 url(../img/bg_main.jpg) top center no-repeat;
}



/*	contents
===================================================================*/
div#contents {
	clear:both; width: 768px; height: 505px; background: url(../img/bg_contents.gif) top center no-repeat; margin: 0 auto; padding-top: 55px;
}

div#contents h1 {
	width: 393px; margin: 0; padding: 11px 0 0 11px; line-height: 0; font-size: 0;
}


div#contents div#caption{ width:700px; margin-left:54px;}

div#contents div#caption img{ vertical-align:text-bottom;}
div#contents div#caption h2{
	margin:0;
	padding:0;
	width:120px;
	display:inline;
}

div#contents div#caption p{
	margin:0;
	padding:0;
	width:560px;
	display:inline;
}


div#energy{
	width:700px;
	margin:0 auto;
	text-align:center;
}

div#energy h2{
	margin:0;
	padding:0;
}

div#energy object{
	margin:0;
	padding:0;
}

div#externalflash{ height:226px;}



div#externalflash div#left{ float:left; width:300px; padding-top:16px;}
div#externalflash div#right{ float:right; width:300px; padding-top:16px;}

div#externalflash div#earth{
	width:300px;
	height:112px;
	margin:0;
	padding:0;
}

div#externalflash div#water{
	width:300px;
	height:112px;
	margin:0;
	padding:0;
}

div#externalflash div#fire{
	width:300px;
	height:90px;
	margin:0;
	padding:0;
	
}

div#externalflash div#air{
	width:300px;
	height:90px;
	margin:0;
	padding:0;
}



/* マウスオーバー */
div#externalflash a {
	display: block;
	width: 90px;
	height: 90px;
	background: top left no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
}

div#externalflash a:hover {
	background-position: bottom;
}
div#externalflash a.earth1 {
	background-image: url(../img/btn_earth1.gif);
	float:right;
}
div#externalflash a.earth2 {
	background-image: url(../img/btn_earth2.gif);
	float:right;
}

div#externalflash a.water1 {
	background-image: url(../img/btn_water1.gif);
	float:left;
}
div#externalflash a.water2 {
	background-image: url(../img/btn_water2.gif);
	float:left;
}

div#externalflash a.fire1 {
	background-image: url(../img/btn_fire1.gif);
	float:right;
}

div#externalflash a.fire2 {
	background-image: url(../img/btn_fire2.gif);
	float:right;
}

div#externalflash a.air1 {
	background-image: url(../img/btn_air1.gif);
	float:left;
}

div#externalflash a.air2 {
	background-image: url(../img/btn_air2.gif);
	float:left;
}


div#externalflash p.dammyleft {
	margin:0;
	padding:0;
	width:90px;
	float:right;
}
div#externalflash p.dammyright {
	margin:0;
	padding:0;
	width:90px;
	float:left;
}