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

#container{
margin:auto;
background-color:#a7a9f3;
width:320px;
}

#navi{
margin:auto;
padding-right:10px;
}#navi table{
margin:auto;
}
#navi2{
margin-left:10px;
padding-right:10px;
}#navi2 table{
margin:auto;
}
#calendar table td{
background-color:#a7a9f3;
}

#reserve{
margin-top:20px;
}
#reserve table{
background-color:#0C6;
margin:0px auto 10px auto;
}

#reserve table td{
background-color:#ccffcc;
}#reserve table th{
background-color:#00FF66;
}

.reserve table td{
background-color:#99FFFF;
}

#admintable table{
background-color:#0000FF;
margin:auto;
}#admintable table td{
background-color:#ffffff;
}#admintable table th{
background-color:#0c3;
}

#reserve h4{
background-color:#FF0000;
color:#FFFF00;
font-weight:bold;
font-size:18px;
padding:5px;
text-align:left;
margin:10px 70px;
}

#content{
margin:auto;

}

#content table{
margin:10px auto 20px auto;
background-color:#009933;
color:#ffffff;
}#content table td{
text-align:center;
background-color:#FFFFFF;
color:#000000;
}


h3{
margin-top:20px;
border:#ffffff 1px solid;
background-color:#0c6;
}

input[type="tel"],input[type="password"],input[type="email"]{
width:250px;
height:30px;
font-size:18px;
}

#mypage{
margin:auto;
}

#mypage table{
margin:10px auto 0px auto;
background-color:#000000;

}#mypage table td{
text-align:center;
background-color:#FFFFFF;
}
#mypage table th{
text-align:center;
background-color:#0c3;
color:#FFFFFF;
}

#left{
margin:auto;


}#left table{
margin:auto;
color:
}
#left2{
margin-right:0px;
}#left2 table{
margin-right:10px;
}

#left2 h3{
margin:0;
font-size:90%;
}

#left2 ul{
	margin:0px 0px 10px 0px;
	border:#0066CC 1px solid;
	}
h2{
background-color:#009900;
color:#FFFFFF;
font-size:22px;
}


#event table{
margin:10px auto 20px auto;
background-color:#003366;

}#event table td{
text-align:left;
background-color:#FFFFFF;
font-size:90%;
}
#event h3{
margin:5px;
border:#0000FF 1px solid;
background-color:#CCFFFF;
}

#wrap{
margin-right:10px;
}

#top{
margin-right:10px;
margin-left:10px;
}

ul{
border:#0099FF 1px solid;
margin:10px 10px;
font-size:80%;
padding:5px 5px 5px 20px;
text-align:left;
background-color:#FFFFFF;
}

#price{
border:#0099FF 1px solid;
margin:10px 10px;
font-size:80%;
padding:5px 5px 5px 5px;
text-align:left;
height:auto;
background-color:#FFFFFF;
}

#price h3{
margin:0;
background-color:#333333;
color:#ffffff;
border:#99FFFF 1px solid;
font-size:18px;
padding:3px;
}
#price h5{
margin:5px;
text-decoration:underline;
font-size:16px;
color:#FF0000;
}
#price p{
margin:5px;
font-size:14px;
}
#price h4{
margin:5px;
}#price h6{
font-size:13px;
color:#ffffff;
background-color:#0033CC;
padding:5px;
margin:5px;
}

ul h4{
margin:0;
background-color:#003399;
color:#FFFFFF;
border:#99FFFF 1px solid;
font-size:90%;
padding:3px;
}


#company{
margin:auto;
border:#000066 1px solid;
font-size:80%;
}

#company h2{
margin:0;
background-color:#006699;
font-size:16px;
color:#CCCCCC;
padding:5px;
}
#company p{
border:#0066CC 1px solid;
margin:10px;
font-size:14px;
padding:5px;
text-align:left;
background-color:#FFFFFF;
}
#company table{
margin:auto;
}
#about{
font-size:14px;
text-align:center;
border:#0066CC 1px solid;
margin:20px;
font-size:14px;
padding:5px;
background-color:#ffffff;

}

#about p{
text-align:center;
margin:10px;
background-color:#FFFFFF;
}

#news{
	margin:auto;
	width:300px;
	font-size:90%;
	text-align:left;
}




.hbtn {
  background-image:url('images/hbacclogo.png');
  width:100%; /* or whatever */
  height:100px; /* or whatever */
}

.nbtn {
  background-image:url('images/lakelogo.png');
  width:100%; /* or whatever */
  height:100px; /* or whatever */
}