@charset "UTF-8";
/* CSS Document */


/****************

general setting

****************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

img{ border: none; }
ul, ol{ list-style: none; }
blockquote{
	margin: 1em 2em;
	padding: .5em 1em;
	background-color: #eee;
	font-style:italic;
	}

.clearfix {zoom: 1;}
.clearfix:after{ 
	content: "";
	display: block;
	clear: both; }

html{background-color: #750000;}


body{
	background: url(../img/background.jpg) repeat-x;
    background-color: #000;
    font: 13px Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック', sans-serif;
    color: #fff;
	}
	
a{ 
	color: #fff;
	text-decoration: none;}
a:hover{ 
	color: #f00;
	text-decoration: underline;
	}


/***************************************

			header column

***************************************/

#header{
	background: url(../img/header_background.jpg) repeat-x;
	height: 100px;
	}
	
#header{
	*position: relative;
	*z-index: 2;
}
	
#header_inner{
	width: 960px;
	margin: 0 auto;
	}


	/*******************
		header navi
	*******************/
	
	#nav { float: right; width: 700px; height: 30px; margin-top: 65px; text-align:center; z-index: 9998; border: solid 0px #fff;}
	#nav li { display: inline;}
	
	#nav li a.nav-bk { float: left; width: 140px; height: 0; padding: 30px 0 0 0; background-image: url(../img/menu.png); background-repeat: no-repeat; overflow: hidden;}
	
	#nav li#nav-on a { background-position: 0px 0; }
	#nav li#nav-off a { background-position: -140px 0; }
	#nav li#nav-heli a { background-position: -280px 0; }
	#nav li#nav-tool a { background-position: -420px 0; }
	#nav li#nav-spl a { background-position: -560px 0; }
	
	/* header navi hover */
	#nav li#nav-on a:hover { background-position: 0px -30px; }
	#nav li#nav-off a:hover { background-position: -140px -30px; }
	#nav li#nav-heli a:hover { background-position: -280px -30px; }
	#nav li#nav-tool a:hover { background-position: -420px -30px; }
	#nav li#nav-spl a:hover { background-position: -560px -30px; }


/***************************************

			main column

***************************************/

#main{
	*position: relative;
	}

#main.index{
	width: 960px;
	height: 390px; 
	margin: 0 auto;
	margin-top: 20px;	
	border: 0px solid #fff;
	}

	/*******************
		 EngineMenu
	*******************/

	#main.EngineMenu{
		width: 960px;
		height: 550px; 
		margin: 0 auto;
		margin-top: 20px;	
		border: 0px solid #fff;
		}
		
		.EnginMenuHeader{
			margin-left: 10px;
			}
			
		.EngineBannerLeft{
			margin: 20px 0 0 10px;
			}

		.EngineBanner{
			margin: 20px 0 0 20px;
			}

/***************************************

			sub column

***************************************/

#sub{
	width: 960px;
	height: 140px;
	margin: 0 auto;
	margin-top: 20px;
	}
	
	#sub .banner01{
		float: left;
		width: 220px;
		margin-left: 20px;
		}

	#sub .banner02{
		float: left;
		width: 220px;
		margin-left: 20px;
		}

	/*******************
		   update
	*******************/
	
	#update{
		float: left;
		width: 480px;
		height: 140px;
		overflow: hidden;
		font-size: 16px;
		position: relative;
	}
	
	#jsonarea{ 
		width: 480px; 
		height: 115px;
		border: 0px solid #666;
		overflow: hidden;
		text-align: left;
		overflow-x: hidden;
		position: relative;
		overflow-y: scroll;
	}
	.info{ font-size: 12px; width: 470px; height: 16px; border: 0px solid #f00; position: relative; }
	.name{ color: #f00; position: absolute; top: 0px; left: 5px; }
	.title{ color: #000; position: absolute; top: 0px; left: 85px; }


/***************************************
				
			footer column
				
***************************************/
#footer{
	height: 130px;
	background: url(../img/footer_background.jpg) repeat-x #450000;
	margin-top: 20px;
	}
	
#footer_inner{
	width: 960px;
	margin: 0 auto;
	padding-top: 40px;
	text-align: center;
	}