@charset "Shift_JIS";
body {
text-align: center;
margin: 0px;
padding: 0px;
border: none;
color: #5B481E;
font: 12px/18px "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
background: #373101 url(../img/haikei_main.gif) repeat-y 50% 70px;
}

#main {
padding: 0px;
width: 676px;
border: none;
margin: 0px auto;
text-align: left;
z-index: 1;
}

div#nav {
width: 46px;
border: none;
z-index: 100;
margin: 50px 0px 0px;
padding: 0px;
height: 480px;
float: right;
}
div#nav ul {
margin: 0;
padding: 0;
position: relative;
height: 480px;
width: 46px;
background:transparent url(../img/img_nav.gif) no-repeat left top;
}
div#nav ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
}
div#nav ul li, div#nav a {
	height: 120px;
	display: block;
	border-style: none;
}
div#nav ul li a {
	text-indent: -9999px;
	text-decoration: none;
	border-style: none;
}
#p-home {top: 0; width: 46px; }
#p-cafe {top: 120px; width: 46px; }
#p-farm {top: 240px; width: 46px; }
#p-news {top: 360px; width: 46px; }
#p-home a:hover {background: transparent url(../img/img_nav.gif) no-repeat -46px 0px;}
#p-cafe a:hover {background: transparent url(../img/img_nav.gif) no-repeat -46px -120px;}
#p-farm a:hover {background: transparent url(../img/img_nav.gif) no-repeat -46px -240px;}
#p-news a:hover {background: transparent url(../img/img_nav.gif) no-repeat -46px -360px;}
body#home #p-home {background: transparent url(../img/img_nav.gif) no-repeat -92px 0px;	text-indent: -9999px;}
body#cafe #p-cafe {background: transparent url(../img/img_nav.gif) no-repeat -92px -120px;	text-indent: -9999px;}
body#farm #p-farm {background: transparent url(../img/img_nav.gif) no-repeat -92px -240px;	text-indent: -9999px;}

div#contents {
width: 530px;
border: none;
margin: 0px 0px 0px 60px;
padding: 0px;
float: left;
}

h1 {
margin: 0px;
padding: 0px;
background: transparent url(../img/page_top.gif) no-repeat center top;
text-indent: -9999px;
width: 676px;
height: 60px;
}

h2 {
text-decoration: none;
width: 530px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
display: block;
}
body#home h2 {
background: transparent url("../img/logo_top.gif") no-repeat left top;
height: 58px;
}
body#cafe h2 {
background: transparent url("../img/logo_cafe.gif") no-repeat center top;
height: 121px;
}
body#farm h2 {
background: transparent url("../img/logo_farm.gif") no-repeat center top;
height: 121px;
}

h3 {
font-size: 16px;
font-weight: bold;
line-height: 18px;
}

a, a:active {
	color: #3399CC;
	text-decoration: none;
	border-bottom: 1px dotted #6699CC;
}
a:hover {
	text-decoration: none;
	color: #FFFEEF;
	background: #3399CC;
}
.img_right {
float: right;
margin: 0px 0px 18px 30px;
padding: 36px 18px 68px 16px;
border: none;
background: transparent url(../img/pola.gif) no-repeat center top;
}

.img_left {
float: left;
margin: 0px 30px 18px 0px;
padding: 36px 18px 68px 16px;
border: none;
background: transparent url(../img/pola.gif) no-repeat center top;
}

.img_mr {
float: right;
margin-top: 0px;
margin-right: 0px;
margin-left: 30px;
margin-bottom: 18px;
padding: 0px;
}

.moji10 {
font-size: 10px;
line-height: 13px;
font-weight: normal;
}

.terracotta {color: #FB7833; }
.green {color: #A5B849; }
.blue {color: #3399AA; }
.aka {color: #FF0000; }

img {border: none; }
.mail {background: transparent url(../img/mail.gif) no-repeat left center;	padding-left: 17px; }

.k {
background: transparent url(../img/k.gif) no-repeat center center;
margin: 0px;
padding: 0px;
clear: both;
height: 18px;
width: 530px;
}

em {
	font-style: normal;
	font-weight: bold;
}
address {
	font-style: normal;
}

div#foot {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	padding: 0px 0px 20px 60px;
	clear: both;
}

/*swin*/
#omise, #taikai, #school {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #FFFEEF url(none);
}
body#omise div#main, body#school div#main {
color: #5B481E;
font: 12px "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	padding: 30px 30px 0px 0px;
	height: 325px;
	border-width: 0px;
	width: 3080px;
}
body#taikai div#main {
color: #5B481E;
font: 12px "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	padding: 30px 30px 0px 0px;
	height: 325px;
	border-width: 0px;
	width: 1680px;
}
body#omise h2, body#taikai h2, body#school h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	width: 250px;
	text-indent: 0px;
}
.textswin {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	z-index: 2;
	width: 250px;
	height: 325px;
	clear: none;
	float: left;
	border-width: 0px;
}
.imgswin {
	z-index: 2;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	background: transparent url(../img/pola_sub.gif) no-repeat left top;
	clear: none;
	float: left;
	border-width: 0px;
	height: 325px;
	width: 250px;
}
.img {
	margin: 0px;
	z-index: 3;
	height: 221px;
	width: 216px;
	padding-top: 36px;
	padding-left: 16px;
	display: block;
}
div.imgswin p {
	line-height: 15px;
	color: #666666;
	width: 216px;
	margin: 0px;
	padding: 8px 0px 0px 16px;
	text-align: center;
}

/*menu*/
#menu {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background: #FFFEEF url(../../cafe/menu/img/haikei_menu.gif) repeat-y 50% 0px;
}
body#menu div#main {
	padding: 0px 0px 30px;
	width: 610px;
	margin: 0px auto;
	line-height: 18px;
	color: #5B481E;
}
.mid {
	padding: 28px 30px 0px;
	width: 550px;
	float: left;
	margin: 0px;
	vertical-align: middle;
}
.left {
	font-size: 12px;
	line-height: 1.4em;
	color: #5B481E;
	text-align: left;
	padding: 20px 10px 0px 30px;
	width: 170px;
	float: left;
	margin: 0px;
}
.center {
	font-size: 12px;
	line-height: 1.4em;
	color: #5B481E;
	text-align: left;
	padding: 20px 10px 0px;
	width: 170px;
	float: left;
	margin: 0px;
}
.right {
	font-size: 12px;
	line-height: 1.4em;
	color: #5B481E;
	text-align: left;
	padding: 20px 30px 0px 10px;
	width: 170px;
	float: left;
	margin: 0px;
}
body#menu h1 {
	padding: 0px;
	text-indent: -9999px;
	margin: 0px;
	height: 71px;
	width: 610px;
	border-width: 0px;
	background: transparent url(../../cafe/menu/img/ue.gif) no-repeat center top;
}
body#menu h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;

/*top*/

div#counter {
position: absolute;
left: 0px;
top: 0px;
visibility: hidden;
text-align: left;
}