@charset"utf-8";
/**/
*{padding:0; margin:0; font-family:"メイリオ","ＭＳ Ｐゴシック", "Osaka－等幅"; font-size:14px; color:#999;}
body{background:#fff; text-align:center;}
img{ border:none;}
div#clear{ clear:both;}
br.clear{ clear:both;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}

#clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body #clearfix {display: inline-block; width: 100%;}
* html #clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}

a{/* ¥*/ overflow:hidden; /* */ text-decoration:none; } /*Must リンクのラインを消す＆MacIE5.xでのバグを回避*/
a:hover{ text-decoration:underline; }

p.upToTop{ width:95%; text-align:right;}
p.upToTop a{color:#007AFF; text-decoration:none; font-size:12px;}
p.upToTop a:hover{color:#1D5F00; text-decoration:underline;}

/*//////////////////////////////////////////////////////////////////////////*/

#all{ margin:0 auto; width:800px; text-align:left; }

#header{ }

#body{  }/* トップページFlashのバック*/


#content{ }


/*
top news 部分　回り込みしない処置
http://www.css-lecture.com/log/css/coding-css-technique.html
*/
div.news{ width:552px;}
div.demo1{ width: 265px; _zoom: 1; overflow: hidden; margin:22px 0 0 0;}
p.imgNews	{ float: left; margin: 0 10px 5px 0; }
div.demo1 p	{ overflow: hidden; _zoom: 1; font-size:80%; } 
 
.left{ float:left;}
.right{ float:right;}

div.genreSearch{ width:500px; margin:0 0 0 52px;}
div.genre1{ float:left; width:239px; margin:0 22px 0 0;}
div.genre3{ float:right; width:239px;}

div.genre1 li,div.genre2 li,div.genre3 li{ list-style:none; }
 

/*//////////////////////////////////////////////////////////////////////////*/

div.headerLogo{ float:left; padding:22px 0 0 22px; width:125px;}
div.headerInner{float:right; width:651px; background:url(../img/bg_header.gif) no-repeat; padding:74px 0 0 0; }
div.headerInner img{ margin:-10px 0 0 100px; }
div.navi{ float:left; }
div.navi ul li{float:left; list-style:none; width:63px; height:75px; display:block; text-indent:-9999px; margin:0 0 0 16px;}

li#rest a{ height:75px; text-indent:-9999px; display:block; background:url(../img/bt_rest.gif) no-repeat; }
li#rest a:hover{ height:75px; text-indent:-9999px; display:block; background:url(../img/bt_rest.gif) no-repeat 0 -75px; }

li#shop a{ height:75px; text-indent:-9999px; display:block; background:url(../img/bt_shop.gif) no-repeat; }
li#shop a:hover{ height:75px; text-indent:-9999px; display:block; background:url(../img/bt_shop.gif) no-repeat 0 -75px; }

li#floor a{ height:75px; text-indent:-9999px; display:block; background:url(../img/bt_floor.gif) no-repeat; }
li#floor a:hover{ height:75px; text-indent:-9999px; display:block; background:url(../img/bt_floor.gif) no-repeat 0 -75px; }

li#access a{ height:75px; text-indent:-9999px; display:block; background:url(../img/bt_access.gif) no-repeat; }
li#access a:hover{ height:75px; text-indent:-9999px; display:block; background:url(../img/bt_access.gif) no-repeat 0 -75px; }

/*//////////////////////////////////////////////////////////////////////////*/

/* ロゴで探す　*/

div.logoSearch{ width:552px;height:54px; margin:12px 0 0 0;}
div.logoSearch ul{ margin:0 0 0 48px; }
div.logoSearch ul li{ float:left; width:54px; list-style:none; border:solid #CCC 1px; margin:0 0 0 12px;}

li#logo01 a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_01.jpg) no-repeat; }
li#logo01 a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_01.jpg) no-repeat 0 -54px; }

li#logo02 a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_02.jpg) no-repeat; }
li#logo02 a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_02.jpg) no-repeat 0 -54px; }

li#logo03 a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_03.jpg) no-repeat; }
li#logo03 a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_03.jpg) no-repeat 0 -54px; }

li#logo04 a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_04.jpg) no-repeat; }
li#logo04 a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_04.jpg) no-repeat 0 -54px; }

li#logo05 a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_05.jpg) no-repeat; }
li#logo05 a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_05.jpg) no-repeat 0 -54px; }

li#logo06 a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_06.jpg) no-repeat; }
li#logo06 a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_06.jpg) no-repeat 0 -54px;}

li#logo07 a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_07.jpg) no-repeat; }
li#logo07 a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_07.jpg) no-repeat 0 -54px;}

li#logo01b a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b01.jpg) no-repeat; }
li#logo01b a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b01.jpg) no-repeat 0 -54px; }

li#logo02b a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b02.jpg) no-repeat; }
li#logo02b a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b02.jpg) no-repeat 0 -54px; }

li#logo03b a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b03.jpg) no-repeat; }
li#logo03b a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b03.jpg) no-repeat 0 -54px; }

li#logo04b a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b04.jpg) no-repeat; }
li#logo04b a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b04.jpg) no-repeat 0 -54px; }

li#logo05b a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b05.jpg) no-repeat; }
li#logo05b a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b05.jpg) no-repeat 0 -54px; }

li#logo06b a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b06.jpg) no-repeat; }
li#logo06b a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b06.jpg) no-repeat 0 -54px;}

li#logo07b a{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b07.jpg) no-repeat; }
li#logo07b a:hover{ height:54px; text-indent:-9999px; display:block; background:url(../topImages/bt_shoplist_b07.jpg) no-repeat 0 -54px;}



/*//////////////////////////////////////////////////////////////////////////*/

#sideBar{ float:left; width:182px; color:#4C4C4C; padding:22px 0 0 22px; }
.sideBarTop{ width:182px; height:14px; background:url(../img/bg_sidebar_top.gif);}
.sideBarBottom{ width:182px; height:14px; background:url(../img/bg_sidebar_bottom.gif) no-repeat; margin-top:-10px; }
.sideBarMiddle{ padding:0 10px; background:url(../img/bg_sidebar_middle.gif) repeat-y;}

#sideBar ul{ }
#sideBar ul li{ list-style:none; display:block; border-bottom:dotted #5C9F9E 1px; margin:10px 0; font-size:13px;}
#sideBar ul li span{ font-size:80%; }

/* IE 6 */

/*//////////////////////////////////////////////////////////////////////////*/

#footer{ clear:both; width:754px; height:34px; border-top:solid 1px #000; margin:22px; text-align:center; color:#000;}
#footer a{ font-size:11px;}

#footer ul{ }
#footer ul li{ /*float:left;*/ display:inline; list-style:none; margin:0 5px;}

#copy{ width::800px; color:#333; text-align:center; font-size:12px;}

/*//////////////////////////////////////////////////////////////////////////*/

h1.shopName{ display:inline; font-size:11px; font-weight:normal;}/*ショップ詳細のパンくずの店名部分*/
h2.sideBar{ text-align:center;}
h2.topTab{ margin:44px 0 0 0;}
h3 img{margin:10px 0 0 0;}
span.newsTitle{ font-weight:bold; color:#5C9F9E; display:block;}

/*////////////////////////////////　レストラン　//////////////////////////////////////////*/
div.pankuzu{ margin:11px 0 0 22px; font-size:11px;}
div.pankuzu a{ font-size:11px;}

/* 天地に関係なく角丸にする方法　http://www.css-lecture.com/log/css/034.html　*/
div.shopUnit{ width:552px; background:url(../rest/img/bg_shop_unit_bottom.gif) no-repeat bottom; padding:0 0 11px 0; margin:0 0 22px 0;}
div.shopUnitMid{ width:552px; background:url(../rest/img/bg_shop_unit_top.gif) no-repeat; padding:11px 0 0 0;}
div.shopUnitMidInner{ width:552px; background:url(../rest/img/bg_shop_unit_mid.gif) repeat-y; }

/* div.shopUnitMid 内のレイアウト指定*/
div.unitName{ width:170px; _zoom: 1; overflow: hidden; margin:0; float:left; }/*左サイド*/
div.unitName p.logo{ float:left; padding:0 10px;}
div.unitName p.logo img{ border:solid 1px #ccc;}
div.unitName p{ overflow:hidden;_zoom: 1; font-size:80%; }

div.unitCaption{ width:382px; _zoom:1; overflow:hidden; float:right; }/*右サイド*/
div.unitCaption p.logo{ float:left;}
div.unitCaption p{ overflow:hidden; _zoom:1; font-size:80%; padding:0 10px 0 0;}
div.unitCaption p a{ font-size:12px; color:#69F;}
div.unitCaption p span{ font-size:100%; font-weight:bold;}

/*////////////////////////////////　レストラン詳細　//////////////////////////////////////////*/
h2.shop{ width:552px; margin:22px; }
div.shopTab{ width:574px; margin:0 0 0 22px;}
div.shopTabLogo{ float:left; width:63px; height:63px; border:solid 1px #ccc;}
div.shopTabName{ float:right; width:490px; height:64px; background:url(../rest/img/bg_shop_tab_name.gif);}
div.shopTabName p{font-size:12px; margin:5px 0 0 16px;}
div.shopTabName p span{ font-weight:bold; }
/*IE6*/
* html div.shopTabName{ float:right; width:490px; height:64px; background:url(../rest/img/bg_shop_tab_name.gif);}
* html div.shopTabName p{font-size:12px; margin:6px 0 0 16px; line-height:150%;}
* html div.shopTabName p span{ font-weight:bold; margin:5px 0; }

/*ショップカテゴリー　オプション*/
div.shopTabNameShop{ float:right; width:490px; height:64px; background:url(../shop/img/bg_shop_tab_name.gif);}
div.shopTabNameShop p{font-size:12px; margin:5px 0 0 16px;}
div.shopTabNameShop p span{ font-weight:bold;}

div.shopText{ width:532px;}
div.shopText img.main{ margin:22px 0 0 22px;}
div.shopText p{ font-weight:bold; color:#348786; margin:22px 0 0 22px;}
/*IE6*/ div.shopText p{ font-weight:bold; color:#348786; margin:22px 0 0 22px; line-height:150%;}

div.shopText div.menu{ width:512px; margin:12px 0 0 12px; background:url(../rest/img/bg_shop_menu.gif) no-repeat; }
div.shopText div.menu table{ width:500px; margin:40px 0 0 15px; }
div.shopText div.menu table td{ padding:5px; color:#000; font-size:12px; border-bottom:1px dotted #ddd;}

div.shopText div.menu table td a{ color:#0571B0; font-size:12px;}
div.shopText div.menu table td.item{ width:165px;}
td.price{ text-align:right; white-space:nowrap;}
table.shopData{ width:510px; margin:22px 0 0 30px;}
table.shopData td{ background:#AFD7D3; padding:3px 13px; color:#000; font-size:11px;}
table.shopData td.item{ /*text-align:right;*/ white-space:nowrap;}
table.shopData td.nonColor{ background:none; padding:0px;}
table.shopData td a{ background:none; padding:0px; font-size:12px;}

/*営業時間補正*/
table.shopData td.open{padding:5px 5px 5px 0;}
table.shopData td.open table td{ vertical-align:top;}