@charset   "UTF-8";

 body { 
	text-align:center;
	background-color: #87C2D4;
 }
 

 div#container {
	width:980px;
	margin:auto;
	text-align:center;
 }

 div#header h1{
 		display:inline;
	    margin:12px auto 0;
		text-align:center;
		color: #808080;
		}
 div#header div.ico{
 		position: absolute;
 		top: 5px;
 		right: 20px;
 		left:auto;
 		bottom:auto;}
 		
 div#header div.ico p{
 		margin:5px;
 		}
 		


/*ナビゲーションバーの高さを指定
	中点とマージン、パディングを削除する*/
/*ナビゲーションバー: <li>要素をインライン化*/	

 div.gbnavi{
 /*clear: both指定することで、下ナビゲーションバーの回り込みを回避*/
  	clear: both;
  	margin: 0;
  	padding: 0;
  	width: 980px;
  	height:60px;
  	background-color: #ffff9a;
 	}
	
 div.gbnavi ul {
 	list-style: none;
 	float: left;
 	}
 	
 div.gbnavi ul li{
 	display: inline;
 	float: left;
 	margin: auto;
 	padding: auto;
 	}
	
 div.gbnavi a{ 
 	display: block;
 	text-decoration: none; 	
 	text-shadow: 0.5px 0.5px 3px #808080;
 	padding: 0.5em;
 	color: #000099; 	
 	background-color: #ffff9a;
 	font-size: 120%;
 	font-weight:bold;
 	}
 	
 	
 div.gbnavi a:hover{ 
 	background-color: #ccff99;
 	color:#007c6e}

 /* hideのおすすめありの時*/

 div.gbnavi ul li.gb-home {   width: 115px;}
 div.gbnavi ul li.gb-course { width: 210px; }
 div.gbnavi ul li.gb-faq  {    width: 210px; }
 div.gbnavi ul li.gb-staff  {  width: 165px; }
 div.gbnavi ul li.gb-reserve  {width: 165px;}
 div.gbnavi ul li.gb-blog {width:120px ;}
 


 /*フッターの設定*/
 div#footer {
 		/*floatの解除〜これによりdiv#containerのtext-align:centerが生きてくる…はず。*/
 		clear:both;
 		
 		display: inline;
 		width: 680px;
 		}
 div#footer figure{
 			margin-top: 10px;
 			margin-bottom:5px;}
 			
 div#footer figcaption{
 			font-size: 80%;}
 
 /* 点滅 */
.blinking{
	color: #ff0000;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}