/* For modern browsers */
.cf { zoom: 1; }
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after { clear: both; }
/* ==== Base === */
html { background-color: #F0F5FB; }
body {
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	min-width:920px;
	background-color: #F0F5FB;
	background-position: center top;
}
#header, #nav, #content {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	margin-right: auto;
	margin-left: auto;
	background-image:  url(../images/hd_bg.jpg);
	text-decoration: none;
	padding: 0px;
	margin-bottom: 20px;
}
h1 {
	text-decoration: none;
	margin: 0px;
	padding: 13px 0px 0px;
}
#content {
	background-image: url(../images/ft_bg.gif);
	background-position: center bottom;
	padding-bottom: 100px;
	background-repeat: no-repeat;
}
.main {
	float: right;
	width: 680px;
}
.sub {
	float: left;
	width: 190px;
	padding: 10px;
	background-color: #FFF;
}
.contact { margin-top: 10px; }
.contact_box {
	padding: 12px;
	border: 1px solid #BAE9F1;
	font-size: 0.9em;
}
#nav { width: 190px; }
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav li { margin-bottom: 2px; }
#footer {
	clear: both;
	text-align: center;
	padding-top: 50px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #86C9F0;
	padding-bottom: 50px;
}
.btn_cs {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	display: block;
	background-color: #F2F2F2;
}
.btn_cs {
	background: -moz-linear-gradient(top, #FFF 0%, #E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000, 000, 000, 0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000, 000, 000, 0.3);
	padding: 5px;
	margin-top: 10px;
}
/* ==== Page === */
h2 {
	background-image: url(../images/h2.gif);
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 0px #FFFFFF;
	margin: 0px 0px 15px;
	background-color: #3F551E;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 5px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	color: #1B3146;
	border-bottom: 1px solid #CCC;
}
h4 {
	font-weight: bold;
	color: #F60;
}
.container {
	background-color: #FFF;
	padding: 10px;
}
.shadow {
	-webkit-box-shadow: 0px 0px 7px #B9D5FB;
	-moz-box-shadow: 0px 0px 7px #B9D5FB;
	box-shadow: 0px 0px 7px #B9D5FB;
}
.pagetop {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #CCC;
	text-align: right;
	clear: both;
}
.title {
	font-weight: bold;
	color: #093;
	text-align: center;
	font-size: 1.2em;
}
.title2 {
	font-weight: bold;
	color: #F90;
	text-align: center;
	font-size: 1.2em;
}
.name {
	font-weight: bold;
	color: #093;
	font-size: 1.2em;
	margin-bottom: 5px;
}
.time {
	font-size: 0.8em;
	background-color: #EEE;
	padding: 5px;
	margin-bottom: 5px;
}
.reason {
	font-size: 0.8em;
	background-color: #EEE;
	padding: 5px;
	margin-bottom: 5px;
}
.detail { font-size: 0.8em; }
.spot_box {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}
.pagination {
	text-align: center;
	background-color: #EEE;
	margin-bottom: 5px;
	padding: 5px;
}
#map { height: 500px; }
div.has-error-box {
	border: 1px solid #ccc;
	border-radius: 4px;
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-group { margin-bottom: 20px; }
.form-group textarea, .form-group input[type=text] {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 5px;
	width: 50%;
}
.form-inline { }
.text-danger { color: #C00; }
.btn{
	border: none;
	background: none;
}
.btn-default {
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	text-decoration: none;
}
.btn-primary {
	background-color: #486FAE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	cursor: pointer;
	padding: 10px;
	text-decoration: none;
}
.btn-primary:hover {
	background-color: #39588C;
	color: #FFF;
}
.btn-info{
	background-color: #528DA0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	cursor: pointer;
	padding: 10px;
	text-decoration: none;
}
.btn-info:hvoer{
	background-color: #267882;
	color: #FFF;
}
.confirm-table{ width: 100%; }
.confirm-table th{
	border-bottom: 1px solid #efefef;
	font-size: 14px;
	vertical-align: top;
	width: 200px;
}
.confirm-table td{
	border-bottom: 1px solid #efefef;
}
.form-inline form{
	display: inline-block;
}
.text-center{
	text-align: center;
}