@charset "utf-8";

/* CSS Document */

/*　このファイルは、サイト全体で汎用で使われているレイアウトや書式を指定しています。　*/
/*　width,float,padding,marginの値は変更しないで下さい。レイアウトが崩れる場合があります。　*/

/* ■■■■■■■■■■■■■　基本　■■■■■■■■■■■■■ */

/*　すべてのマージンと余白をなしにする　*/

* {
margin:0;
padding:0;
}

/*--------------------　body　--------------------*/

/*　サイト全体の背景、文字の色とサイズ　*/

body {
background-image: url(../img-same/bg.jpg);
background-repeat: repeat-x;
height:100%;
padding: 0px;
font-size: 14px;
color: #333333;
background-color: #000000;
background-position: bottom;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-attachment: fixed;
}

/* サイト全体のリンク色 */

body a:link {
color:#990000;
text-decoration:underline;
}

body a:visited {
color:#990000;
text-decoration: underline;
}

/* ■■■■■■■■■■■■■　外枠　■■■■■■■■■■■■■ */

/*　外枠の幅と背景色、ボーダー色　*/

div#outline {
background-color: #FFFFFF;
text-align: left;
width: 760px;
margin-right: auto;
margin-left: auto;
height: 100%;
min-height: 100%;
}

/*　外枠よりもbodyのほうが大きい（削除不可）　*/

body > #outline { height: auto; }

/* ■■■■■■■■■■■■■　タグ　■■■■■■■■■■■■■ */


/* 見出し２（料理・ドリンクなど） */

h2 {
font-size: 14px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E9D168;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
}

/* 見出し４（メニュー例） */

h4 {
font-size: 14px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #999999;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
font-weight: normal;
color: #990000;
}

/* メニュー例 */

td {
font-size: 14px;
padding: 3px;
border: 1px solid #999999;
}

/* ■■■■■■■■■■■■■　上部メニュー　■■■■■■■■■■■■■ */

/*　メニューをリストで表示　*/

ul.contents { list-style:none; }

/*　各メニューを左寄せ、リストのマークをつけない、マージンなし　*/

ul.contents li {
list-style:none;
float:left;
margin: 0px;
}

/*　各メニューの文字を画面上に表示させない　*/

.contents a {
text-indent:-500px;
overflow:hidden;
display:block;
}

/*--------------------　HOME　--------------------*/

/*　HOMEの時は、ロールオーバーしない。　*/

.home_on {
width:190px;
height:45px;
background-image:url(../img-same/cont-home_on.gif);
}

/*　通常　*/

a.home {
width:190px;
height:45px;
background-image:url(../img-same/cont-home_roll.gif);
}

/*　カーソルを合わせた時に、背景画像をずらす　*/

a:hover.home { background-position:0px -45px; }

/*--------------------　メニュー　--------------------*/

/*　メニューページの時は、ロールオーバーしない。　*/

.menu_on {
width:190px;
height:45px;
background-image:url(../img-same/cont-menu_on.gif);
}

/*　通常　*/

a.menu {
width:190px;
height:45px;
background-image:url(../img-same/cont-menu_roll.gif);
}

/*　カーソルを合わせた時に、背景画像をずらす　*/

a:hover.menu { background-position:0px -45px; }

/*--------------------　アクセス　--------------------*/

/*　アクセスページの時は、ロールオーバーしない。　*/

.access_on {
width:190px;
height:45px;
background-image:url(../img-same/cont-access_on.gif);
}

/*　通常　*/

a.access {
width:190px;
height:45px;
background-image:url(../img-same/cont-access_roll.gif);
}

/*　カーソルを合わせた時に、背景画像をずらす　*/

a:hover.access { background-position:0px -45px; }

/*--------------------　ブログ　--------------------*/

/*　通常　*/

a.blog {
width:190px;
height:45px;
background-image:url(../img-same/cont-blog_roll.gif);
}

/*　カーソルを合わせた時に、背景画像をずらす　*/

a:hover.blog { background-position:0px -45px; }

/* ■■■■■■■■■■■■■　汎用レイアウト・書式　■■■■■■■■■■■■■ */

/*　このページのＴＯＰへ　*/

#page-top {
font-size: 14px;
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
}

/*　レイアウト：左右寄せをクリアする　*/

.c-both { clear: both; }

/* ----------------　画像　----------------*/

/*　画像に余白を作る　*/

.img {
float: left;
margin-bottom: 20px;
}

/*　画像横の文章　*/

.word {
float: right;
padding-bottom: 20px;
width: 420px;
}

/*　HOME上部の画像横の文章　*/

.word_index-top {
float: right;
padding-bottom: 20px;
width: 320px;
line-height: 150%;
}

/* ---------------行間を空ける---------------*/

/*（※画像が配置されている箇所に適用すると、多くの場合で反映されません） */

/* 普通の行間 */

.line { line-height: 150%; }

.menu-word {
text-align: left;
font-size: 12px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
}

.menu-right {
float: right;
text-align: right;
}

.menu-type { float: right; }

.menu-left {
width: 421px;
float: left;
}

.menu-list {
margin-top: 5px;
margin-bottom: 5px;
}

.menu-sub {
text-align: left;
width: 310px;
float: right;
}

.menu-comment {
font-size: 12px;
color: #666666;
margin-top: 6px;
margin-bottom: 0px;
}

.menu-50l {
float: left;
width: 48%;
}

.menu-50r {
float: right;
width: 48%;
}

.float-left { float: left; }

#main {
width: 640px;
margin-right: auto;
margin-left: auto;
}

p {
margin-top: 1em;
margin-bottom: 1em;
}

.menu-line {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
padding-bottom: 8px;
}

.menu-price {
float: right;
text-align: right;
width: 80px;
}

.m0-p0 {
margin: 0px;
padding: 0px;
}

.menu-sub2 {
text-align: left;
width: 200px;
float: right;
}

.h2-menu-tl {
font-size: 14px;
float: left;
font-weight: bold;
margin: 0px;
padding-left: 10px;
}

.menu-tl-line {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E9D168;
padding-bottom: 5px;
padding-top: 20px;
}

.menu-shina {
width: 500px;
float: left;
}

.rss_box {
margin: 0px;
padding: 10px;
width: 620px;
background-color: #FFFFFF;
border: 1px solid #666666;
background-color: #FFFFee;
text-align:left;
}
.tl-blog {
background-color: #E9D168;
border: 1px solid #666666;
}


.rss_title,
rss_title a {
 font-family:;
font-size: 14px;
font-weight:bold;
margin: 0px;
padding: 3px;
}

.rss_items {
font-size: 14px;
font-weight : normal;
margin: 15px;
}

.rss_item {
font-size: 14px;
font-weight : normal;
margin: 3px;
}

.rss_title a:link,
.rss_title a:visited,
.rss_title a:active {
text-decoration : underline;
color:#990000;
}

.rss_title a:hover {
text-decoration : underline;
color:#990000;
}

.rss_item a:link,
.rss_item a:visited,
.rss_item a:active,
.rss_item a:hover {
text-decoration : underline;
color:#990000;
}

.rss_date {
font-size: 12px;
font-weight : normal;
color: #333333;
}

.menu-photo { 
}

.menu-food {
border: 1px solid #E9D168;
width: 200px;
}

.menu-drink {
border: 1px solid #E9D168;
width: 312px;
}