@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;
}


.topinfo{}
.topinfo ul {
	list-style-type: none;
	padding-top: 20px;
}
.topinfo 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;
}
.topinfo a {
	color: #666666;
	text-decoration: none;
}
.topinfo a:hover {
	color: #999999;
}
.osusumeinfo {
	padding-top: 3px;
	padding-bottom: 10px;
}
.osusumeinfo table {
	width: 388px;
	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;
}
.eigyo {
	font-size: 100%;
	color: #0084ab;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	line-height: 140%;
}
.eigyo table {
	margin-top: 3px;
	margin-bottom: 3px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #7abcd0;
	border-left-color: #7abcd0;
}

.eigyo th {
	background-color: #eee;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #7abcd0;
	border-bottom-color: #7abcd0;
}
.eigyo td {
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #7abcd0;
	border-bottom-color: #7abcd0;
	color: #333333;
}



p.date {
	font-size: 100%;
	font-weight: bold;
	color: #0084ab;
	padding-top: 5px;
}


p.note {
	font-size: 85%;
	color: #444;
	padding-bottom: 15px;
	line-height: 160%;
}
table.sorting {
  margin-top: 0.2em;
  margin-bottom: 1em;
		border-collapse: collapse;
  border: solid 1px #ccc;
  font-size: 93%;
	color: #444;
}


table.sorting td {
  padding: 4px 12px;
		border: dotted 1px #ccc;	
		line-height: 150%;
}
table.sorting th {
padding: 4px 6px;
		border: solid 1px #ccc;	
		line-height: 150%;
  text-align: center;
  white-space: nowrap;
		font-weight:normal;
		width: 40px;
		background-color:#D1ECF2;
}
.detailmain {
	float: left;
	width: 400px;
	padding-bottom: 20px;
}
.detailinfo {
	float: right;
	width: 250px;
	padding-bottom: 20px;
}
p.infot {
	background-color: #f3ede5;
	padding: 6px;
}
.restinfo {
	padding-top: 3px;
	padding-bottom: 10px;
}
.restinfo table {
	width: 250px;
}
.restinfo th {
	padding-top: 4px;
	padding-right: 15px;
	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;
}
.restinfo 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;
}
.topleftarea {
	float: left;
	width: 440px;
}
.toprightarea {
	float: right;
	width: 210px;
}
.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;
}
.boxarea {
	padding-bottom: 20px;
}
.boxarea h2 {
	background-color: #d8d1c5;
	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%;
	margin-top: 15px;
}
.boxarea p {
	line-height: 160%;
}
.bannerspace {
	padding-bottom: 10px;
	list-style-type: none;
}
.bannerspace li {
	padding-bottom: 10px;
}
.bannerspace li a img {
	border: 3px solid #e2e2e2;
	padding: 1px;
}

.bannerspace p {
	font-size: 78%;
	line-height: 130%;
	width: 170px;
}
.relaxtable {
	padding-top: 3px;
	padding-bottom: 10px;
}
.relaxtable table {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e0d6bf;
}
.relaxtable th {
	padding-top: 4px;
	padding-right: 15px;
	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: #0084ab;
}
.relaxtable 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: 4px;
}
h3 {
	font-size: 114%;
	font-weight: bold;
	color: #666666;
	padding-top: 10px;
}
.menuname {
	font-weight: bold;
	color: #0084ab;
}