body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background:#000 url(../image/top_title_back_black.gif);}

h1 { font-size: 10pt; font-weight: bold; color: #FFE0C0; margin-bottom: 0pt;}

DIV.eqtlay {
	position: absolute;
	top: 1900px;
	left: 290px;
	padding: 8px;
	z-index: 10;
	visibility: hidden;
	color: #404040;
	border: inset #800000 4px;
	font-size: 9pt;
	background: #FFE0C0;
}

.m-hand { cursor: pointer; }

a.smenu { font-size: 11px; text-decoration: none; color: #ffffff; line-height: 10pt;}
a.smenu:hover { color:#ff4040; text-decoration:underline;}
a.smenu:visited { color:white}

a.info { font-size: 12px; text-decoration: none; color:DARKGREEN; font-weight:normal; line-height: 10pt;}
a.info:hover { color:#ff4040; text-decoration:underline;}
a.info:visited { color:DARKBLUE;}

.cate { font-size: 10pt; color:#408080;}
.cate a{text-decoration:none; color:#FF6666; }
.cate a:hover{text-decoration:underline; color:red; }

.notxt { font-size: 9pt; color:#FFFFFF;}
.notxt a{text-decoration:none; color:#FFFFFF; }
.notxt a:hover{text-decoration:underline; color:red; }

.kin_ylw { font-size: 9pt; color:yellow;}
.kin_ylw a{text-decoration:none; color:yellow; }
.kin_ylw a:hover{text-decoration:underline; color:red; }

.staff_txt { font-size: 9pt; color:yellow;}
.staff_txt a{text-decoration:none; color:yellow; }
.staff_txt a:hover{text-decoration:underline; color:red; }

.news { font-size: 10pt; color:#408080;}
.news a{text-decoration:none; color:#FF6666; }
.news a:hover{text-decoration:underline; color:red; }

.copy { font-size: 10pt; color:#804000;}

.copy2 { font-size: 11pt; color:#804000;}

.commt { font-size: 11pt; color:#EBDBAB;}
.commt a{text-decoration:none; color:#EBDBAB; }
.commt a:hover{text-decoration:underline; color:red; }

.commt2 { font-size: 9pt; color:#EBDBAB;}
.commt2 a{text-decoration:none; color:#EBDBAB; }
.commt2 a:hover{text-decoration:underline; color:red; }

.lcommt2 { font-size: 9pt; color:#004000;}
.lcommt2 a{text-decoration:none; color:#004000; }
.lcommt2 a:hover{text-decoration:underline; color:red; }

.head { font-size: 11pt; color:#3E1713;}
.head a{text-decoration:none; color:#3E1713; }
.head a:hover{text-decoration:underline; color:red; }

.laytxt { font-size: 11pt; color:#FFFFFF;}
.laytxt a{text-decoration:none; color:#FF6666; }
.laytxt a:hover{text-decoration:underline; color:red; }

.vsmall { font-size: 8pt; color:#FFFFFF;}
.vsmall a{text-decoration:none; color:#FF6666; }
.vsmall a:hover{text-decoration:underline; color:red; }

.ysmall { font-size: 10pt; color:#FFFF00;}
.ysmall a{text-decoration:none; color:#FF6666; }
.ysmall a:hover{text-decoration:underline; color:red; }

.kotei_s { font-size: 9pt; color:#666666;}
.kotei_s a{text-decoration:none; color:#666666; }
.kotei_s a:hover{text-decoration:underline; color:red; }

.menu_txtw { font-size: 11pt; color:#FFFFFF;}
.menu_txtw a{text-decoration:none; color:#FFFFFF; }
.menu_txtw a:hover{text-decoration:underline; color:red; }

.menu_txty { font-size: 11pt; color:yellow;}
.menu_txty a{text-decoration:none; color:yellow;}
.menu_txty a:hover{text-decoration:underline; color:red; }

.menu_txtyb { font-size: 11pt; color:yellow; font-weight:bold;}
.menu_txtyb a{text-decoration:none; color:yellow; font-weight:bold; }
.menu_txtyb a:hover{text-decoration:underline; color:red; }


/*----------*/
/*	Link用	*/
/*----------*/
table.link td{	font-size:9pt; text-align:left; color:#333333;	}
table.link td a{	text-decoration:none; color:#333333;	}
table.link td a:hover{	text-decoration:none; color:#ff0000;	}
div.link {border:1px #9999cc solid; padding:2;}


/* [上部バイト募集] */
/* ==================== 上部レイヤー関係 */
/* レイヤーとして場所を指定して表示させる時そのレイヤーを包む外のDIVを用意してやれば*/
/* その外のDIVからの相対位置で位置決めが出来るその際外のDIVは positio:relative が必要*/
/* 下のCSSだと #frame が外、#layer1 が位置指定で表示するものとなる*/
#frame {position:relative;}
#layer1 { position:absolute; top:10px; left:470px; width:310px; height:70px; z-index:20; }

/* [お知らせ] */
/* ==================== お知らせタイトルとか */
.info_c {
	background-color:#336699;
	background-image: url('../image/info_img.gif');
	background-repeat:no-repeat;
	background-position:right top;
	font-size:10pt;
	color:#ffffff;
	font-weight:bold;
}
.info_c a{text-decoration:none; color:white; }
.info_c:hover {text-decoration:underline; color:white;}

.info_box {
	overflow:scroll;
	overflow-x:visible;
	overflow-y:scroll;
	height:500px;
/*	width:100%;	*/
	width:386px;
	font-size:10pt;
	background-color:white;
 	background-image: url("../image/scroll_back01.gif");
	color:black;
	padding-top:0.1em;
	padding-left:0.1em;
	padding-right:0.1em;
	padding-bottom:0.1em;
	scrollbar-base-color:none;
	scrollbar-face-color:#336699;
	scrollbar-highlight-color:none;
	scrollbar-shadow-color:#336699;
	scrollbar-3dlight-color:white;
	scrollbar-arrow-color:#88aaaa;
	scrollbar-track-color:none;
	scrollbar-darkshadow-color:#darkblue;
}

.info_box2 {
	overflow:scroll;
	overflow-x:visible;
	overflow-y:scroll;
	height:500px;
/*	width:100%;	*/
	width:262px;
	font-size:10pt;
	background-color:white;
 	background-image: url("../image/scroll_back01.gif");
	color:black;
	padding-top:0.1em;
	padding-left:0.1em;
	padding-right:0.1em;
	padding-bottom:0.1em;
	scrollbar-base-color:none;
	scrollbar-face-color:#336699;
	scrollbar-highlight-color:none;
	scrollbar-shadow-color:#336699;
	scrollbar-3dlight-color:white;
	scrollbar-arrow-color:#88aaaa;
	scrollbar-track-color:none;
	scrollbar-darkshadow-color:#darkblue;
}

.topic_title {text-decoration:none; color:darkred; font-size:12pt; word-break:break-all; }
.topic_title a{text-decoration:none; color:darkred; }
.topic_title :hover {text-decoration:underline; color:red;}

.topic_main {text-decoration:none; color:#303030; font-size:11pt; word-break:break-all; }
.topic_main a{text-decoration:none; color:#303030; }
.topic_main :hover {text-decoration:underline; color:red;}


/* [お知らせ] */
/* ==================== お知らせタイトル */
.topic_dtitle {text-decoration:none; color:#000; font-size:14px; font-weight:bold;}


/* [メインコンテンツ枠] */
/* ==================== メイン */
.edit_main {text-decoration:none; color:#000; font-size:12px; }
.edit_main a{text-decoration:none; color:#000; }
.edit_main :hover {text-decoration:underline; color:red;}


/* [谷４店・梅田店のメニュー] */
/* ==================== メニュー */
table.menu {width:450px;font-size:10pt; color:#660000; }
table.menu thead th {text-align:left; color:#000000; }
table.menu tbody th,
table.menu tbody th {width:310px; text-align:left; padding-left:20px; font-weight:normal;}
table.menu tbody td {width:140px; text-align:right; color:#333333;}
table.menu tbody td span{font-size:9pt;}


/* [北前居酒屋のメニュー] */
/* ==================== メニュー */
.kitatit {text-decoration:none; color:#000000; font-size:14px; font-weight:bold;}
.kitatit a{text-decoration:none; color:#000000; }
.kitatit :hover {text-decoration:underline; color:red;}

.kitamenu {text-decoration:none; color:#000000; font-size:11pt; }
.kitamenu a{text-decoration:none; color:#000000; }
.kitamenu :hover {text-decoration:underline; color:red;}

/* [谷町酒場のメニュー] */
/* ==================== メニュー */
/*	div.tanstit { font-size: 16px; color: #E00000; font-weight: bold; text-align: left;}	*/
/*	table.tansmenu	{ font-size:10pt; }	*/
#tanimenu { height:33px; background-color:#7f5321;}
#tanimenu ul { margin:0; padding:0; /*display:inline;*/}
#tanimenu li { float:left; /*margin:0; padding:0;*/}
#tanimenu li a img { filter: alpha(opacity=50); opacity:0.5; }
#tanimenu li a:hover img { filter: alpha(opacity=100); opacity:1.0; }



/* [梅田店] */
/* ==================== 営業時間 */
.umedaopen {color:#000; font-size:14px; font-weight:bold;}

.umedajikan {width:480px; text-align:left; font-size:14px; font-weight:bold;}
.umedacmt {width:464px; margin-left:16px; text-align:left; font-size:11pt; color:#202020; padding:2px; line-height:16pt;}


/* [がたろメニュー] */
/* ==================== メニュータイトル */
div.gatatit { font-size:14px; color:#8d3927; font-weight:bold; text-align:left;}
div.gatatit2 { margin-left:15px; font-size:14px; color:#8d3927; font-weight:bold; text-align:left;}

/* ==================== 料金表 */
table.price { font-size:10pt; margin-left:1em; margin-bottom:0.5em; margin:auto;}
table.price th { text-align:left;}
table.price td { text-align:right;}
table.price td span { font-size:8pt;}

/* ==================== 料金表 */
table.price3 { width:95%; margin-left:20px; font-size:11pt; color:#000;}
table.price3 th { text-align:left; font-weight:normal;}
table.price3 td { width:40%;}
table.price3 td span { font-size:11px;}

/* ==================== 谷町酒場料金表 */
table.price2 { font-size:12pt; margin-left:1em; margin-bottom:0.5em; margin:auto;}
table.price2 th { text-align:left;}
table.price2 td { text-align:right;}
table.price2 td span { font-size:8pt;}

/* [きのえメニュー] */
/* ==================== コンテンツ枠 */
#contents			{width:500px; margin:0 9px; text-align:center; font-family:"Osaka","ＭＳ Ｐゴシック",Verdana,Helvetica,sans-serif;}

/* ==================== ホルモン焼 */
table.hmenu				{ width:500px; font-size:10pt;}
table.hmenu .nm			{ font-weight:bold;}
table.hmenu .price		{ color:#b8282e; text-align:right;}
table.hmenu .price span	{ color:#000000; font-size:8pt;}

/* ==================== 料金表 */
table.kinoemenu			{ font-size:10pt; }
table.kinoemenu th		{ width:220px; text-align:left;}
table.kinoemenu td		{ width:130px; text-align:right; }
table.kinoemenu td span	{ font-size:8pt;}

/* [求人] */
/* ==================== 求人企業理念 */
#lcommt { width:500px; text-align:left; font-size:12pt; color:#004000;}

/* ==================== 求人テーブル */
#rec { width:500px; border:2px #006400 solid; background-color:#d3ebd8; border-collapse:collapse; font-size: 11pt; color:#804000;}
#rec th,
#rec td { padding:5px; border:1px #006400 solid; }
#rec th { text-align:center; font-weight:normal;}

/* ==================== 求人申込みフォーム説明 */
#recfrm { width:500px; font-size: 9pt; color:#004000; text-align:left; }


/* [会社概要] */
/* ==================== 求人企業理念 */
table.corp { width:500px; font-size:10pt;	}

table.corp th,
table.corp td {	padding:0.2em; border-style:solid; border-width:1px 2px 2px 1px; border-color:#cccccc #000000 #000000 #cccccc; }

table.corp th { width:100px; font-weight:normal; text-align:left; background-color:#3a4861; color:#ffffff; }

table.corp td {	width:400px;	}
table.corp td a { text-decoration:underline; color:#0000ff;	}
table.corp td a:hover { text-decoration:underline; color:#0000ff;	}

dl.list { float:left; display:block; width:350px; margin-bottom:0px; padding:0px; }
dl.list dt{ clear:left; float:left; display:block; width:120px; margin:2px 0px; }
dl.list dd{ float:right; display:block; width:230px; margin:2px 0px; padding:0px; }