@charset "Utf-8";

/* ===================================================================
CSS information

リセット及びbody初期設定
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
img,abbr,acronym,fieldset {
	border: 0;
}
img {
	vertical-align:middle;

}
li {
	list-style-type: none;
}

/*--- default */
body {
	color: #000;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 150%;
}


/* --- common---------------------------- */

body{
background-color:#000;
}

html{
height:100%;
}



/* --- mainContent---------------------------- */

#wrapper{
margin:0px;
padding:0px;
}


#wrapper #header{
margin:0px auto;
background:url(../images/commonimage.png) no-repeat center top;
height:200px;
overflow:hidden;
}

#wrapper #header h1{
margin-top:210px;
}


#wrapper #container{
width:960px;}

#wrapper .contents{
position:absolute !important;
top:280px;
left:80px;
margin:0px;
padding:0px;
width:486px;}


	/* --- gNavi---------------------------- */
	ul.gnav{
	top: 10px;
	margin-left:186px;
	width:300px;	
	}
	
	ul.gnav li{
	padding-bottom:30px;
	}
		
	ul.gnav li a{
	display:block;
	height:60px;
	width:300px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	
	#jpnNav a{
	background-image:url(../images/jpnNav.gif);	
	}
	
	#jpnNav a:hover{
	background-position:0 -80px;	
	}
	
    #engNav a{
	background-image:url(../images/engNav.gif);	
	}
	
	#engNav a:hover{
	background-position:0 -80px;	
	}
	
	
	
	/* --- link ---------------------------- */
	ul.link{
	margin:0;
	padding-top:70px;
	text-align:left;}
	
		
	ul.link li a{
	display:block;
	width:486px;
	padding-bottom:30px;}
	
	ul.link img{
	border:1px #333333 solid;} 
	

/* --- bg ---------------------------- */

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

div#wrapper {
  position: relative; 
}