@charset "UTF-8";



/***** common *****/



body {

	margin: 0;

	padding: 0;

	font-size: 12px;

	color: #582600;

	line-height: 18px;

	background-color: #613413;

	/*****background: url(../images/bg.gif)repeat-y;*****/

	background-image: url(../images/bg.jpg);

	background-repeat: no-repeat; 

	background-position: center top;

	}



img{

border:none;

}



.clear{

clear:both;

height:0;

line-height:0;

}



.clear hr { display:none; }

.b { font-weight:bold; }

.red {

	color:#CC0000;

}



p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,form{

margin:0;

padding:0;

font-size:100%;

}



/***** links *****/



a{text-decoration:none;}



a:link{

	color:#CC0000;

	text-decoration:none;

}



a:visited{

	color:#CCCC00;

	text-decoration:none;

}



a:hover{

text-decoration:underline;

}



a:active{

color:#FF0000;

text-decoration:underline;

}





/***** layout *****/



#wrap {

	width: 800px;

	margin: 0 auto;

	text-align: left;

	background-color: #fff;

	background-image: url(../images/bg_content.jpg);

	background-repeat: no-repeat; 

	}

	



#wrap_photo {

	width: 800px;

	margin: 0 auto;

	background-color: #BBB267;

	background-image: url(../images/bg_content_photo.jpg);

	background-repeat: no-repeat;

	}

	

/***** contents *****/

#contents {

	width: 800px;



}





/***** header *****/

#header {

	width: 800px;

	height:110px;

	margin: 0 auto;

}



#address_box{

	width: 450px;

	height:auto;	

	float:right;

    margin-top:30px;

	text-align:right;

	}



#address{

	font-size: 12px;

	color: #582600;

	line-height: 18px;

	font-weight: bold;

	}





/***** title image box *****/

#image_box{

	width:800px;

	height:90px;

	margin:0 auto;

	margin-top: 13px;

}





/***** contents box *****/

#editorial_box {

	width: 480px;

	float: left;

	padding:30px;

}
#editorial_box2 {

	width: 440px;

	float: left;

	padding:30px 0px 30px 20px;

}
#editorial_box1 {

	width: 750px;

	float: left;

	padding:30px;

}

#wrap h1.title {

	font-size:1.3em;

	color: #CC0000;

	line-height: 18px;

	font-weight:bold;

	margin-bottom:10px;

	padding:0;

}

#wrap h1.title2 {
	font-size:17px;
	color: #785628;
	line-height: 18px;
	font-weight:bold;
	margin-bottom:5px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}

#wrap h1.title3 {
	font-size:14px;
	color: #785628;
	line-height: 18px;
	font-weight:bold;
	margin-bottom:10px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}

#wrap h2.title2 {
	font-size:14px;
	color: #BFB66B;
	line-height: 18px;
	font-weight:bold;
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}


#wrap h2.title {

	font-size:1.4em;

	color: #CC0000;

	line-height: 18px;

	font-weight:bold;

	margin-bottom:10px;

	padding:0;

}



#contents_right {
	width: 220px;
	float: left;
	margin:0 auto;
	padding:20px;
}

#contents_right1 {
	width: 305px;
	float: right;
	margin:0 auto;
	padding:10px;
}



.banner_box {

	width: 200px;

	float: left;

	margin-bottom:15px;

}

.banner_box1 {
	width: 200px;
	margin-bottom:15px;
	text-align: center;
}
.banner_box2 {
	width: 305px;
	margin-bottom:15px;
	text-align: center;
}

/***** Photo Gallery *****/



#gallery_box {

width: 670px;

padding:40px;

margin: 0 auto;

/*margin: 30px 65px 0 65px; IE6 Bug*/

}



.photo_box {

width: 120px;

height:120px;

float:left;

margin:0 62px 30px 0;

}



.photo_boxr {

width: 120px;

height:120px;

float:left;

margin:0 0 30px 0;

}



/***** Menu *****/



.caption{

color:#a8a16f;

text-align:center;

}





/***** rolloverMenu  *****/



#rolloverMenu li {

  margin-bottom: 5px;

  color: #fff;

  overflow: hidden;

}



#rolloverMenu li a {

	background-color: #fff;

	background-image: url(../images/bt_menu_on.jpg);

	background-repeat: no-repeat; 

  /**background: #00f url(../images/bt_menu.jpg) left top no-repeat;**/

  color: #fff;

  display: block;

  position: relative;

  overflow: hidden;

  text-align: center;

  width: 200px;

  height: 200px;

}



#rolloverMenu li a:hover {

	background-color: #FFF;

}



#rolloverMenu li a img {

	background-color: #FFF;

}



#rolloverMenu li a:hover img {

  position: relative;

  top: -200px;

}



/***** rolloverLunch menu  *****/



#rolloverlunch li {

  margin-bottom: 5px;

  color: #fff;

  overflow: hidden;

}



#rolloverlunch li a {

	background-color: #fff;

	background-image: url(../images/bn_lunch_on.jpg);

	background-repeat: no-repeat; 

  /**background: #00f url(../images/bn_lunch_on.jpg) left top no-repeat;**/

  color: #fff;

  display: block;

  /**position: relative;**/

  overflow: hidden;

  text-align: center;

  width: 200px;

  height: 120px;

}



#rolloverlunch li a:hover {

	background-color: #FFF;

}



#rolloverlunch li a img {

	background-color: #FFF;

}



#rolloverlunch li a:hover img {

	position: fixed;

	top: -200px;

}





/***** footer *****/

#footer {

	width: 800px;

	clear: both;

	color:#CAC37F;

	display: block;

	position: relative;

	overflow: visible;

	text-align: center;

	background-color: #613413;

}



#footer p {

	margin: 0;

	padding: 10px 0;

	text-align: left;

}