@charset "UTF-8";
/*
	background-color:transparent;
	background:#000000 url(qrx/resize-box.gif) no-repeat left top fixed;
	background:transparent url(qrx/resize-box.gif) no-repeat left top fixed;
*/

body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:rgb(254,245,204);
}
#etcbody {
	background:rgb(254,245,204) url(img/header_bg2.jpg) no-repeat center top;
}
body,table,td {
	font-size:10px;/*小さめ*/
	*font-size:9px;/*小さめ*/
	_font-size:11px;/*小さめ*/
	color:rgb(24,43,27);
}
.fontset {
	line-height:1.7;
	letter-spacing:0.9pt;
	word-spacing:1pt;
	text-align:justify;
	text-justify:inter-ideograph;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
.zoom {
	cursor: url('img/zoom.cur'),-moz-zoom-in;
}
a:hover img {
	margin:0;
	padding:0;
	border:0;
	vertical-align:bottom;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#mi a:hover img {
	margin:0;
	padding:2px;
	border:1px solid rgb(180,180,180);
	float:left;
	border-collapse:collapse;

	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.none a:hover img {
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	vertical-align:bottom;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
img {
	margin:0;
	padding:0;
	border:0;
	vertical-align:bottom;
}
.f90{font-size:90%;}
.f100{font-size:100%;}
.f110{font-size:110%;}
.f120{font-size:120%;}
.f130{font-size:130%;}
.f140{font-size:140%;}
.f150{font-size:150%;}
.f160{font-size:160%;}
.f170{font-size:170%;}
.f180{font-size:180%;}
.f190{font-size:190%;}
.f200{font-size:200%;}
h1,h2,h3,h4,h5,h6
{margin:0:padding:0;font-size:100%;}
h1.font,h2.font,h3.font,h4.font,h5.font,h6.font
{line-height: 1.3;}
h1.font {font-size:190%;}
h2.font {font-size:175%;}
h3.font {font-size:160%;}
h4.font {font-size:145%;}
h5.font {font-size:130%;}
h6.font {font-size:115%;}
a:focus {
	outline:none;
} 
a:link {
	color: rgb(24,43,27);
}
a:visited {
	color: rgb(24,43,27);
}
a:hover {
	color: rgb(160,160,160);
}
a:active {
	color: rgb(24,43,27);
}

.list ul {
	margin : 20px 40px 0 70px ;
	border-top : 1px solid rgb(190,190,190) ;
}
.list ul,.list ul li {
	list-style-type:none;
}
.list ul li {
	padding : 10px ;
	border-bottom : 1px dashed rgb(190,190,190) ;
}
.staff ul {
	margin : 0;
	padding:0;
	border-top : 1px dashed rgb(190,190,190) ;
}
.staff ul,.staff ul li {
	list-style-type:none;
}
.staff ul li {
	padding :2px 3px;
	border-bottom : 1px dashed rgb(190,190,190) ;
}

.list ol {
	margin : 20px 0 0 70px ;
}
.list ol li {
	border-left : 1px solid rgb(153, 153, 153) ;
	 padding-left :10px ;
	padding-top : 0px ;
	margin-bottom:15px;
}
.dp20,.dp25,.dp33,.dp50,.dp66,.dp100 {display:inline;*margin-left:-0.04em;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp66 {width:66.33%;}
.dp100 {width:100%;}
.pd {padding:5px;float:left;}
.clear {clear:both;}


/*++++++++++++++++++++++++++++++++++++++++++++++++++
	ヘッダ
++++++++++++++++++++++++++++++++++++++++++++++++++*/
.height643px {
	height:643px;
	margin:0 auto;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++
	内容
++++++++++++++++++++++++++++++++++++++++++++++++++*/
#dishindex {
	width:974px;
	margin:0 auto;
	background:rgb(254,245,204) url(img/header_bg.jpg) no-repeat center top;
}
#dish {
	width:974px;
	margin:0 auto;
	background:rgb(254,245,204) url(img/header_bg2.jpg) no-repeat center top;
}
.width974px {
	width:974px;
	margin:0 auto;
	background:rgb(254,245,204) url(img/body_bg.jpg) repeat-y center top;
}
.width974pxetc {
	width:974px;
	margin:270px auto 0;
	background:rgb(254,245,204) url(img/body_bg.jpg) repeat-y center top;
}
#main {
	width:720px;
	margin:0 auto;
	text-align:left;
}
#width290 {
	width:290px;
	float:left;
}
#width290 ul {
	margin:0;
	padding:0;
	padding-left:17px;
	margin-bottom:10px;
}
#width290 ul li {
	margin-top:10px;
}


#news img {
	margin:5px;
}
#width224 {
	width:223px;
	float:left;
}
#width204 {
	width:204px;
	float:left;
}
.white {
	background-color:rgb(255,255,255);
}
.menuul ul {
	margin :0;
	padding:10px 0 0 20px;
}
.menuul ul li {
	margin :0;
	padding : 0 5px 1px 0;
}
.ph {
	margin:0;
	padding:2px;
	border:1px solid rgb(180,180,180);
	float:left;
	border-collapse:collapse;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++
	フッタ
++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	background:rgb(254,245,204) url(img/footer_bg.jpg) no-repeat center top;
	margin:0 auto;
	height:143px;
	text-align:left;
}
#copyright {
	padding:32px 0 0 220px;
	font-size:90%;
}
#credit {
	text-align:right;
	padding:60px 70px 0 0;
	font-size:90%;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++
	メニュー
++++++++++++++++++++++++++++++++++++++++++++++++++*/
#manulist {
	text-align:center;
	margin:0 auto;
	width:792px;
	height:52px;
	background-color:rgb(255,255,255);
}
ul#menu {
	list-style:none;
	margin:0;
	padding:0;
}
ul#menu li {
	float:left;
}
#manulist ul span {
	display:none;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++
	タブ
++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}





* html #etcbody {
	background:rgb(254,245,204) url(img/header_bg2ie67.jpg) no-repeat center top;
}
*:first-child+html #etcbody {
	background:rgb(254,245,204) url(img/header_bg2ie67.jpg) no-repeat center top;
}
* html .fontset {
	font-size:13px;
	line-height:1.8;
	letter-spacing:1pt;
	word-spacing:2pt;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
*:first-child+html p {
	font-size:13px;
	line-height:1.8;
	letter-spacing:1pt;
	word-spacing:2pt;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
* html .zoom {
	cursor: url('http://jtjt.co.jp/k28/bcon/zoom.cur'),default;
}
*:first-child+html .zoom {
	cursor: url('http://jtjt.co.jp/k28/bcon/zoom.cur'),default;
}