@charset "UTF-8";

html{
-webkit-text-size-adjust: none
}
body{
 width : 94%;
 margin:0% 3% 0% 3%;
  background-color:#063154;
  background-image:url(../../img/back1.gif);
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  
 display: block;  
}
#base {
 width: 100%;
 background-color: #ffffff;
 padding: 3px;
} 
header{
 margin: 0 0 0 0;
 width : 100%;
}
header h1{
 display: block;
 background-color : #ccccff;
 padding: 1px 0px 1px 0px;
 text-align : center;
 font-weight : bold;
 font-size: large;
}
header h2{
 margin:0 0 8px 0;
 display: block;
 text-align : left;
 padding: 5px 0px 5px 10px;
 font-size: medium;
 background-color : #6666ff;
 BORDER-TOP: #666699 1px solid;
 BORDER-BOTTOM: #666699 1px solid;
 BORDER-LEFT: #666699 5px solid;
 color: #ffffff;
}
section{
 margin:0 0 8px 0;
 width : 100%;
 background-color : #ffffff;
 line-height: 1.1;
}
section ul {
  list-style-position:inside;
}
section h2{
 margin:0 0 8px 0;
 display: block;
 text-align : left;
 padding: 5px 0px 5px 10px;
 font-size: medium;
 background-color : #6666ff;
 BORDER-TOP: #666699 1px solid;
 BORDER-BOTTOM: #666699 1px solid;
 BORDER-LEFT: #666699 5px solid;
 color: #ffffff;
 clear:left;
}
#haihai h2{
 margin:8px 0 8px 0;
 display: block;
 text-align : left;
 padding: 5px 0px 5px 10px;
 font-size: medium;
 background-color : #ff0000;
 BORDER-TOP: #666699 1px solid;
 BORDER-BOTTOM: #666699 1px solid;
 BORDER-LEFT: #666699 5px solid;
 color: #ffffff;
}
#nakayosi h2{
 margin:8px 0 8px 0;
 display: block;
 text-align : left;
 padding: 5px 0px 5px 10px;
 font-size: medium;
 background-color : #990000;
 BORDER-TOP: #666699 1px solid;
 BORDER-BOTTOM: #666699 1px solid;
 BORDER-LEFT: #666699 5px solid;
 color: #ffffff;
}
#wanpaku h2{
 margin:8px 0 8px 0;
 display: block;
 text-align : left;
 padding: 5px 0px 5px 10px;
 font-size: medium;
 background-color : #660000;
 BORDER-TOP: #666699 1px solid;
 BORDER-BOTTOM: #666699 1px solid;
 BORDER-LEFT: #666699 5px solid;
 color: #ffffff;
}
section h3{
 margin:0 0 8px 5px;
 display: block;
 text-align : left;
 padding: 3px 0px 3px 10px;
 font-size: medium;
 background-color : #66ff66;
 BORDER-TOP: #666699 1px solid;
 BORDER-BOTTOM: #666699 1px solid;
 BORDER-LEFT: #666699 5px solid;
 color: #000000;
}
nav {
 width: 100%;
 background-color: #ffffff;
 text-align: center;
}
nav ul{
 margin:8px 0 0 0;
 padding: 0;
 overflow:hidden;
}
nav li{
 list-style : none;
 font-weight : bold;
  float: left;
  width: 49%;
}
nav .info a {
 display: block;
 border-radius: 10px;
 border: #666699 2px solid;
 margin:0 0 0 0;
 padding: 15px 0px 15px 0px;
 width: 100%;
 text-decoration: none;
 background: -webkit-gradient(linear, left top, left bottom, from(#ffcccc), to(#ffffff));
 background: linear-gradient(to bottom, #ffcccc, #ffffff);
 background: -moz-linear-gradient(top, #ffcccc, #ffffff);
}
nav .stay a {
 display: block;
 border-radius: 10px;
 border: #666699 2px solid;
 margin:0 0 0 0;
 padding: 15px 0px 15px 0px;
 width: 100%;
 text-decoration: none;
 background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ffffff));
 background: linear-gradient(to bottom, #ffcc00, #ffffff);
 background: -moz-linear-gradient(top, #ffcc00, #ffffff);
}
nav .stay_other a {
 display: block;
 border-radius: 10px;
 border: #666699 2px solid;
 margin:0 0 0 0;
 padding: 15px 0px 15px 0px;
 width: 100%;
 text-decoration: none;
 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5,#ffcc00), to(#ffffff));
 background: linear-gradient(to bottom, #ffffff, #ffcc00 50%, #ffffff);
 background: -moz-linear-gradient(top, #ffffff, #ffcc00 50%, #ffffff);
 -webkit-transition:0.5;
 transition: 0.5s;
}
nav .stay_now a {
 display: block;
 border-radius: 10px;
 border: #ff0000 2px solid;
 margin:0 0 0 0;
 padding: 15px 0px 15px 0px;
 width: 100%;
 text-decoration: none;
 background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), color-stop(0.5,#ffffff), to(#ffcc00));
 background: linear-gradient(to bottom, #ffcc00, #ffffff 50%, #ffcc00);
 background: -moz-linear-gradient(top, #ffcc00, #ffffff 50%, #ffcc00);
}
nav .play a {
 display: block;
 border-radius: 10px;
 border: #666699 2px solid;
 margin:0 0 0 0;
 padding: 15px 0px 15px 0px;
 width: 100%;
 text-decoration: none;
 background: -webkit-gradient(linear, left top, left bottom, from(#ccff99), to(#ffffff));
  background: linear-gradient(to bottom, #ccff99, #ffffff);
 background: -moz-linear-gradient(top, #ccff99, #ffffff);
}
nav .star a {
 display: block;
 border-radius: 10px;
 border: #666699 2px solid;
 margin:0 0 0 0;
 padding: 15px 0px 15px 0px;
 width: 100%;
 text-decoration: none;
 background: -webkit-gradient(linear, left top, left bottom, from(#99ccff), to(#ffffff));
 background: linear-gradient(to bottom, #99ccff, #ffffff);
 background: -moz-linear-gradient(top, #99ccff, #ffffff);
}
nav .idou a {
 display: block;
 border-radius: 10px;
 border: #666699 2px solid;
 margin:0 0 0 0;
 padding: 15px 0px 15px 0px;
 width: 100%;
 text-decoration: none;
 background: -webkit-gradient(linear, left top, left bottom, from(#ffff99), to(#ffffff));
 background: linear-gradient(to bottom, #ffff99, #ffffff);
 background: -moz-linear-gradient(top, #ffff99, #ffffff);
}
nav .park a {
 display: block;
 border-radius: 10px;
 border: #666699 2px solid;
 margin:0 0 0 0;
 padding: 15px 0px 15px 0px;
 width: 100%;
 text-decoration: none;
 background: -webkit-gradient(linear, left top, left bottom, from(#66ff33), to(#ffffff));
 background: linear-gradient(to bottom, #66ff33, #ffffff);
 background: -moz-linear-gradient(top, #66ff33, #ffffff);
}
footer{
 text-align: left;
 background-color: #ccccff;
 padding: 1px 0px 1px 0px;
}
img{
 max-width: 100%;
}
table{
 width:100%;
 color:#000000;
 background-color:#ffffff;
}
th{
 text-align : center;
 background-color:#ccffcc;
}
th.day{
 width:35%;
}
th.play{
 width:65%;
}
td{
 text-align : center;
}
.futoao{
  color:#0000cc;
  font-weight:bold;
}
.futoaka{
  color:#cc0000;
  font-weight:bold;
}
.event{
text-align : left;
}
.sun{
background-color:#ffeeee; text-align : center;
}
.ev_sun{
background-color:#ffeeee; text-align : left;
}
.wanpaku{
color:#cc3300; font-weight:bold;
}
.nakayosi{
color:#cc3333; font-weight:bold;
}
.haihai{
color:#3366cc; font-weight:bold;
}
@media screen and (min-width : 1024px){
nav {
 float: left;
 width : 15%;
 margin: 5px 0px 0px 5px;
 color: #000000;
 background-color: #ffffff;
 text-align: center;
}
section{
 float: right;
 width: 83%;
 padding: 2px;
 color: #000000;
 background-color: #ffffff;
 text-align: left;
 line-height: 1.1;
}
section .floatclear{
 clear:left;
}
section img{
 float:left;
 margin-bottom:10px;
 margin-right:20px;
}
#haihai{
 float: left;
 width: 33%;
 padding: 2px;
 color: #000000;
 text-align: left;
 line-height: 1.1;
}
#nakayosi{
 float: left;
 width: 33%;
 padding: 2px;
 color: #000000;
 background-color: #ccffcc;
 text-align: left;
 line-height: 1.1;
}
#wanpaku{
 float: left;
 width: 33%;
 padding: 2px;
 color: #000000;
 text-align: left;
 line-height: 1.1;
}
nav li {
 list-style : none;
 font-weight : bold;
 width: 80%;
}
footer{
 clear:both;
 text-align: left;
 background-color: #ccccff;
 padding: 1px 0px 1px 0px;
}