html,body {
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-face-color:#e8f0d8;
    scrollbar-3dlight-color:#e8f0d8;
    scrollbar-darkshadow-color:#e8f0d8;  /* 第二候補#dbe4be */
    font-family:georgia, "ＭＳ Ｐゴシック"; } /* システム標準の Serifフォント：Georgia Times New Roman Verdana */

body { 
    text-align:center;
    background-color:#ffffff;
    color:#000033;
    line-height:1.5em;
    letter-spacing:0px; }

h1, h2 {
    font-weight: bold;
    color:#999999; 
    border:none; }
h1 {
    font-size:160%; 
    padding:10px; }
h1.home {
    padding:10px 0px 0px;}
/* すぐ下にくる店の情報（div.info）用にmarginを0にした。じゃないと離れて不恰好 */
h2 {
    font-size:125%; 
    padding:10px 0px 0px 0px; 
    margin:0px; }

/* 2009/4/24、Firefox 対応のために追加！ */
div, p, table { 
    margin-left:auto; margin-right:auto; }

p { 
    padding:10px 20px;
    width:820px; 
    text-align:left;
    background-color:#eeeeee;
    border:double 5px #dddddd;
    }
/* 戯言用 一応案：color:#336666; background:#aaddcc; */
p.column { 
    margin:0px; }
p.content { 
    margin-top:0px;
    color:#222200;
    background-color:#eeeedd;
    border:double 5px #ddddcc; }
/* 更新日記 */
p.update {
    color:#ffffff;
    background-color:#a9b3cd;
    border:double 5px #98a2bc; }
/* 相互リンクページ用 */
p.link { 
    margin-top:20px;
    color:#222200;
    background-color:#fffceb;
    border:double 5px #FFCC33; }
/* taberu-ina内で数箇所 */
p.title, p.js {
    padding:0px; 
    text-align:center; 
    color:#999999; 
    background-color:#ffffff; 
    border:none; }
/* JavaScript の帯タイトル */
p.js {
    font-size:80%; 
    color:#799; }
/* メニューページ用 */
p.menu {
    color:#999999; 
    background-color:#ffffff; }
    
div {
    color:#999999;
    padding:10px 20px;
    width:820px; }
/* topへ戻るボタンで使用。上記のpaddingは右端が店の評価と並ばないために設定 */
div.top {
    text-align:right; }
/* 店評等のページの上部に配置するナビに適用 */
div.navi-top {
    padding:10px 20px 0px 20px;
    text-align:right; }
/* 店の情報：定休日、営業時間、テル番用 */
div.info {
    font-size:80%; 
    padding:0px 0px 10px 0px; }


/* 写真基本（縦・横共用）。marginは上下のdivで重なる場合、両方のmarginで2倍の計算がされることはないので安心 */
/* 2009/4/24、margin:10px; → margin:10px auto; へ変更。左右を auto にすることで Firefox で中央表示されるようにした。 */
div.gra-w240, div.gra-w320, div.gra-w360, div.gra-w480, div.gra-w640, div.gra-w717 {
    margin:10px auto; 
    background-color:#000000; 
    color:#ffffff; 
    padding:10px; 
    line-height:1.1em }

/* 写真の幅＋padding 分（幅 20px）増量 */
div.gra-w240 { width:260px; }
div.gra-w320 { width:340px; }
div.gra-w360 { width:380px; }

/* 2010/5/15、追加（or 改名）。gra-yoko-m は削除 */
div.gra-w480 { width:500px; }
div.gra-w640 { width:660px; }
div.gra-w717 { width:737px; }


/* メニュー抜粋用 */
col.hinmoku {
    background-color:#fffacd; }
col.kakaku {
    background-color:#eee8aa;
    text-align:right; }
td.category {
    background-color:#efe8cc; text-align:center; }
caption {
    color:white; 
    background-color:#800000; 
    vertical-align:bottom; }
td {
    text-indent:15px; }
td.content {
    text-indent:0px;
    line-height:1.5em; }


/* ★印用*/
span.nosmoking { color:#FFCC00; }
span.midnight  { color:#3333CC; }
span.link      { color:gold; }
span.shock     { font-size:120%; }
/* ツッコミ用*/
span.tukkomi   { color:#999988; }

/* A だけで使用しているものもあるので全体をいじるときは注意！ */
A:link     {color:#006477; }
A:visited  {color:#006477; }
A:hover    {color:#00BFFF; background: #FFC;} 
A.gray:link     {color:#999999; }
A.gray:visited  {color:#999999; }
A.gray:hover    {color:orange;  }
A.menu:link, A.menu:visited     {color:#999999; }
A.menu:hover                    {color:#800000; }
/* 桜ん坊＋連れのお気に入り */
A.favorite:link, A.favorite:visited     {color:#FF9900;  background: #FFC; }
A.favorite:hover                        {color:#FFF;     background: #FF9900; }
/* 桜ん坊＋連れのお気に入らない */
A.fuck:link, A.fuck:visited     {color:#999999;  background: #eee; }
A.fuck:hover                    {color:#ff0000;  background: #000000; }
/* HOMEへ戻るボタン等 */
A.navi:link     {color:#bbbbbb; text-decoration:none; }
A.navi:visited  {color:#bbbbbb; text-decoration:none; }
A.navi:hover    {color:orange;  text-decoration:none; }
/* HOMEへ戻るボタン「H1」用 */
A.home:link     {color:#999999; text-decoration:none; }
A.home:visited  {color:#999999; text-decoration:none; }
A.home:hover    {color:orange;  text-decoration:none; }
/* 評で載せている市町村名に対して隠しリンクをするため用 */
A.machi:link     {color:#999999; }
A.machi:visited  {color:#999999; }
A.machi:hover    {color:skyblue; }
/* 2009/4/24、写真の黒縁上にリンクを載せる用 */
A.bgblack:link     {color:#FFFFFF; }
A.bgblack:visited  {color:#FFFFFF; }
A.bgblack:hover    {color:#FF9900;  background: #FFC; }

strong { font-weight:normal; }

/* 文章内で画像を使用するための指定（2005/5/25） */
/* margin:0.5em だったがブラウザで文字サイズを変更すると影響するため 16px へ変更（2005/7/17） */
img.right-tate { float:right; margin:16px; width:150px; }
img.right-yoko { float:right; margin:16px; height:150px; }
img.left-tate  { float:left; margin:16px; width:150px; }
img.left-yoko  { float:left; margin:16px; height:150px; }
/* 以下は、主に既出の画像をページ下部に再配置するのものなんなので、店評内に大きく利用するためのもの。基本的に「tate」しか使用しない（yoko の width:480px; では幅を取りすぎてしまうのだ）。ちなみに、「yoko」は right も left もスタイルは一緒。（2005/10/2） */
img.right-tate360 { float:right; margin:16px; width:360px; }
img.right-yoko360 { float:none;  margin:16px; height:360px; }
img.left-tate360  { float:left;  margin:16px; width:360px; }
img.left-yoko360  { float:none;  margin:16px; height:360px; }
/* 中央配置用（2005/12/4） */
/* img.xxx はサイズ無指定用。基本的に画像サイズは CSS で変更しなくても良いようにしているのだから、CSS で縦横を指定する必要はないという考え。（2006/10/13） */
img.tate, img.yoko, img.xxx { margin:16px; }
img.tate { width:360px; }
img.yoko { height:360px; }