html{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;	
}

html, body,img{
	margin:0;
	padding: 0;
}

img {
	border: none;
}

#header{
	position: fixed !important;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:50px;
	background: rgba(255, 255, 255, 0.7);
	z-index: 1000;
}

#header img{
	margin:4px 0 0 8px;
	float: left;
}

#header a{
	text-decoration: none;
	display: block;
	width:10%;
	letter-spacing:1px;
	text-align: center;
	float: left;
	font-size: 12px;
	margin: 18px 0 0 10px;
	color:#666666;
}

#header #yokado-logo {
	position: absolute;
	width: 100px;
	height: auto;
	top: -8px; right: 20px;
}

#header a:hover{
	opacity:0.5;
}


#main_area{
	max-width:999px;
	width: 100%;
	margin: 50px auto 22px auto;
}

#main_area img{
	width:100%;
}
.btn_rectangle{
	display:block;
	text-align: center;
	width: 333px;
	height:333px;
	float: left;
	color: #fff;
	border:0;
	text-decoration: none;
	-webkit-filter: grayscale(70%);
}
a.btn_rectangle{
	display:block;
	text-align: center;
	width: 333px;
	height:333px;
	float: left;
	color: #fff;
	border:0;
	text-decoration: none;
	-webkit-filter: grayscale(70%);
}

a.btn_rectangle:hover{
	display:block;
	-webkit-filter: grayscale(0%);
}

.btn_rectangle02{
	display:block;
	text-align: center;
	width: 333px;
	height:333px;
	float: left;
	color: #fff;
	border:0;
	text-decoration: none;
/*	-webkit-filter: grayscale(70%);*/
}
a.btn_rectangle02{
	display:block;
	text-align: center;
	width: 333px;
	height:333px;
	float: left;
	color: #fff;
	border:0;
	text-decoration: none;
/*	-webkit-filter: grayscale(70%);*/
}

a.btn_rectangle02:hover{
	display:block;
	-webkit-filter: grayscale(0%);
}

.msg_head{
	opacity:1.0;
	font-size:50px;
	text-align: center;
	color:#fff;
	letter-spacing: 17px;
	padding:5px;
	font-weight: 100;
	/*-webkit-animation: msg_disp 0.6s ease-out 0.3s alternate forwards;*/
	text-shadow: 0px 0px 5px rgba(135, 115, 89, 0.5);
}

.msg{
	opacity:1.0;
	text-align: center;
	color:#fff;
	letter-spacing: 7px;
	padding:5px;
	font-weight: 100;
	/*-webkit-animation: msg_disp 1s ease-out 1s alternate forwards;*/
	text-shadow: 0px 0px 5px rgba(135, 115, 89, 0.5);
}

/*@-webkit-keyframes msg_disp {
   0%{opacity:0;-webkit-filter: blur(20px);} 
 100%{opacity:1;-webkit-filter: blur(0px);}
}*/


#footer_area {
  position: fixed;
  width: 100%;
  padding: 4px 0 4px 0;
  left: 0; right: 0; bottom: 0;
	background: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-align: center;
}

#news{
	width:666px;/*999px*/
	height:276px;/*217px*/
	/*background:#c4a88a;*/
	/*background:#A4A4A4;*/
	background: #999;
	float:left;
	color:#f2eae5;
	letter-spacing:1px;
	font-size:13px;
}
#news td:first-child{
	min-width:100px;
}
#news td{
	vertical-align:top;
	padding-bottom: 3%;
	
}
#news a{
	color:#f9f4f1;
}

#news a:hover{
	opacity:0.5;
}

#news table{
	padding:10px 20px 20px 20px;
}

#news tr{
	padding:10px;
}

.new{
	color:red;
	font-size: 8px;
}