@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: 25px;
}

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


.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%;
}
.boxarea h3 {
	font-size: 100%;
	color: #0084ab;
	line-height: 140%;
}
.topleftarea {
	float: left;
	width: 300px;
}
.toprightarea {
	float: right;
	width: 350px;
}
.chargelist {
	padding-bottom: 20px;
	padding-top: 10px;
}
.chargelist table {
	margin-top: 0.2em;
	margin-bottom: 1em;
	border-collapse: collapse;
	border: solid 1px #999;
	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 .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;
}
.infoleft {
	float: left;
	width: 330px;
}
.inforight {
	float: right;
	width: 330px;
}
.restinfo {
	padding-top: 3px;
	padding-bottom: 10px;
}
.restinfo table {
	width: 330px;
}
.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;
}
.aniboxarea {
	padding-bottom: 20px;
	background-image: url(/service/img/ilovemanza/titlebg.jpg);
	background-repeat: no-repeat;
}
.aniboxarea h2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 50px;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 160%;
	margin: 0px;
}
.aniboxarea h3 {
	font-size: 100%;
	color: #0084ab;
	line-height: 140%;
	padding-left: 10px;
	padding-right: 10px;
}
.moviearea {
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
.moviearea .douga {
	float: right;
	width: 400px;
}
.moviearea .textarea {
	float: left;
	width: 240px;
}
.download {
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}

.linkarea {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 20px;
}
.linkarea li {
	background-image: url(/common/img/listbullet.gif);
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-bottom: 10px;
	font-size: 85%;
}
.linkarea ul {
	list-style-type: none;
}
.linkarea li a {
	color: #007699;
}
.finish {
	font-weight: bold;
	color: #FF0000;
	padding: 10px;
}
.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;
}

.tokutenlist {
	padding-top: 5px;
	padding-bottom: 10px;
	list-style-type: none;
}
.tokutenlist li {
	float: left;
	width: 225px;
	padding-bottom: 10px;
}
.tokutenlist li img {
	border: 3px solid #e2e2e2;
	padding: 1px;
}

.tokutenlist p.tokutent {
	font-size: 100%;
	line-height: 130%;
	width: 215px;
	padding-top: 4px;
	font-weight: bold;
	color: #0084ab;
}

.premiamroom {
	border:3px solid #cbe6ed;
	padding: 10px;
}
.premiamroom h2 {
	font-size: 100%;
	font-weight: bold;
	color: #0084ab;
	text-align: center;
	padding-bottom: 10px;
}