@charset "utf-8";

#cover{
  position: absolute;
  left: 50%;
  top: 40%;
  width: 860px;
  height: 480px;
  margin-left: -430px; /* half of width */
  margin-top: -240px;  /* half of height */ 
}

#cover h1{
	margin-bottom: 42px;
	font-size: 32px;
	text-align: center;
	letter-spacing: 0.15em;
	font-weight: normal;
}

#cover h2{
  margin-top: 10px;
	margin-bottom: 10px;
	font-size: 17px;
	text-align: center;
	font-weight: normal;
}


#cover h1 a{
	color: #000;
}

#cover h2 span{
	color: #999;
	letter-spacing: 0.05em;
}

#cover h2 a{
	color: #000;
}

#cover h2 span a{
	color: #999;
}


#cover h1 a,
#cover h2 a:hover{
	text-decoration: none;
}
   
#cover .photo{
  width: 800;
  height: 480px;
  margin-bottom: 24px;
  text-align: center;
}

#cover .photo img.screen{
  position: absolute;
  left:0;
  top: 0;
}


#cover #footer{
  width: 860px;
  text-align: center;
  line-height: 1.4em;
}

#cover .copyright{
  font-size: 0.85em;
  margin: 10px 0 20px 0;
}

.col2{
  margin: 70px 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.col2 li:first-child{
  width: 400px;
  float: left;
}

.col2 li:last-child{
  width: 400px;
  float: right;
}