@charset "UTF-8";
/* CSS Document */

/* a text
--------------*/
a {
	text-decoration : none;
}
.link-btn {
	margin : 10px 0;
	font-size : small;
}
.btn-font {
	font-size : small;
}

p {
	display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end :0;
}

.indispensable {
	margin-left : 3px;
	color : #F00;
}
h5 {
  display: block;
  font-size: 0.83em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}
ul {
	display: block;
  list-style-type: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0;
}

#index {
	width : 100%;
}

.ui-btn-inner {
	font-size : 12px;
}
.ui-radio {
	border : 1px solid #ccc;
	border-radius : 6px;
}

/* clearfix after
--------------*/
.clearfix::after {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}
.clear-b {
	clear : both;
}

/* header
  ui-header
--------------*/
.ui-body-z .ui-header {
	border-bottom : 1px solid #F00;
	margin-bottom : 5px;
	background : #FFF;
	width : 100%;
}
.ui-body-z .ui-header img {
	padding : 5px 5px 0;
	width : 65%;
}

.ui-body-z .ui-header .form-h {
	border : none;
	margin-left : 10px;
	background : #fff;
	text-align : left;
}


/* header
  ui-header
--------------*/
.ui-body-y .ui-header {
	border-bottom : 1px solid #F00;
	margin-bottom : 5px;
	background : #FFF;
	width : 100%;
}
.ui-body-y .ui-header img {
	padding : 5px 40px 0;
	width : 65%;
}

/* tile menu
------------- */
#tile-menu {
	margin : 5px 0 5px;
	width : 100%;
}
.tile {
	background-color : #38A3DB;
	height : 65px;
	width : 49%;
	position : relative;
	margin-top : 3px;
	margin-left : 3px;
	float : left;
}
.tile img {
	margin : 12px;
}
.tile .tile-title {
	position : absolute;
	bottom : 3px;
	right : 5px;
	color : #fff;
}
.tile .tile-title .e-title {
	position : absolute;
	bottom : 20px;
	right : 0;
	font-size : x-small;
}
.tile : hover {
	-webkit-transform : scale(1.1,1.1);
	opacity : 0.75;
}

/* title bar
---------------*/
.reserve-bar {
	width : 100%;
	background-color : #cfcdcd;
	margin : 10px 0;
}
.reserve-bar p {
	margin-left : 10px;
}

/* reserve title
------------------*/
.reserve-title {
	width : 95%;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : 5px;
	border-left : 2px solid #e20a16;
	heiht : 1em;
}
.reserve-title p {
	margin-left : 5px;
}

/* select box
------------------*/
.select-box {
	margin : 0;
}
.select-box h5 {
	margin : 0;
}


/* Cautions sentence
-------------------*/
 .cautions-sent {
	 margin-bottom : 10px;
	 font-size : x-small;
	 color : #e20a16;
 }

/* nav title
-------------------*/
.nav-title {
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : 5px;
	border-right : 2px solid #e20a16;
	border-left : 2px solid #e20a16;
}
.nav-title p {
	text-align : center;
	font-weight : bold;
}

/* contents of reservation
------------------*/
.reservation {
	margin-left : 10px;
}



/* footer
  ui-footer
--------------*/
.ui-body-z .ui-footer {
	background : #036;
	margin : 10px 0 0;
	padding : 10px 0;
	width : 100%;
	font-size : small;
	text-align : center;
	color : #fff;
}
/* footer
  ui-footer-bottom
--------------*/
.footer-bottom {	
	background : #036;
	padding : 10px 0;
	width : 100%;
	font-size : small;
	text-align : center;
	color : #fff;
	position : absolute;
	bottom : -40px;
	left : 0;
}
.footer-bottom a:link,a:visited,a:active {
	color : #fff;
}
.ui-body-z .ui-footer {
	color : #fff;
}
.ui-body-z .ui-footer a:link,a:visited,a:active {
	color : #fff;
}

/* table result etc
---------------*/
table {
	width : 100%;
	font-size : small;
	margin : 10px 0;
}
.reserve-resutl {
	
}
.reserve-result thead th {
	border : 1px solid #999;
	background-color : #999;
	color : #fff;
	text-align : center;
}
.reserve-result tbody th {
	border : 1px solid #ccc;
	background-color : #eee;
	text-align : left;
	padding-left : 5px;
	font-weight : bold;
}
.reserve-result tbody td {
	border : 1px solid #ccc;
	padding-left : 10px;
}

.reserve-cxl thead th {
	border : 1px solid #999;
	background-color : #999;
	color : #fff;
	text-align : center;
}
.reserve-cxl tbody th {
	border : 1px solid #ccc;
	background-color : 1px solid #eee;
	text-align : left;
	padding-left : 5px;
	font-weight : bold;
	font-size : x-small;
}
.reserve-cxl tbody td {
	border : 1px solid #ccc;
	font-size : x-small;
}

.form-box ul {
	list-style : none;
}
.form-box th{
	border : 1px solid #ccc;
	background-color : #eee;
	text-align : left;
	padding-left : 5px;
}


/* notes list
--------------*/
.notes-list {
	font-size : x-small;
	margin-bottom : 15px;
}
.notes-list p {
	color : #f00;
}
.notes-list ul {
	margin-top : 10px;
}
.notes-list ul li {
	background : url(../images/ind_icon01.gif) no-repeat;
	padding-left : 23px;
	line-height : 2em;
}

/* detail image
---------------*/
.detail-img {
	width : 50%;
	float : left;
}
.detail-img img {
	width : 100%;
}

.shop-detail {
	margin-left : 53%;
}
.shop-detail ul {
	list-style : none;
	display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}
.shop-detail li {
	font-size : small;
}
div#map{
  width:100%;
  height:400px;
  border:4px solid white;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
}
.price-area img {
	width : 90%;
}
.price-area .photo {
	width : 15px;
	margin-left : 45%;
}
.price-area a {
	margin-bottom : 10px;

.small-font {
	font-size : x-small;
}

.thanks-area {
	margin : 10px 0;
	font-size : small;
}