html, body {
	background-image:url(../img/wall.jpg);
	background-repeat:repeat;
	margin:0px;
	padding:0px;
    width: 100%;
}
#topmain{
    width: 860px;
	padding:50px;
	margin:0 auto;
}


.topcontent {
  width:660px;
  height:860px;
  background-image:url(../img/topback1.png);
  background-repeat:no-repeat;
  padding:130px 70px 0px 70px;
  font-family:Copperplate, Helvetica, Arial,Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ, sans-serif;
  margin:0 auto;
}

.logo {
	width:300px;
	height:75px;
	margin:0 auto;
	padding-bottom:35px;
}

.topic1 {
	float:left;
	width:190px;
	height:153px;
  background-image:url(../img/topicbg.png);
  background-repeat:no-repeat;
  margin-bottom:40px;
  margin-right:30px;
  color:#FFF;
  font-size:28px;
}
.cell {
    display:inline-table;
    width:190px; 
	height:153px;
    vertical-align:middle;
}

.cell > p {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	line-height:0.8em;
}
.right {
  margin-right:0px;
}




#topfoot {
	font-family: 'Oswald', sans-serif;
  color:#121e3d;
  line-height:18px;
	width:660px;
	height:80px;
	font-size:12px;
	margin-top:30px;
	float:left;
	letter-spacing:1px;
}
.foot1 {
	float:left;
	width:400px;
	text-align:left;
}
.foot2 {
	float:right;
	width:200px;
	text-align:right;
}

.foot1 a, .foot2 a {
	color:#121e3d;
	text-decoration:underline;
}
.foot1 a:hover, .foot2 a:hover {
	color:#acb0bb;
}




.top1 {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-96px;
}
.top2 {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-330px;
}
.demo5{
    background: url(../img/toplogo1over.png) no-repeat;
    width: 250px;
    height: 96px;
}
a:hover img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}


.open { 
	width:550px;
	height:371px;
	position:absolute;
	top:50%;
	margin-top:-420px;
	left:50%;
	margin-left:-500px;
}



/* Push */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.push:hover, .push:focus, .push:active {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}