@CHARSET "UTF-8";
#cafe-html {
	font-family: "hm5";
	position: relative;
	background-image: url(../img/cafe/header-line.png),
					  url(../img/cafe/back.png);
	background-repeat: repeat-x,
						repeat;
	background-position: top,
						top;

/* 	background-image: ; */
}
#container-cafe {
	width: 100%;
/* 	position: absolute; */
/* 	left: 50%; */
/* 	margin-left: -400px; */
}
#container-cafe {
/* 	width: 100%; */
/* 	overflow-x: hidden; */
/* 	background-image: url(../img/cafe/back.png); */
}
#contents-cafe {
	position: absolute;
	width: 800px;
	left: 50%;
	margin-top: -155px;
/* 	margin-left: auto; */
/* 	margin-right: auto; */
	margin-left: -400px;
/* 	border: 1px solid #000000; */
}
header {
	position: relative;
	height: 250px;
}
.header-index {
	position: absolute;
	width: 1000px;
	height: 260px;
	top: -70px;
	left: 50%;
	margin-left: -530px;
	background-image: url(../img/cafe/header.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 9999;
/* 	border: 1px solid #000000; */
}
.header-line {
	position: absolute;
	width: 100%;
	height: 80px;
/* 	background-image: url(../img/cafe/header-line.png); */
/* 	background-repeat: repeat-x; */
/* 	background-position: top; */
	z-index: 9997;
}
.box01 {
	position: relative;
	width: 750px;
	height: 490px;
/* 	margin-top: -150px; */
	margin-left: auto;
	margin-right: auto;
/* 	border: 1px solid #000000; */
}
.box02 {
	position: relative;
	width: 750px;
	height: 650px;
	margin-left: auto;
	margin-right: auto;
/* 	border: 1px solid #000000; */
}
.box03 {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	font-family: kgpr;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../img/cafe/line.png),
	                  url(../img/cafe/line.png);
	background-repeat: repeat-x,
	                   repeat-x;
	background-position: top,
	                     bottom;
}
.box04 {
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
/* 	margin-top: 20px; */
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #998675;
}
.box01 h1 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../img/cafe/line.png),
	                  url(../img/cafe/line.png);
	background-repeat: repeat-x,
	                   repeat-x;
	background-position: top,
	                     bottom;
}
.box02 h1 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../img/cafe/line.png),
	                  url(../img/cafe/line.png);
	background-repeat: repeat-x,
	                   repeat-x;
	background-position: top,
	                     bottom;
}
.text-detaile01 {
	position: absolute;
	top: 60px;
	left: 90px;
	font-family: kgpr;
}
.text-detaile02 {
	position: absolute;
	top: 220px;
	left: 200px;
	font-family: kgpr;
}
.text-detaile03 {
	position: absolute;
	top: 320px;
	left: 360px;
	font-family: kgpr;
}
.text-detaile04 {
	position: absolute;
	top: 90px;
	left: 20px;
	font-family: kgpr;
}
.text-detaile05 {
	position: absolute;
	top: 200px;
	left: 180px;
	font-family: kgpr;
}
.text-detaile06 {
	position: absolute;
	top: 300px;
	left: 180px;
	font-family: kgpr;
}
.text-detaile07 {
	position: absolute;
	top: 440px;
	left: 180px;
	font-family: kgpr;
}

.img-box01 {
	position: absolute;
	top: 50px;
	left: 430px;
	z-index: 9999;
}
.img-box02 {
	position: absolute;
	top: 190px;
	left: -40px;
}
.img-box03 {
	position: absolute;
	top: 80px;
	left: 580px;
}
.img-box04 {
	position: absolute;
	top: 190px;
	left: 10px;
}
.img-box05 {
	position: absolute;
	top: 300px;
	left: 615px;
}
.img-box06 {
	position: absolute;
	top: 400px;
	left: 40px;
}

.comment01 {
	width: 450px;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	margin-left: -60px;
	display: block;
}
.comment02 {
	width: 290px;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	display: block;
}
.comment03 {
	width: 450px;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	display: block;
}
.comment04 {
	width: 540px;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	display: block;
}
.comment05 {
	width: 580px;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	display: block;
}
.comment06 {
	width: 420px;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	display: block;
}
.comment07 {
	width: 570px;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
	display: block;
}
.contents-box {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.contents-left {
	vertical-align: top;
	padding-right: 10px;
	display: table-cell;
}
.contents-right {
	font-size: 15px;
	line-height: 1.5;
	vertical-align: middle;
	display: table-cell;
}
.contents-left01 {
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;
	display: table-cell;
}
.contents-right01 {
	line-height: 1.5;
	vertical-align: middle;
	padding-right: 30px;
	display: table-cell;
}
.link01 {
	position: absolute;
	left: 530px;
	bottom: 40px;
	display: block;
}
.link02 {
	position: absolute;
	left: 530px;
	bottom: 15px;
	display: block;
}
.link03 {
	position: absolute;
	width: 280px;
	top: 5px;
	left: 350px;
	font-size: 13px;
	font-family: "unao";
	padding: 3px;
	display: block;
	border-radius: 5px;
/* 	border: 1px solid #000000; */
	background-color: #ffffff;
}
.link04 {
/* 	width: 350px; */
/* 	font-size: 13px; */
	padding: 5px;
	display: table-cell;
}
.link05 {
	color: #000000;
	text-decoration: none;
}
.link01 a,.link02 a,.link04 a {
	color: #42210b;
	font-size: 14px;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../img/cafe/arrow.png);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
}
.link03 a {
	color: #42210b;
	text-decoration: none;
	display: block;
}
.link01 a:hover,.link02 a:hover,.link03 a:hover,.link04 a:hover,.link05:hover {
	color: #ff0000;
	text-decoration: underline;
}
.text {
	display: table-cell;
}
.contents-right ul {
	list-style-type: none;
}
.contents-right li  {
	color: #42210b;
	font-size: 14px;
	font-family: kgpr;
/* 	margin-bottom: 5px; */
}
footer {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.box05 {
	width: 380px;
	font-family: kgpr;
	margin-left : auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
/* 	border: 1px solid #000000; */

}
footer {
	position: relative;
}
.sitename {
	font-size: 13px;
	display: table-cell;
}

.footer-back {
	position: absolute;
	right: -190px;
	bottom: 0px;
	z-index: 9999;
}