html {
  position: relative;
  min-height: 100%;
}
body {
  /* Set the fixed height of the footer here */
		margin-bottom: 70px;
		font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
h1{
	font-size: 24px;
	font-weight: bold;
}
h4{
	margin: 0;
	font-size: 14px;
}
a{
	color: #777;
}
.inline{
	display: inline;
}
.form-control {
    border: 0;
    outline: 1px solid #ccc;
    outline-offset: -1px;
}
.form-control:focus {
		border-radius: 0;
    border: 0;
    border-color: #666;
    outline: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,102,102,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,102,102,.6);
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
	border-radius: 0;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default2 {
  color: #CCC;
  background-color: #000;
  border-color: #333;
	border-radius: 0;
}
.btn-default2:focus,
.btn-default2.focus {
	opacity: 0.9;
}
.btn-default2:hover {
	opacity: 0.9;
}
.btn-default2:active,
.btn-default2.active,
.open > .dropdown-toggle.btn-default2 {
	opacity: 0.9;
}
.btn-default2:active:hover,
.btn-default2.active:hover,
.open > .dropdown-toggle.btn-default2:hover,
.btn-default2:active:focus,
.btn-default2.active:focus,
.open > .dropdown-toggle.btn-default2:focus,
.btn-default2:active.focus,
.btn-default2.active.focus,
.open > .dropdown-toggle.btn-default2.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default2:active,
.btn-default2.active,
.open > .dropdown-toggle.btn-default2 {
  background-image: none;
}
.btn-default2.disabled,
.btn-default2[disabled],
fieldset[disabled] .btn-default2,
.btn-default2.disabled:hover,
.btn-default2[disabled]:hover,
fieldset[disabled] .btn-default2:hover,
.btn-default2.disabled:focus,
.btn-default2[disabled]:focus,
fieldset[disabled] .btn-default2:focus,
.btn-default2.disabled.focus,
.btn-default2[disabled].focus,
fieldset[disabled] .btn-default2.focus,
.btn-default2.disabled:active,
.btn-default2[disabled]:active,
fieldset[disabled] .btn-default2:active,
.btn-default2.disabled.active,
.btn-default2[disabled].active,
fieldset[disabled] .btn-default2.active {
  background-color: #000;
  border-color: #333;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 70px;
  background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background-size: 4px 4px;
}
footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-default {
		border-radius: 0;
    background-color: #fff;
    border-style: none;
}
.navbar-brand img{
		height: 50px;
		padding: 5px;
}
nav.navbar{
	margin-bottom: 0;
	box-shadow:0px 0px 3px 3px #F7F7F7;
}
body > .container {
  padding: 0 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}
.btn-default {
  background-color: #F7F7F7;
}

.wysiwyg img.half{
		width: 50%;
}

.wysiwyg img.full{
		width: 100%;
}
.table-nobordered>tbody>tr>td,
.table-nobordered>tbody>tr>th,
.table-nobordered>tfoot>tr>td,
.table-nobordered>tfoot>tr>th,
.table-nobordered>thead>tr>td,
.table-nobordered>thead>tr>th
{
		border: none 0px #FFF;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
		vertical-align:middle;
}
.panel-default{
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.0);
    box-shadow: 0 0px 0px rgba(0,0,0,.00);
		border: double 1px #000;
}
.panel-body{
		margin: 2px;
		border: double 1px #000;
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio]{
		position: relative;
		margin: 0;
}
#MainContent{
	margin-top: 55px;
}
#Calendar .table td{
	padding: 8px 3px;
}
td.sat{
background-color:#EEF;
}
td.sun{
background-color:#FEE;
}
#Pavilion h1{
		font-style: italic;
}
#Pavilion h1 small{
		color: #000;
		font-style: normal;
}
#Pavilion .mesh{
		float:left;
		height: 100px;
		background-size: 8px 8px;
		z-index: -1;
}
#Pavilion .mesh h1{
		float: left;
		margin-left: 20px;
}
#Pavilion img{
		z-index: 999;
		float: right;
}

.ui-datepicker{
width: auto;
margin-bottom:10px;
border-radius: 0;
border-color: #ddd;
}
.ui-widget-header{
background: none;
border-radius: 0;
border-color: #ddd;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background: none;
border-color: #ddd;
}
.ui-widget-header {
border-style: none;
}
#Calendar table td.table-title{
		color: #FFF;
		background-color: #000;
		padding-left:10px;
}
#Calendar table td.table-title span{
		color: #EEF;
}
#SigninForm{
		margin-top: 60px;
}
#SigninSubmit{
		width: 280px;
    height: 36px;
    background: url(/img/front/login_shares.png) left top no-repeat;
}
#InquiryLink{
		margin: auto;
		display:block;
		width: 127px;
    height: 30px;
    background: url(/img/front/toiawase_shares.png) left top no-repeat;
}
#FixedHeader{
		position:fixed;
		top:0;
		left:0;
		z-index:999;
		background-color:#FFF;
		width:100%;
}

#FixedHeader ul{
	position:relative;
}
#Calendar .disabled img{
		opacity: 0.2;
}

#CalendarTable a:hover{
		text-decoration: none;
}

#ReserveList{
	margin-top: 55px;
}
#ReserveList h2.ribbon{
	font-size: 20px;
	font-weight: bold;
	background-color: #EEE;
	width: 100%;
	padding: 5px;
}
#ReserveList table.list{
	border-collapse: collapse;
	table-layout: fixed;
}
#ReserveList form label{
	padding-right: 10px;
}
#ReserveList table.list th{
	background-color: #EEE;
}
#SearchReservations form>div{
	padding: 0 5px;
}
#SearchReservations input,
#SearchReservations select{
	width: 80%;
	display: inline-block;
}
#SearchReservations .fromto input{
	width: 40%;
	display: inline-block;
}
#SearchReservations input.btn{
	width: auto;
}
#MenuSP{
	margin: 0;
	padding: 0;
	width: 100%;
}
#MenuSP ul{
	margin: 0;
	padding: 0;
	left : 0;
	z-index: 999;
}
#MenuSP ul li{
	background-color: #333;
	list-style-type: none;
	padding: 15px;
	border-bottom: solid 1px #999;
}
#MenuSP ul li a{
	color: #CCC;
	display: block;
}
#TotalPriceWrapper{
		background-color: #EEE;
		padding: 10px;
}