@charset "UTF-8";

@import "/common/css/base.css";
@import "/common/css/font.css";

h1 {
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7abcd0;
	margin-bottom: 20px;

}

.leftnavi li {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #B8D7DE;
	list-style-type: none;
}
.leftnavi li a {
	background-image: url(/common/img/leftbullet.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 10px;
	display: block;
	font-size: 85%;
	line-height: 130%;
	text-decoration: none;
	color: #00779e;
}
.contentsname {
	padding-bottom: 10px;
	padding-top: 10px;
}
.categoryname {
	background-color: #e2d9c7;
	font-size: 100%;
	margin-bottom: 10px;
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	font-weight: bold;
	color: #414141;
}
.bannerspace {
	padding-top: 5px;
	padding-bottom: 20px;
	list-style-type: none;
	margin-left: 10px;
}
.bannerspace li {
	font-size: 93%;
	line-height: 170%;
}	

.bannerspace li a img {
	border: 3px solid #e2e2e2;
	padding: 1px;
}
.bannerspace2 {
	padding-top: 5px;
	padding-bottom: 20px;
	list-style-type: none;
}
.bannerspace2 li {
	float: left;
	width: 220px;
	font-size: 93%;
	line-height: 170%;
}
.bannerspace2 li a img {
	border: 3px solid #e2e2e2;
	padding: 1px;
}
.boxarea h2 {
	background-color: #ede9e3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	margin-bottom: 5px;
	line-height: 160%;
}
.topboxarea {
	padding-bottom: 10px;
}
.topboxarea h2 {
	background-color: #ede9e3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	margin-bottom: 5px;
	line-height: 160%;
}
.topboxarea p {
	font-size: 93%;
	line-height: 160%;
}
.topboxarea .menuimage {
		float: left;
	width: 200px;
}
.topboxarea img.menuimg {
	border: 3px solid #e2e2e2;
	padding: 1px;
}

.tokutensetumei {
	background-color: #edf9fa;
	padding: 10px;
	margin-bottom: 20px;
}
.tokutensetumei table {
		border-collapse: collapse;
  border: solid 1px #ccc;
  font-size: 93%;	
		line-height: 150%;
	color: #444;
}


.tokutensetumei  td {
	padding: 4px 12px;
	border: dotted 1px #ccc;
	background-color: #FFFFFF;
}
.tokutensetumei  th {
padding: 4px 6px;
		border: solid 1px #ccc;	
  text-align: left;
  white-space: nowrap;
		font-weight:normal;
		background-color:#D1ECF2;
}
.tokutensetumei  caption {
	font-size: 93%;
	color: #0084ab;
	text-align: left;
	padding-bottom: 3px;
}
.chargelist {
	padding-bottom: 20px;
	padding-top: 10px;
}
.chargelist table {
	margin-top: 0.2em;
	margin-bottom: 1em;
	border-collapse: collapse;
	border: solid 1px #ccc;
	font-size: 85%;
	color: #444;
	line-height: 150%;
	width: 675px;
}


.chargelist td {
	border: dotted 1px #ccc;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.chargelist  th {
	border: solid 1px #ccc;
	text-align: center;
	white-space: nowrap;
	font-weight:normal;
	background-color:#D1ECF2;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.chargelist caption {
	font-size: 93%;
	color: #0084ab;
	text-align: left;
	padding-bottom: 3px;
}
.chargelist td.price {
	text-align: right;
}

.chargelist .menuname {

	font-size: larger;
	font-weight: bold;
}
.rentalmember {
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 3px solid #ceecf2;
}
.chargelist td.price2 {
	text-align: center;
}

.rentalmember h3 {
	font-size: 100%;
	color: #0084ab;
	line-height: 140%;
}
.rentalmember table {

	margin-top: 0.2em;
	margin-bottom: 1em;
	border-collapse: collapse;
	border: solid 1px #999;
	font-size: 85%;
	color: #444;
	line-height: 150%;
	width: 635px;
}
.rentalmember td {

	border: dotted 1px #ccc;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.rentalmember th {

	border: solid 1px #ccc;
	text-align: center;
	white-space: nowrap;
	font-weight:normal;
	background-color:#D1ECF2;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.chulist {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.chulist li {
	font-size: 85%;
	line-height: 160%;
	list-style-type: disc;
	margin-left: 20px;
}
.topleftarea {
	float: left;
	width: 470px;
}
.toprightarea {
	float: right;
	width: 190px;
}
.osusumetop {
	background-color: #f3ede5;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #d8d1c5;
}
.osusumetop ul {
	list-style-type: none;
	padding-top: 10px;
}
.osusumetop li {
	border-top-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 93%;
	line-height: 140%;
	background-image: url(/stay/img/detailline.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.osusumetop a {
	color: #666666;
	text-decoration: none;
}
.osusumetop a:hover {
	color: #999999;
}
.osusume {
	background-color: #f3ede5;
	padding: 20px 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #d8d1c5;
}

.osusume h3 {
	background-color: #d8d1c5;
	margin-top: 20px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-size: 100%;
	line-height: 130%;
	font-weight: bold;
	color: #514e49;
	margin-bottom: 10px;
}
.osusume img.menuphoto {
	background-color: #FFFFFF;
	padding: 4px;
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	border: 1px solid #d8d2c7;
}
.osusume p.txt {
	font-size: 93%;
	line-height: 180%;
	color: #514e49;
	padding-bottom: 10px;
}
.osusumeinfo {
	padding-top: 3px;
	padding-bottom: 10px;
}
.osusumeinfo table {
	width: 450px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #e0d6bf;
	border-left-color: #e0d6bf;
}
.osusumeinfo th {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0d6bf;
	font-size: 93%;
	line-height: 160%;
	font-weight: bold;
	text-align: left;
	color: #514e49;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e0d6bf;
	padding-left: 8px;
	background-color: #edf9fa;
}
.osusumeinfo td {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0d6bf;
	font-size: 93%;
	line-height: 160%;
	font-weight: normal;
	text-align: left;
	color: #514e49;
	padding-right: 8px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e0d6bf;
	background-color: #FFFFFF;
}
.menuimage {
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.menudetail {
	float: right;
	width: 350px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.menulist {
	padding-bottom: 20px;
}
.menulist table {
	margin-bottom: 1em;
	border-collapse: collapse;
	border: solid 1px #999;
	font-size: 85%;
	color: #444;
	line-height: 150%;
	width: 350px;
}


.menulist td {
	border: dotted 1px #ccc;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.menulist  th {
	border: solid 1px #ccc;
	text-align: left;
	white-space: nowrap;
	font-weight:normal;
	background-color:#D1ECF2;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	width: 60px;
}
.menulist caption {
	font-size: 93%;
	color: #0084ab;
	text-align: left;
	padding-bottom: 3px;
}
.menulist td.price {
	text-align: right;
}

.menulist .menuname {

	font-size: larger;
	font-weight: bold;
}

.contact {
	background-color: #f3ede5;
	padding-top: 20px;
	padding-bottom: 20px;
}
.contactmain {
	background-image: url(/restaurant/img/osusumebg.gif);
	background-repeat: repeat-y;
	padding-right: 30px;
	padding-left: 30px;
	background-position: -270px;
}
.contactmain .titlearea {
	float: left;
	width: 190px;
}
.contactmain .phonearea {
	float: right;
	width: 400px;
	font-size: 93%;
	line-height: 140%;
	color: #514e49;
}
.phonearea h3 {
	background-color: #d8d1c5;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-size: 100%;
	line-height: 130%;
	font-weight: bold;
	color: #514e49;
	margin-bottom: 10px;
}
.infotxt {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 93%;
	line-height: 160%;
}
.infotxt li {
	padding-bottom: 5px;
	text-indent: 0px;
	padding-left: 20px;
}
.exl {
	background-image: url(/common/img/xls_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.infotxt ul {
	margin-left: 20px;
}
.menuright {
	float: right;
	width: 325px;
	padding-top: 20px;
}
.menuleft {
	float: left;
	width: 325px;
	padding-top: 20px;
}
h3.kids {
	font-size: 112%;
	font-weight: bold;
	color: #0084ab;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0084ab;
}
.todayt {
	font-size: 100%;
	font-weight: bold;
	color: #0088b0;
	padding-bottom: 5px;
}
.todayt span {
	font-size: 140%;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
.update {
	font-size: 85%;
	float: right;
}