/*---------------------------------------- BANJARA CSS ----------------------------------------*/

*	{font-size:small;line-height:100%;margin:0;padding:0;}

body{
	margin:  0 auto; padding:  0;
	text-align: center; 
	background-color: #fff8a0;
}
body.top{
	background-color: #666330; font-size: 8px;
}
a { color: #9a7800; }
	a:hover { color: #ec2; text-decoration: underline ! important; }

/*------------------------------------------ top -----------------------------------------------*/
div#curtain { width: 100%; height: 900px; position: absolute; left: 0; z-index:  5; 	visibility: hidden;  }
	div#curtain_a { background: #f00 url('_materials/curtain1.png') repeat 0 0; height: 100%; }
	div#curtain_b { background: transparent url('_materials/curtain2.png') repeat-x 0 0; height: 87px; }

div#welcome{ width: 100%; text-align: center; position: absolute; top: 50%; left: 0; visibility: hidden; z-index: 9; }
	div#welcome a {
		color: #ffffee  ! important;	filter: Shadow (color=#998822); 
		font: normal bold 13px/130% "Times New Roman"; 
		display: block; text-decoration: none;
	}
	div#welcome span{ font-size: 10px; font-weight: bold; }

div#toppage { margin: 0 auto; position: relative; 	width: 550px; height: 100%; }

	div#toppage p { margin:  0; font-size: 14px; text-align: right; }
	div#toppage span { position: relative; top: -5px; font-size: 10px; border-bottom: 1px solid #000; }

	div#title {
		position: absolute; top:  25px; left: 0;  z-index: 3; visibility: hidden;
		background: transparent url('_materials/titlelogo.png') no-repeat 0 0;
		width: 455px; height: 81px;
	}
	div#welcom {
		position: absolute; top:  115px; left: 45px;  z-index: 2; visibility: hidden;
		background: transparent url('_materials/welcome.png') no-repeat 0 0;
		width: 360px; height: 34px;
	}
	div#banjar {
		position: absolute; top:  131px; left: 34px;  z-index: 1; visibility: hidden;
		background: transparent url('_materials/banjara.png') no-repeat 0 0;
		width: 382px; height: 436px;
	}

	div#rstbar {
		position: absolute; top:  521px; left: 227px;  z-index: 4; visibility: hidden;
		background: transparent url('_materials/logo2.png') no-repeat 100% 100%;
		width: 320px; height: 100px;
	}
		div#rstbar a { font: normal bold 16px/130% ""; text-decoration: none; }

	body.top2 div{
		visibility: visible!important;
	}

/*------------------------------------------ topmenu -----------------------------------------------*/
div#base1{
	position: relative; margin: 20px auto; width: 550px; height: 610px;
	background: transparent url('_materials/bg00.png') no-repeat 0 0;
}
div#menubase , div#menubase_j {
	position: absolute; top: 252px; left:  103px; 
	width: 346px; height: 238px;
	background: transparent url('_materials/bg01.png') no-repeat 0 0;
}
	div#menubase a {
		color: #000  ! important;/*	filter: Shadow(color=#bfac66);*/
		font: normal bold 18px/130% "Times New Roman"; 
		display: block; text-decoration: none;
	}
	div#menubase_j a {
		color: #000  ! important;/*	filter: Shadow(color=#bfac66);*/
		font: normal bold 14px/160% ""; 
		display: block; text-decoration: none;
	}
		div#menubase a:hover , div#menubase_j a:hover {
			color: #fc0 ! important; text-decoration: underline;
		}
div#menu  {
	width: 50%; margin: 20px auto 0; padding: 8px 0;
	border-top: 1px solid #000; 
}

div#cnt  {
	width: 50%; margin: 0 auto 8px; padding: 8px 0;
	border-top: 1px solid #000; border-bottom: 1px solid #000; 
}
a#lang_j  {
	position: absolute; top: 510px; left: 250px; width: 47px; height: 95px;
	background: transparent url('_materials/sam.png') no-repeat 0 0; display: block; 
}
	a#lang_j:hover  {
		background: transparent url('_materials/sam.png') no-repeat 100% 0;
	}
a#lang_e  {
	position: absolute; top: 510px; left: 250px; width: 47px; height: 95px;
	background: transparent url('_materials/pal.png') no-repeat 0 0; display: block; 
}
	a#lang_e:hover  {
		background: transparent url('_materials/pal.png') no-repeat 100% 0;
	}

a#music  {
	position: absolute; bottom: 0; left: 0; width: 44px; height: 80px;
}

a#gotop  {
	position: absolute; top: 65px; left: 200px; width: 130px; height: 85px;
}

/*------------------------------------------ about banjara -----------------------------------------------*/

div#aboutus_e , div#aboutus_j {
	position: absolute; top: 246px; left:  103px; 
	width: 346px; height: 238px;
}
div#img3{
	position: absolute; top: 0px; left:  102px; 
	width: 80px; height: 152px;
	background: transparent url('_materials/01b.png') no-repeat 0 0;
}
div#img4{
	position: absolute; top: 0px; left: 368px; 
	width: 80px; height: 152px; 
	background: transparent url('_materials/03b.png') no-repeat 0 0;
}
div#aboutus_e p ,  div#aboutus_e h2  {
	margin: 0 auto 1em; width: 80%; letter-spacing: 0; 
	font: normal bold 12px/150% "Times New Roman"; 
}
div#aboutus_j p {
	margin: 0;
	font: normal bold 12px/140% ""; 
}
div#aboutus_e h2.title , div#aboutus_j h2.title {
	width: 50%; margin: 8px auto 12px; padding: 2px 0; font-size: 13px; font-weight: bold;
	border-top: 1px solid #000; border-bottom: 1px solid #000; 
}
div#linkbox{
	width: 100%; position: absolute; top: 570px; left: 0; text-align: center; 
}
	div#linkbox a {
		font-size: 13px; line-height: 200%; font-weight: bold; text-decoration: none;
	}

/*------------------------------------------ about shop -----------------------------------------------*/
div#ourshop_e , div#ourshop_j {
	position: absolute; top: 252px; left:  103px; 
	width: 346px; height: 238px;
	background: transparent url('_materials/bg01.png') no-repeat 0 0;
}
	div#ourshop_e p , div#ourshop_j p {
		margin: 0; color: #000;
		font: normal bold 14px/140% "Arial","MS UI Gothic"; 
	}
	div#ourshop_e a , div#ourshop_j a {
		text-decoration: none;
	}
	div#ourshop_e h2 , div#ourshop_j h2  {
		width: 50%; margin: 8px auto 12px; padding: 1px 0; font-size: 12px; font-weight: bold;
		border-bottom: 1px solid #000; 
	}
	div#ourshop_j h3 , div#ourshop_e h3 {
		margin: 8px 0 4px; 
		font: normal bold 14px/140% "Arial","MS UI Gothic"; text-decoration: underline;
	}
	div#ourshop_e p.more , div#ourshop_j p.more {
		width: 50%; margin: 12px auto; padding: 2px 0;
		font-size: 12px!important; font-weight: bold;
		border-top: 1px solid #000; color: #f40; 
	}
	p.contactus_mail a {
		font-size: 11px; text-decoration: none; 
	}
	p.contactus_mail img {
		margin: 0 4px; width: 18px; height: 9px; border: none; 
	}

/*------------------------------------------ Reservation form -----------------------------------------------*/

div#reservation {
	position: absolute; top: 252px; left:  103px; 
	width: 346px; height: 238px;font-family: 'monospace';
}
div#reservation p.title {
	width: 100%; position: absolute; top: -75px; left: 0;
	font-size: 14px;text-align: center; text-decoration: underline;
	margin: 0; padding: 0;
}
div#reservation table {
	border: none; width: 100%; padding: 0; margin: 0 auto;
}
div#reservation td {
	font-size: 12px; padding: 1px 0; border: none; vertical-align: top; margin: 0;
}
div#reservation form {
	font-size: 12px; width: 90%;
	/*border: 1px solid #000;*/
	margin: 8px auto; padding: 0;
}
div#reservation input.txt , div#reservation textarea.txt {
	border: 1px solid #000; margin: 0; padding: 1px 2px;
	width: 100%; background-color: #fffabb;
}
	div#reservation input.txt:focus , div#reservation textarea.txt:focus { background-color: #ffe; }

div#reservation p.buttons {
	margin: 4px 0 0; padding: 3px; text-align: right;
	/*border-top: 1px solid #000; */
}
	div#reservation input.btn {
		margin: 0 4px; border: 1px solid #000; background-color: #fffabb;  width: 80px; cursor: hand;
	}
		div#reservation input.btn:hover {
			background-color: #fc6;
		}
div.confirm {
	margin:  5% auto 8px; padding: 0; width: 50%;
	border: 3px double #000;  background-color: #eee9aa;
}
	div.confirm p {
		font-size: 12px; line-height: 160%; text-align: center;
	}
	div.confirm p.title {
		margin:  5% auto 8px; padding: 0; 
		font-size: 18px;  line-height: 160%; font-weight: bold;
		border-top: 1px solid #000; 
		border-bottom: 1px solid #000; 
	}
	div.confirm p.msg {
		margin:  4px auto; padding: 8px 0; 
		font-size: 12px; line-height: 160%;
		border-bottom: 1px solid #000; 
	}
div.error p{
	margin: 11% auto; padding: 8px; font-size: 12px; text-align: center; width: 80%;
}
div.thanx p{
	margin: 11% auto; padding: 8px; font-size: 14px; text-align: center; width: 80%; font-weight: bold;
}

/*------------------------------------------ info -----------------------------------------------*/

div#info{
	position: absolute; top: 251px; left:  103px; 
	width: 346px; height: 238px;
}
div#info h2.title {
	width: 50%; margin: 0 auto 12px; padding:  0; font-size: 13px; font-weight: bold;
	border-bottom: 1px solid #000; 
}
div#info blockquote {
	margin: 0 0 8px; line-height: 100%; 
	font: normal bold 12px/140% ""; 
}
div#info p.footer {
	width: 50%; font-size: 10px; font-weight: bold;
	border-top: 1px solid #000; position: absolute; top: 97%; left: 25%;
}

/*------------------------------------------ room -----------------------------------------------*/
div#room{
	position: absolute; top: 252px; left:  103px; 
	width: 346px; height: 238px;
}
div#room p {
	margin: 0 0 8px; line-height: 100%; 
	font: normal bold 12px/140% ""; 
}
div#room h2.title {
	width: 50%; margin: 0 auto 12px; padding:  0; font-size: 13px; font-weight: bold;
	border-bottom: 1px solid #000; 
}
div#room p.thanks {
	width: 50%; margin: 0 auto 12px; padding:  0; font-size: 13px; font-weight: bold;
	border-top: 1px solid #000; 
}

/*------------------------------------------  [MENU BASE] -----------------------------------------------*/
div#base2{
	position: relative; margin: 36px auto; width: 844px; height: 589px;
	background: transparent url('_materials/menu_bg1.png') no-repeat 0 100%; 
}
div#base3{
	position: relative; margin: 36px auto; width: 844px; height: 589px;
	background: transparent url('_materials/menu_bg2.png') no-repeat 0 100%; 
}
	div#base2 a.chlang , div#base3 a.chlang {
		position: absolute; bottom: -15px; right: 16px;  text-align: right;
		font-size: 14px; font-weight: bold; color: #630; text-decoration: none;
	}

	div#menubar		{ position: relative; margin: 0 auto 20px; width: 806px; height: 28px; }
	div#menubar p		{ height: 16px; width: 100%; }
	div#menubar div		{ width: 106px; height: 28px; float: left; padding: 7px 0 0 0;  text-align: center; }
		div.menu01		{ background: transparent url('_materials/menutag1a.png') no-repeat 0 0; }
		div.menu02		{ background: transparent url('_materials/menutag1b.png') no-repeat 0 0; }
		img.currentmenu { width: 106px; height: 4px; border: none; }

		div#menubar p.menu   { font-size: 14px; font-weight: bold; margin: 0; letterspacing: 0; }
		div#menubar p.menu_j { font-size: 13px; font-weight: bold; margin: 0; letterspacing: 0; }
		div#menubar a.menu   { font-size: 14px; font-weight: bold; color: #630; text-decoration: none; display: block; letterspacing: 0; }
		div#menubar a.menu_j { font-size: 13px; font-weight: bold; color: #630; text-decoration: none; display: block; letterspacing: 0; }

		div#menubar a.home {
			position:absolute;top:0;right:0;
			padding-top: 0px; font-size: 14px; font-weight: bold; 
			color: #630;/*  text-decoration: none;width: 70px;text-align: center; */ 
		}
		div#menubar a:hover { color: #b62; }

	div#menutitle {
		margin: 0 0 0 20px; text-align: left; position: relative; color: #000; clear: both; width: 100%; top: -4px;
	 }
		div#menutitle a.reserv {
			position: absolute; top: 1px; right: 34px; font-size: 14px; 
		}
		div#menutitle p.pageindex {
			position: absolute; top: -6px; right: 34px; font-size: 10px; 
			font-weight: bold; color: #000; text-align: center; margin: 0; padding: 0; width: 80px;  line-height: 105%;
		}
		div#menutitle span { font-size: 16px; }

		div#menutitle p.pageindex span { font-size: 12px; }

		div#menutitle span { font-size: 16px; }

		div#menutitle h1 {
			font: normal bold 20px/140% "Arial","MS UI Gothic"; line-height: 100%;
			margin:  0 0 0 12px; padding: 0;  text-align: left;
			/**/
		}
		div#menutitle a {
			font-size: 12px;font-weight: bold; color: #630; text-decoration: none; margin: 0 4px;
		}
		div#menutitle a:hover { color: #b62; }

/*------------------------------------------  MENU -----------------------------------------------*/
div.menuboard h2{
	margin: 24px 0 0 340px; padding: 1px; text-align: left;
	font-size: 14px; font-weight: bold; text-decoration: underline;
}
	div.menuboard span.time { font-size: 12px;  }

div.menuboard h3 {
	margin: 20px 0 6px 365px; padding: 1px; text-align: left;
	font-size: 14px; font-weight: bold; text-decoration: underline;
}

div.menuboard h4 {
	margin: 10px 0 0 370px; padding: 0 30px 0 0; text-align: left;
	font-size: 14px; font-weight: bold; /*width: 400px; */line-height: 160%;
}

div.menuboard blockquote {
	margin: 0 0 0 380px; padding: 0 10px 0 0; text-align: left; /*width: 420px; */
	font-size: 12px; font-weight: normal; line-height: 100%; 
}
div.menuboard p.menudetail {
	margin: 0 0 0 380px; padding: 0; text-align: left; /*width: 420px; */
	font-size: 12px; font-weight: normal; line-height: 100%; 
}
div.menuboard p.menudetail small {
	font-size:90%;
}

div#photo		{ position: absolute; top: 230px; left: 73px; text-align: center; width: 208px;}
	div#photo p				{ font-size: 14px; font-weight: bold; margin: 0; }
	div#photo img			{ width: 208px; height: 152px; border: none;  }

/*------------------------------------------  SHOP INFO -----------------------------------------------*/
div.shopinfo{
 /* */
}
div.shopinfo h1 {
	font: normal bold 20px/140% "Arial","MS UI Gothic"; /*width: 300px;*/
	margin: 24px 0 16px 330px; padding: 1px; text-align: left; 
	text-decoration: underline;
}
div.shopinfo h2 {
	margin: 0 0 0 370px; padding: 1px; text-align: left;
	font-size: 14px; font-weight: bold; text-decoration: underline;
}
div.shopinfo p.infotable	{ margin: 1ex 0 1em 380px; padding: 0;  text-align: left;  font-size: 14px; font-weight: bold; line-height: 120%; }
	p.infotable span		{ margin: 0 2px; padding: 0 3px; }
	p.infotable small		{ font-size:90%;; }

div.shopinfo img#map {
	margin: 0 0 0 240px; padding: 0; width: 312px; height: 216px; border: none; 
}
div.shopinfo p.address {
	margin: 1px 0 1em 380px; padding: 0;  text-align: left; font-size: 13px; font-weight: bold; line-height: 120%; 
}

/*div.shopinfo img#photo { position: absolute; top: 240px; left: 73px; width: 208px; height: 152px; border: none; }*/