@charset "utf-8";

body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", verdana, arial, sans-serif;
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 0;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;
	width:100%;	/* Make the new body fill the screen */
	/*background: url('../images/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
	top: 0;
	left: 0;
}

a:link {
   color:#fff;
   background: transparent;
   text-decoration: none;
   }
   
a:visited {
   color:#fff;
   background: transparent;
   text-decoration: none;	
   }
   
a:hover, a:active {
   color:#fff;
   background: transparent;
   text-decoration: underline;
   }
   
img{
	vertical-align:top;
	border:none;
}

ul{
	list-style:none;
	line-height:100%;
	font-size:12px;	
}
li{
	line-height:150%;
	font-size:12px;	
}

p{
  font-size:12px;
  margin:6px 3px;
  padding:0;
  line-height:140%;
  }
  
  
.bgimage { display:none; }
.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
}
	 

/* header
---------------------------------------------------- */
#header-wrap {
     position: fixed;     
	 top: 0; left: 0;     
	 width: 100%; } 
	 
#header-container {
     height: 50px;} 
	 
#header {
     width: 100%;     
	 margin: 0 auto;     
	 position: relative; } 
	 
#header h1 a{
     width:297px;
     height:100px;
     margin: 20px 0 0 30px;
     padding: 0;
     position:absolute;
     top: 0;
     background:url(../images/logo.png) no-repeat;
     text-indent:-9877em;
     text-decoration:none;
     overflow:hidden; }	
	 
/* container
---------------------------------------------------- */
#container {
     width: 980px;     
	 margin: 0;     
	 font-size: 1.4em;     
	 overflow: auto;     
	 padding: 100px 0 40px 0;
	 z-index:10; }
	 
#container .Lbox a img{
    width:180px;
    float:left;
    display:inline;
	padding:0;
    border-style: none; }


#container .Rbox a img{
    width:180px;
    float:right;
	padding:0; }
	
	
/* content
---------------------------------------------------- */
#content {
	width:980px;
	padding:10px 0 120px 0;
	}

	#content a {
	color:#fff;
	font-family:Verdana;
	font-size:12px;
	text-decoration:none;
	}

	#content a:hover {
	background:#fff;
	color:#000;
	}
	
/* left
---------------------------------------------------- */
#left {
     position: fixed; 
     width:200px;
     margin: 60px 0 0 0;
	 padding: 0 0 0 30px;
	 float:left;
     display:inline;
	 }
   
#left ul{
     margin:0;
     padding:0;
     }
	 
   
#left li{
     margin:0;
     padding:0;
     }
  
#left li.gry{
     margin:0;
     padding:12px;
     list-style:none;
     background-image: url(../images/lmenu_bg.gif);
     color:#fff;
     opacity: 0.8;
     filter: alpha(opacity=80);	/* IE6�AIE7�Ή� */
     -moz-opacity: 0.8;		/* Firefox1.5�ȑO�Ή� */
     }

#left li.blk{
     margin:0;
     padding:12px;
     list-style:none;
     background-image: url(../images/lmenu_bg2.gif);
     color:#fff;
     opacity: 0.8;
     filter: alpha(opacity=80);	/* IE6�AIE7�Ή� */
     -moz-opacity: 0.8;		/* Firefox1.5�ȑO�Ή� */
     }
	 
/* right
---------------------------------------------------- */
#right {
     width:680px;
     margin: 24px 0 0 0;
     padding: 20px;
     float:right;
     display:inline;
     background:#fff;
	 z-index:-1;
     opacity: 0.95;
     filter: alpha(opacity=95);	/* IE6�AIE7�Ή� */
     -moz-opacity: 0.95;		/* Firefox1.5�ȑO�Ή� */
     }
	 
#right img{
     opacity: 1;
     filter: alpha(opacity=100);	/* IE6�AIE7�Ή� */
     -moz-opacity: 1;		/* Firefox1.5�ȑO�Ή� */
     }

  
#right h2{
     margin: 10px 0;
     padding:5px;
     background:#f5ded6;
     font-size:0.6em;
     color:#000;
     }
	 
#right .cbox{
     margin: 20px 0;
     padding:10px;
     background:#3d2400;
     font-size:0.6em;
	 line-height:160%;
     color:#fff;
     }

	 
/* menu
---------------------------------------------------- */ 
#right li.menu_name{
   width:206px;
   float:left;
   display:inline;
   margin:1px 3px;
   padding:5px;
   font-size:1em;
   text-align:right;
   z-index:10;
   }
   
#right li.menu_price{
   width:400px;
   float:right;
   margin:1px 3px;
   padding:5px;
   font-size:1em;
   background:#f7f1ef;
   }
   
#right li.menu_price strong{
  font-size:1em;
  margin:0 5px;
  }   
  
#right .wbox{
  border-top:1px #fff dotted;
  margin:5px;
  padding:2px;
  line-height:180%;
  }
  
/* concept
---------------------------------------------------- */ 
#right .concept{
     width:140px;
     float:left;
     display:inline;
     margin:0;
     padding:20px 0;
     }
	 
#right .concept strong{
     font-size:1.1em;
	 color:#3d2400;
     }
	 
#right .concept span{
     padding:0 0 0 6px;
     font-size:12px;
	 color:#3d2400;
     }
   
#right .concept2{
     width:500px;
     float:right;
     margin:0;
     padding:20px 0;
     font-size:0.6em;
     }
	 
#right .table_border{
     border-bottom:1px #999 dotted;
     } 
	 
/* tumb
---------------------------------------------------- */
#tumb {
     width:160px;
     height:243px;
     margin-left:auto;
     margin-right:auto;
     margin-bottom: 10px;
     padding: 3px;
     float:left;
     display:inline;
     }
  
#tumb img{
     margin:0 10px;
     padding:0;
     }
  
#tumb ul{
     margin:0 4px 4px 4px;
     padding:0 4px 4px 4px;
     }    
  
#tumb li{
     margin:0;
     padding:0;
     list-style:none;
     }       
  
#tumb li.name{
     margin:0;
     padding:3px 0 0 8px;
     list-style:none;
     font-size:0.9em;
     }    

   
/* tumb2
---------------------------------------------------- */
#tumb2 {
     width:160px;
     height:243px;
     margin-left:auto;
     margin-right:auto;
     margin-bottom: 10px;
     padding: 3px;
     float:left;
     display:inline;
     }
  
#tumb2 img{
     margin:0 10px;
     padding:0;
     }
  
#tumb2 ul{
     margin:0 4px 4px 4px;
     padding:0 4px 4px 4px;
     }    
  
#tumb2 li.name{
     margin:0;
     padding:3px 0 0 2px;
     list-style:none;
     font-size:0.9em;
     }    
  
#tumb2 li{
     margin:0;
     padding:0;
     list-style:none;
     }

/* shopinfo
---------------------------------------------------- */ 
#right li.shopinfo{
     width:80px;
     float:left;
     display:inline;
     margin:1px 3px;
     padding:5px;
     font-weight:bold;
     font-size:1em;
     z-index:10;
     }
   
#right li.shopinfo2{
     width:520px;
     float:right;
     margin:1px 3px;
     padding:5px;
     border-bottom:1px #ccc dotted;
     font-size:1em;
     }
   
/* staff_data
---------------------------------------------------- */ 
#staff_data{
     width:780px;
     margin:0;
     padding:0;
     }
  
#staff_data #Lbox{  
     width:160px;
     margin:0;
     padding:5px;
     float:left;
     display:inline;
     }
 
#staff_data #Lbox a{
     color:#006699;
     }
  
#staff_data #Rbox{  
     width:600px;
     margin:0;
     padding:5px;
     float:right;
     display:inline;
    }

#staff_data #Rbox li.details{
     width:90px;
     float:left;
     display:inline;
     margin:1px 3px;
     padding:3px;
     font-size:0.9em;
     z-index:10;
     }
   
#staff_data #Rbox li.details2{
     width:400px;
     float:left;
     margin:1px 3px;
     padding:3px;
     border-bottom:1px #ccc dotted;
     font-size:0.9em;
     }

/* table
---------------------------------------------------- */
table#dataTable {
     border: 1px #E3E3E3 solid;
     border-spacing: 0;
     background: #fff;
  	 table-layout: fixed;
	 width: 580px;
	 margin:0 auto 0 auto;
}

table#dataTable th {
     padding: 3px;
     border: #98DCDC solid;
     border-width: 0 0 1px 1px;
     background: #73CECE;
     color: #FFFFFF;
     font-weight: bold;
     line-height: 110%;
     text-align: left;
}

table#dataTable td {
     padding: 6px;
     border-style: solid;
     border-width: 1px;
     border-color: #fff #8ED9D9 #8ED9D9 #fff;
     color: #1A4444;
     text-align: left;
     white-space:normal;
}

table#dataTable td .td02{
     width:100px;
     padding: 6px;
     border-style: solid;
     border-width: 1px;
     border-color: #fff #8ED9D9 #8ED9D9 #fff;
     color: #1A4444;
     text-align: left;
     white-space:normal;
}
	 
/* footer
---------------------------------------------------- */
#footer {
     width: 100%;  
	 margin: 0 auto;
	 padding:5px;     
	 position: relative;
	 border-top:#fff 1px solid;
	 color:#fff;} 
	 
#footer-wrap {
     position: fixed;     
	 left: 0; bottom:0;  
	 width: 100%;
	 z-index:1002;
	 -ms-filter: "alpha( opacity=75 )";
	 filter: alpha( opacity=75 );
	 opacity: 0.75;}
	 
#footer-container {
     height: 40px;     
	 background-color: #000; }
	 
#footer ul {
	 margin: 0;
	 padding: 5px 0 0 30px;
	 float:left; }
	 
#footer li {
	 margin:0;
	 padding:0;
	 display:inline;
	 text-align:center; }
	 
#footer a {
	 color:#fff;
	 font-family:Verdana;
	 font-size:12px;
	 text-decoration:none; }
	 
#footer a:hover {
	 color:#ffffcc; }
	
#footer #frb{
	 width:300px;
	 margin: 0;
	 padding: 0 30px 0 0;
	 float:right;
	 display:inline; }
  
#footer #frb img{
	 margin: 0;
	 float:right;
	 display:inline; }

#footer #frb address{
	 margin: 2px 0 0 0;
	 padding: 2px 0 0 0; 
	 font-style: normal;
	 text-align:right;
	 font-size:0.8em; }
	 
/* clr
---------------------------------------------------- */
.clr{
	 clear:both;
	 height:0;
	 margin:0;
	 padding:0;
	 line-height:100%;
	 font-size:0; }