body {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;
	background:#90ee90;/*#87ceeb;*/
}

html, body, #wrapper, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
	margin: 0;
	padding: 0;
	list-style: none;
}

th, td {
	font-size: 11px;
}

img { border: 0px solid white}


#wrapper {
	margin: 16px auto;
	text-align: left;
	width: 350px;
	position: relative;
}

h1 {
     font-size: /*43px*/ 14px; 
     font-family: /*bradley hand itc*/ verdana;
}

h2   {font-size: 20px;
      font-family: /*Edwardian Script ITC*/ Verdana;
             
}

h3 {
	font-size: 10px;
}


h1 {
	margin: 0;
	padding: .3em;
}

h2 {
	margin: 0 0 0 0;
	padding: 0;
}

h3 {    
	padding: 4px 0 0 0;
}


h2 a {
	text-decoration: none;

}

h2 a:hover {
	     color: #8b0000; /*#0000ff;*/ 
	     text-decoration: underline;

}

h3 a {  color: #00ff00;/*#8b0000;*/
	text-decoration: none;

}

h3 a:hover {
	     color: #8b0000;/*#0000ff;*/ 
	     text-decoration: underline;

}

p {
	margin: 1em 0;
	padding: 0;
}


p a {
	text-decoration: none;

}

p a:hover {
	     color: #8b0000; 
	     text-decoration: underline;

}

.block {
	display: block;
}

.clear {
	clear: both;
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 1px;
}

* htm .clear {
	margin-top: -5px;
	margin-bottom: -4px;
} 

.left { 
	float: left;
	margin: 1px 8x 0px 0px;
}


.softright {
	text-align: right;
}

.readmore {
	text-align: right;
}

.imagecolumn {
  column-count: 3;
  /*column-rule-width: thick;*/
  
}

/* ***** */

/*body {
	background: 00FF00;#87ceeb;
	color: #251200;
}*/

#wrapper {
	width: 780px;
	background: /*#FFFF00;*/#ffffff;
}

h1 .contact {text-align: center;
             font-size: 23px; 
             font-family: bradley hand itc;
}

a {
	color: #422100;
}

a:hover {
	color: #231201;
}

#body #events .readmore a, #body .readmore a, #hotstuff .readmore a {
	color: #000000;
	text-decoration: none;
}

#body .readmore a:hover, #body #events .readmore a:hover, #hotstuff .readmore a:hover {
	text-decoration: underline; color:#8b0000;/*#0000ff;*/
}

/* header */

#header {
	background: url(businesscard.jp) top left no-repeat;
	height: 299px; width: 100%;
	margin: 0;
	border-bottom: 1px solid /*black;*/green;
}

#header h1 {
	text-align: center;
        /* border-top: 1px solid black; */ 
	/* border-bottom: 1px solid black; */
}

#header #nav {
	font-size: 9px;
	text-align: center;
	background: #00ff00;/*#170E01;#8b0000;*/
	color: /*#D4A66F;*/#ffffff;
	font-weight: bold;
	width: 479px;
	position: absolute;
	top: 86px;
	left: 291px;
	padding: 9px 0 10px 0;
	margin: 0;
	border-top: 0px solid /*black;*/green;
	border-bottom: 0px solid /*black;*/green;
}

#header #nav li {
	  display: inline;  
}

#header #nav a {
	color: /*#d4a66f;*/ #ffffff;
	text-decoration: none;
}

#header #nav a:hover {
	color: #8b0000;
	text-decoration: underline;
}

#header #welcome {
  position: absolute;
  top: 122px; left: 300px;
  width: 470px; height: 173px;
  /* overflow: auto;*/
  
}

#header #welcome h2 {
	padding: 0.2em 0 0 0;
	margin: 0;
	line-height: 1;
}

#header #welcome p {
	margin: 0.5em 0;
}

* html #header #welcome p {
	margin: 0.5em 0;
}

#header #welcome p {
	padding-left: 0;
}

#header #welcome p a {color: #00ff00; text-decoration:none
}

#header #welcome p a:hover {text-decoration:underline; color: #8b0000 /*#0000ff;*/
}

#header #welcome p em a:hover {text-decoration:underline; color: #8b0000 /*#0000ff;*/
}


/* body */

#body {
	position: relative;
	color: #251200;
	background: url(images/body_bg.gif) repeat-y;
        
}

#body-i {
	width: 100%;
	background: url(images/photo.jpg) top right no-repeat;
         
}

#body #hevents {
	position: absolute;
	top: 0; left: 350px;
}

* html #body #hevents {
	position: relative;
	top: 0; left: 0;
	margin-top: -32px;
}

#body #gevents {
	position: absolute;
	top: 0; right: 0/*70px*/;
}

* html #body #gevents {
	position: relative;
	top: 0; right: 0;
	margin-top: -32px;
}

#body #specials {
	float: left;
	width: 286px;
	margin-left: .5px;
	display: inline;
}

#body #events {
	float: left;
	width: 235px;
	margin-left: 10px;
	display: inline;

}

#body .imagebox {
	padding: 2px 8px 2px 37px;
	/* margin: 2px 0; */
	background: /*#ffff00*/#ffffff 0px no-repeat;
        /* border-top: 1px solid black; */
	/* border-bottom: 1px solid black; */
        
}

#body .imagebox1 {
	padding: 2px 8px 2px 60px;
	margin: 1px 0;
}

#body h3, #body p {
	margin: 0.2em 0 0.2em 0;
}

#body #events a {
	color: #00ff00;/*#8b0000;*/
}

#body #events a:hover {
	color: #8b0000;/*#0000ff;*/
}

#events .readmore {
	margin-bottom: 0;
}

.fl{ float:right;}

.mySlides {display:none;}

.slidepart{ width:247px; height:280px; overflow:hidden; position:relative;} 
.slidepart img {position:absolute; }
.sl_paginationpart{ background:url(images/slide_paginationbg.png) no-repeat left; 
                    width:auto; height:15px; display:block; position:absolute; 
                    right:15px; bottom:0px; padding:6px;}
/* .sl_paginationpart{ background:url(images/slide_paginationbg.png) no-repeat left; 
                    width:auto; height:15px; display:block; position:absolute; 
                    right:0px; bottom:0px; padding:6px;} */
ul.slpagination{ margin:0px; padding:0px; list-style:none; font-family:tahoma; }
ul.slpagination li{ margin:0px; padding:0px; list-style:none; float:left; }
ul.slpagination li a.prev{background:url(images/sl_prev.png) no-repeat; width:14px; 
                          height:15px; display:block; margin-top: 2px;}
ul.slpagination li a.next{background:url(images/sl_next.png) no-repeat; width:14px; 
                          height:15px; display:block; margin-top: 2px; }
ul.slpagination li a.number{background:url(images/sl_nobg.png) no-repeat; width:18px; 
                            height:18px ; display:block; text-align:center; 
                            margin:0px 3px; font-size:10px; font-weight:bold; 
                            /* color:#006aa6;*/ color:#8b0000;text-decoration:none; }
ul.slpagination li a.select{background:url(images/select_sl.png) no-repeat; color:#fff; }




/*{
  box-sizing: border-box;
}*/

.column {
  float: left;
  width: 25%;
  padding: 0px;
}

  /*Clearfix (clear floats)*/ 
.row::after {
  content: "";
  clear: both;
  display: table;
}


/*#stuffheading {
	font-size: 9px;
	text-align: center;
	background: /*#90ee90;#00ff00;
	color: #ffffff;
	font-weight: bold;
	width: 100%;/* 479px;
	position: absolute;
	top: 386px;
	left: 291px;
	padding: 5px 0 5px 0;/*9px 0 10px 0
	margin: 0;
	border-top: 1x solid green;
	border-bottom: 1px solid green;
}	*/

/* hotstuff1 */

#hotstuff1 {
	width: 100%;
	background: /*#170e01;#8b0000*/ #00ff00 repeat-y;
  border-top: 0px solid green;
	border-bottom: 0px solid green;
  overflow:hidden;
  position:relative;
  padding: 0px 0 0px 0;
   
}

#hotstuff1 h2 {font-family: tahoma;
               font-size: 9px;
               color: /*#d4a66f;*/#ffffff;
               text-align: center;	
	       padding: 9px 0 10px 0;
	       margin: 0; 	

}

#hotstuff1 .imagebox {
	   padding: 2px 8px 2px 103px;
	   margin: 2px 0;
	   /*background: 4px no-repeat;*/ 
	   float: left;
	   width: 200px;
}

#hotstuff1 #hot-one1   { width: 180px; }
#hotstuff1 #hot-two2   { width: 140px; margin-left: 2px; }
#hotstuff1 #hot-three3 { width: 120px; margin-left: 2px; }

#hotstuff1 #hot-one1 img {float: left;
                margin-left: .5em;padding: .2em;
                position: absolute; left: 2%}

#hotstuff1 #hot-two2 img {float: left;
                margin-left: .5em;padding: .2em;
                position: absolute; left: 38%}

#hotstuff1 #hot-three3 img {float: left;
                margin-left: .5em;padding: .2em;
                position: absolute; left: 70%}

/* End of hotstuff1 */



/* hotstuff */

#hotstuff {
	width: 100%;
	background: url(images/hotstuff_bg.gif) repeat-y;
}

* html #hotstuff {
	padding-bottom: 10px;
}

#hotstuff h2 {
	background: #3b2000;
	border-top: 1px solid #fff;
}

* html #hotstuff h2 {
	width: 100%;
}

#hotstuff .imagebox {
	padding: 2px 8px 2px 103px;
	margin: 2px 0;
	background: 4px no-repeat;
	float: left;
	width: 200px;
}

#hotstuff #hot-one   { width: 180px; }
#hotstuff #hot-two   { width: 140px; margin-left: 2px; }
#hotstuff #hot-three { width: 120px; margin-left: 2px; }

* html #hotstuff #hot-one   { width: 290px; width: 180px; }
* html #hotstuff #hot-two   { width: 250px; width: 140px; }
* html #hotstuff #hot-three { width: 230px; width: 120px; }

#hotstuff h3, #hotstuff p {
	margin: 0 0 0.2em 0;
}

* html #spacer {
	margin-top: 8px;
}


/* footer */

#footer {
	padding-bottom: 2em;
}

#footer, #footer a {
	color: #986D6D;
}

#footer a:hover {
	color: #fff;
}

/*
*{
  box-sizing: border-box;
}

.column {
  float: left;
  width: 25%;
  padding: 5px;
}

/* Clearfix (clear floats) 
.row::after {
  content: "";
  clear: both;
  display: table;
}*/