@CHARSET "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

*{
	margin:0;
	padding:0;
}

body{
	font-size:1em;
	background-color:#000000;
	font-family:"Noto Sans Japanese", "メイリオ", sans-serif;
	font-weight:300;
}

.clear{
	clear:both;
}

.bold{
	font-weight:bold;
}

.indent{
	margin-left:4%;
}

#allbox{
	width:100%;
	background-color:#ffffff;
	background-image:url(pic/backtile.png);
}

#header{
	display:table;
	width:100%;
	height:360px;
  background-image:url(./pic/titleback.png);
  background-size:cover;
  overflow:hidden;
}

#bottom{
  width:100%;
  background-color:rgba(0,0,0,0.2);
  color:#331100;
  text-align:center;
  padding-top:3px;
}

#logobox{
	display:table-cell;
	width:80%;
	height:360px;
	position:relative;
}

.radius{
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -o-border-radius:8px;
  -ms-border-radius:8px;
}

.whitebox{
  background-color:rgba(36,8,0,0.2);
  font-size:1em;
  padding:24px 24px;
  line-height:1.8em;
  margin:16px;
  color:#ffffff;
}

#topbox{
  width:90%;
  margin:0 5%;
  height:320px;
  background-image:url(./pic/toppic2.jpg);
  background-position:center center;
  background-size:cover;
}

.toplogo{
  margin-left:6%;
  margin-top:60px;
  width:240px;
}

.topbuttonbox{
  margin-left:42%;
  margin-top:24px;
  display:table;
  width:56%;
}

.topmenu1,.topmenu2,.topmenu3,.topmenu4,.topmenu5,.topmenu6,.topmenu7{
  color:#ffffff;
  text-decoration:none;
  font-size:18px;
  display:table-cell;
  margin-bottom:4px;
  text-align:center;
}

@-webkit-keyframes blinktext{
  from { color:rgba(255,255,255,1);}
  50% { color:rgba(255,255,255,0.4);}
  to { color:rgba(255,255,255,1);}
}

.topmenu1:hover,.topmenu2:hover,.topmenu3:hover,.topmenu4:hover,.topmenu5:hover,.topmenu6:hover,.topmenu7:hover{
  -webkit-animation-name: blinktext;
  -webkit-animation-duration: 1.6s;
  -webkit-animation-iteration-count: infinite;
}

.buttoninfobox{
  width:240px;
  margin-top:32px;
  margin-left:60%;
  height:32px;
}

.buttoninfotextbox{
  background-color:rgba(0,0,0,0.6);
  color:#ffffff;
  display:none;
  padding:8px 16px;
  text-align:center;
  font-size:0.8em;
}