/*基本*/

*{
	margin:0;
	padding:0;
	font-size:100%;
}

body{
	background:#fff;
}

h1{
	
}

h2,h3{
	
}

h3{
	color:#f00;
	font-size:23px;
	font-style:italic;
	font-family:sans-serif;
	margin:12px 0 10px 15px;
	padding:0 0 5px 5px;
	background:url(img/h3.png) bottom left no-repeat;
}

h4{
	font-size:16px;
	margin:12px 0 10px 15px;
	padding:0 0 5px 5px;
}

h5{
	font-size:14px;
}

p,dl{
	font-size:80%;
	line-height:1.5em;
}

em{
	font-style:normal;
	font-weight:bold;
}

a{
	font-size:80%;
}

a:hover{

}

a:active{

}

img{

	vertical-align:text-bottom;
}

dl{
	
}


.pale{
	color:#ccc;
}

.white{
	color:#fff;
}	

.line{
	display:none;
}

dl{
	line-height:1.8em;
}

dt,dd{
	display:inline-block;
}

dt{
	width:180px;
}

dd{
	width:500px;
}

/*レイアウト*/
#container{
	width:750px;
}

#header{
	position:relative;
	height:32px;
	background:url(img/header.gif) no-repeat;
}

#body{
	position:relative;
	margin:0;
	padding:0 0 1px 0;
	position:relative;
	background:#0af;
}

#footer{
	position:relative;
	text-align:center;
	vertical-align:middle;
	background:#0af;
	margin:0;
	padding:0.2em;
}

#footer a{
	font-size:100%;
}

/* ページトプ用リンク*/
#tlink{
	display:none;
}

.site{
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.site:hover{
	color:#00f;
}

/*メニュー*/
#menu{
	text-align:right;
	margin:0;
	padding:0;
}

#menu li{
	display:inline;
	margin:0;
	padding:0;
	text-align:left;
}

#top,#outline,#chara,#mecha,#staff{

}

#top img,#outline img,#chara img,#mecha img,#staff img{
	position:relative;
	top:-8px;
	display:inline-block;
	margin:0;
}
/*IE用*/
@media all and (-ms-high-contrast: none){
#top img,#outline img,#chara img,#mecha img,#staff img{
	top:-2px;
  }
}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#top img,#outline img,#chara img,#mecha img,#staff img{
	top:-7px;
  }
}

#top a,#outline a,#chara a,#mecha a,#staff a{
	display:inline-block;
	text-indent: 100%;
 	white-space: nowrap;
 	overflow: hidden;
	height:32px;
}


#top a{
	width:80px;
}

#outline a,#staff a{
	width:95px;

}

#chara a{
	width:120px;
}

#mecha a{
	width:110px;
}

#top a{
	background:url(img/m11.png) no-repeat 0 0;
}

#top a:hover{
	background:url(img/m12.png) no-repeat;
}

#outline a{
	background:url(img/m21.png) no-repeat;
}

#outline a:hover{
	background:url(img/m22.png) no-repeat;
}

#chara a{
	background:url(img/m31.png) no-repeat;
}

#chara a:hover{
	background:url(img/m32.png) no-repeat;
}

#mecha a{
	background:url(img/m41.png) no-repeat;
}

#mecha a:hover{
	background:url(img/m42.png) no-repeat;
}

#staff a{
	background:url(img/m51.png) no-repeat;
}

#staff a:hover{
	background:url(img/m52.png) no-repeat;
}

/* トピックス */
#topi{
	position:absolute;
	left:0;
	width:472px;
	margin:10px 0 15px 10px;
}

#topi h2{
	height:18px;
	text-indent: 100%;
 	white-space: nowrap;
 	overflow: hidden;
	background:url(img/topic.png) no-repeat #1a00ff;
}

#topi p{
	padding:4px;
	height:50px;
	background:#fff;
}


/* サイトへ戻る */
#site{
	margin:10px 0 0 0;
	padding:15px 10px 0 530px;
	text-align:right;
}