/*------ 飲食 ------ */
/*------ 全体 ------ */
body { margin: 0px auto; text-align:center; background: url(img/bg.gif) repeat-y center top;}

a:link { color: #644611; text-decoration: underline;}
a:visited { color: #644611; text-decoration: underline;}
a:active { color: #644611; text-decoration: none;}
a:hover { color: #644611; text-decoration: none;}

img { border: 0px; vertical-align: top;}
table { color: #444444; font-size: 12px; line-height: 180%; font-family: verdana; text-align:left; letter-spacing:0.1em; }

#layout { margin: 0px auto; width: 800px;}

/*------ ヘッダー ------ */
h1 { margin: 0; padding: 0; width:800px; height: 20px; color: #ffffff; font-size: 12px; font-weight: bold; background: #820000;  text-align:center;}
h1 a:link { color: #ffffff; text-decoration: none;}
h1 a:visited { color: #ffffff; text-decoration: none;}
h1 a:active { color: #ffffff; text-decoration: none;}
h1 a:hover { color: #ffffff; text-decoration: none;}

.logo { margin: 0; padding: 0; width: 210px; height: 50px; display: inline; float: left; background:url(../img/logo.gif) no-repeat;}
.tel { margin: 0; padding: 0; width: 190px; height: 50px; display: inline; float: right; background:url(../img/tel.gif) no-repeat;}
.topmenu { margin: 0; padding: 0; width: 410px; height: 50px; display: inline; float: right;}
.topmenu ul{ margin: 25 0 0 0;  padding: 0;  list-style: none; float: right;}
.topmenu li{ margin: 0;  padding: 0 13;  font-size: 12px; display: inline;  background: url("../img/yaji.gif") no-repeat;}
.topmenu a:link { color: #820000; text-decoration: none;}
.topmenu a:visited { color: #820000; text-decoration: none;}
.topmenu a:active { color: #820000; text-decoration: underline;}
.topmenu a:hover { color: #820000; text-decoration: underline;}

/*------ マージン ------ */
.margin {margin-left: 20;}

/*------ ぱんくず ------ */
.pankuzu {margin: 0; padding-top: 10; font-size: 12px;}
.pankuzu a {font-size: 12px;}

/*------ 左メニュー ------ */
#sidemenu { margin: 0; padding-top: 10; width: 190px; display: inline; float: left;}

/*------ タイトルとメイン ------ */
#main { margin: 0; padding-top: 10; width: 570px; display: inline; float: left;}
.main_title { float: left; text-align: left; }

/*------ フッター ------ */
#footer { width: 760px; height: 25px; background-image:url(../img/footer_bg.gif); background-repeat: repeat-x;color: #ffffff; font-size: 10px; text-align:center; margin-left:20;}
#footer a:link { color: #ffffff; text-decoration: none;}
#footer a:visited { color: #ffffff; text-decoration: none;}
#footer a:active { color: #ffffff; text-decoration: underline;}
#footer a:hover { color: #ffffff; text-decoration: underline;}

#copy { width: 760px; height: 20px; color: #696969; font-size: 10px; text-align:center; margin-left:20;}
#copy a:link { color: #696969; text-decoration: none;}
#copy a:visited { color: #696969; text-decoration: none;}
#copy a:active { color: #696969; text-decoration: none;}
#copy a:hover { color: #696969; text-decoration: none;}

/*------ 文字色とベース色 ------ */
.waku { border:1px solid #a9a9a9; }
.gray { text-align : center; background-color: #F5F5F5; font-size: 12px; vertical-align : top;}
.pink { color: #cd5c5c; }
.title {color:#AA8C64; font-weight: bold;}
.titleq {color:#444444; font-weight: bold; background-color: #EBD2FF; font-size: 14px; line-height: 200%; margin-bottom: 10px; padding-left: 5px;}
.name { border:1px solid #a9a9a9; font-size: 10px; line-height: 140%;}

/*------ トップ ------ */

/*------ 飲食サイト用 ------ */
.topmenu0 
	{
	margin: 0;
	padding: 0;
	font-size:1px;
	width: 800px;
	height: 30px;
	background:url(img/topmenu_bg.gif) repeat-x #ffffff;
	float: left;
	line-height: 0;
	vertical-align:bottom
	}

.topmenu0 ul
   {
    width:720px;             /* リスト全体の幅 */
    height:30px;             /* リスト全体の高さ */
    display: inline;
    float:left;
    list-style:none;
   }

.topmenu0 li
   {
    width:144px;             /* 項目の幅 */
    height:30px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
    display: inline;
    list-style:none;
   }

.topmenu1 a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/topmenu.jpg);   /* リンク範囲の背景画像設定 */
    background-position:0px 0px;  /* ★背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    }
.topmenu1 a:hover
   {
    background-image:url(img/topmenu.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:0px -30px; /* ★背景画像の（0px -30px）に移動★ */
   }

.topmenu2 a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/topmenu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-144px 0px;   /* ★背景画像の（-144px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.topmenu2 a:hover
   {
    background-image:url(img/topmenu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-144px -30px; /* ★↑背景画像の（-144px -30px）に移動★ */
   }

.topmenu3 a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/topmenu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-288px 0px;   /* ★背景画像の（-288px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.topmenu3 a:hover
   {
    background-image:url(img/topmenu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-288px -30px; /* ★↑背景画像の（-288px -30px）に移動★ */
    }

.topmenu4 a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/topmenu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-432px 0px;   /* ★背景画像の（-432px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.topmenu4 a:hover
   {
    background-image:url(img/topmenu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-432px -30px; /* ★↑背景画像の（-432px -30px）に移動★ */
    }

.topmenu5 a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/topmenu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-576px 0px;   /* ★背景画像の（-576px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.topmenu5 a:hover
   {
    background-image:url(img/topmenu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-576px -30px; /* ★↑背景画像の（-576px -30px）に移動★ */
    }

/*------ 飲食サイト用サイドメニュー ------ */
#sidemenu0{
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 170px;
}

#sidemenu0 ul{
	width: 170px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}

#sidemenu0 li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
	border-bottom:#a9a9a9 1px solid;

}

#sidemenu0 li a{
	color: #444444;
	display: block;
	text-decoration: none;
	padding: 4px 0px 4px 5px;
	background-color: #f5f5f5;
}

#sidemenu0 li a:hover{
	color: #ffffff;
	display: block;
	text-decoration: none;
	background-color: #AA8C64;
}