/* reset.css-------------------*/
@import url("reset_yui.css");
@import url("reset_html5.css");

/*SmartPhone-------------------*/
@import url("grid.css");

/*SmartPhone-------------------*/
@import url("sp_common.css");

.header_tel {
	width:100%;
}
.mainArea {
	padding:0.5em;
	overflow:hidden;
}

.lightgray_bg {
	background:#f7f4f4;
}
.footerNavArea {
	padding:1em 0.5em;
}
.footerNav {
	width:100%;
	margin:0 auto;
}
.footerNav li {
	float:left;
	width:49%;
	margin:0.5%;
}
.footerNav li.double {
	width:99%;
	margin-left:0.5%;
}

.footerNav li.first {
	float:left;
	margin-right:1%;
}

.footerNav li a img {
	width:100%;
}
.main-navbar {
    position: relative;
    z-index: 10;
}

.main-navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 42px;
}



.main-content {
    position: relative;
}

.section {
    margin: 1em auto;
    margin-bottom: 3em !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.icon {
    position: relative;
    width: 15%;
    
	max-width: 76px;
}

.icon img {
    position: absolute;
    top: 10px;
    right: 10px;
}

.main-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #000000;
    color: white;
    width: 300px;
}
.main-sidebar a:link {
    color: #ffeb3b;
}
.main-sidebar a:visited {
    color: #ff9800;
}
.main-sidebar a:hover {
    color: #fbc02d;
}
.main-sidebar a:active {
    color: #ffc107;
}
.main-sidebar .section {
    margin: 1em 0;
    margin-bottom: 2em !important;
}

.main-sidebar-right {
    right: 0;
    text-align: right;
}
.main-sidebar-left {
    left: 0;
    text-align: left;
}

[data-ssbplugin="sbwrapper"] {
    padding: 1em;
}

.dynamic-right .main-navbar-content {
    float: right;
}

.dynamic-left .main-navbar-content {
    float: left;
}

.main-sidebar-wrapper {
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1em;
}
.mainArea {
	  font-size:90%;
  }
  
.reservation {
	font-size: 90%;
	font-weight: bold;
	width: 100%;
	margin-bottom: 30px
}
.reservation td, .reservation th {
	height: 20px;
	vertical-align: middle;
	padding: 10px;
	border: #999 1px solid;
}
.reservation th {
	background: #CCC
}
.reservation .nomal {
	font-weight: normal;
}
.subtitle {
    font-size: 90%;
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 5px 5px;
    border-left: #F6C 7px solid;
    margin: 5px 0;
    font-weight: bold;
}