@charset "UTF-8";

/* =============================================
 *  ファイル名：layout.css
 *  概　要：津つ井様 レイアウト用 CSSファイル
 *  作成日：2009.7.7
============================================= */



/* -----------------------------------------------------------------------------------------
 *  インポート
----------------------------------------------------------------------------------------- */
@import "common.css";
@import "clear.css";


/* -----------------------------------------------------------------------------------------
 *  wrapper
----------------------------------------------------------------------------------------- */
#wrapper {
 width: 750px;
 margin: 0 auto;
 text-align: left;
}

/* -----------------------------------------------------------------------------------------
 *  コンテナ
----------------------------------------------------------------------------------------- */
#container {
 width: 718px;
 margin-left: 32px;
}

/* -----------------------------------------------------------------------------------------
 *  トップページ
----------------------------------------------------------------------------------------- */
#top_content {
 position: relative;
}

body#top a:link,
body#top a:visited,
body#top a:active,
body#top a:focus {
 color: #ec6a56;
}

body#top a:hover {
 color: #ec6a56;
 border-bottom: 1px solid #ec6a56;
}

/* ----- 見出し ----- */
#top_content h3 {
 margin-top: 22px;
}

#top_content .txt {
 width: 344px;
 line-height: 1.6;
 margin-top: 12px;
 color: #403734;
 font-size: 100%;
 font-family: 'ＭＳ Ｐ明朝','ヒラギノ明朝';
}

/* safari___________________________________________________________________ */
html[xmlns*=""] body:last-child #top_content .txt { letter-spacing: -1px; }
body:first-of-type #top_content .txt { letter-spacing: -1px; }
/* ___________________________________________________________________safari */

#top_content .link {
 margin-top: 4em;
}


/* ----- ビフテキ丼 ----- */
#top_content .img_txt {
 position: absolute;
 top: 0;
 right: 0;
 text-align: right;
}

#top_content .img_txt img {
 margin-bottom: 5px;
}

/* -----------------------------------------------------------------------------------------
 *  トップページ：予約
----------------------------------------------------------------------------------------- */
#top_reserved {
 margin-top: 35px;
}

#reserved_txt {
 margin: 0.5em 0 0 32px;
 color: #ec6a56;
}

ul#opentable {
 width: 545px;
 margin: 30px 0 0 170px;
}

ul#opentable li {
 float: left;
 margin-right: 22px;
}

/* -----------------------------------------------------------------------------------------
 *  トップページ：NEWS
----------------------------------------------------------------------------------------- */
h4#news_title {
 margin-top: 40px;
}

/* ----- スクロール ----- */
#top_news {
 position: relative;
 width: 687px;
 height: 187px;
 margin-top: 6px;
 background: url(../../img/top/top_news_bg.gif) left top no-repeat;
}

#scroll {
 position: relative;
 overflow: auto;
 width: 627px;
 height: 171px;
 top: 13px;
 left: 30px;
}

.scrollgeneric {
 position: absolute;
 top: 0;
 right: 0;
 line-height: 1px;
 font-size: 1px;
}

.vscrollerbar {
 width: 19px;
 height: 10px !important;
 background: url(../../img/top/scrollbar_slider.gif) left top repeat-y;
}

.vscrollerbase {
 width: 19px;
 background: url(../../img/top/scrollbar_line.gif) left top repeat-y;
}

.vscrollerbasebeg {
 cursor: pointer;
 width: 19px;
 height: 18px !important;
 background: url(../../img/top/scrollbar_up_off.gif) left top no-repeat;
}

.vscrollerbaseend {
 cursor: pointer;
 width: 19px;
 height: 18px;
 background: url(../../img/top/scrollbar_down_off.gif)  left top no-repeat;
 }

.hscrollerbase {
 height: 16px;
}

.hscrollerbar {
 height: 16px;
}

.vscrollerbar,
.hscrollerbar {
 padding: 24px;
 z-index: 2;
}

.scrollerjogbox {
 width: 19px;
 height: 16px;
 top: auto;
 left: auto;
 bottom: 0px;
 right: 0px;
}


/* ----- スクロール ----- */
#top_news dl {
 width: 627px;
 margin: 7px 0 5em 0;
}

#top_news dl dt {
 float: left;
 clear: both;
 width: 100px;
 margin-bottom: 2em;
 color: #ec6a56;
}

#top_news dl dd {
 float: left;
 width: 527px;
 margin-bottom: 2em;
}


/* -----------------------------------------------------------------------------------------
 *  お料理
----------------------------------------------------------------------------------------- */
#head_img {
 position: absolute;
 top: 0;
 left: 374px;
}

#menu_container {
 width: 719px;
 margin: 20px 0 0 31px;
}

/* -----------------------------------------------------------------------------------------
 *  お料理：アラカルト
----------------------------------------------------------------------------------------- */
/* ----- 写真＋テキスト ----- */
.pic_text {
 width: 690px;
 margin: 20px 0 14px 0;
}

.pic_text .box01 {
 float: left;
 width: 216px;
 margin-right: 19px;
}

.pic_text .box02 {
 float: left;
 width: 216px;
}

.pic_text .box01 dt,
.pic_text .box02 dt {
 margin-top: 5px;
 color: #ec6a56;
 font-weight: bold;
 font-size: 100%;
}

.pic_text .box01 dd,
.pic_text .box02 dd {
 margin-top: 3px;
 font-size: 74%;
}

/* safari___________________________________________________________________ */
html[xmlns*=""] body:last-child .pic_text .box01 .txt, .pic_text .box02 .txt { font-size: 11px; letter-spacing: -1px; }
body:first-of-type .pic_text .box01 .txt, .pic_text .box02 .txt { font-size: 11px; letter-spacing: -1px; }
/* ___________________________________________________________________safari */


/* ----- 特選料理 ----- */
.special {
 width: 690px;
 margin-bottom: 24px;
 padding-top: 10px !important;
 border-top: 1px solid #ec6a56;
}

.special h3 {
 margin: 0 0 40px 3px;
}

.special_menu {
 width: 690px;
}

.special_menu_top {
 width: 690px;
 margin-bottom: 50px;
}

.special_menu .img {
 float: left;
 width: 285px;
}

.special_menu_top .img {
 float: left;
 width: 410px;
}

.special_menu_top .img .caption,
.special_menu .img .caption {
 margin-top: 8px;
 font-size: 74%;
}

.special_menu dl {
 float: left;
 width: 405px;
}

.special_menu_top dl {
 float: left;
 width: 280px;
}

.special_menu_top dl dt,
.special_menu dl dt {
 color: #ec6a56;
 font-weight: bold;
 font-size: 105%;
}

.special_menu_top dl dt span,
.special_menu dl dt span {
 font-size: 80%;
}

.special_menu_top dl dd,
.special_menu dl dd {
 margin: 0.5em 0 25px 0;
 font-size: 74%;
}

#alacarte_link {
 margin-top: 25px;
 text-align: center;
}

#pageTop_link01 {
 width: 690px;
 margin-top: 0.5em;
 text-align: right;
}

#pageTop_link01 a:link,
#pageTop_link01 a:visited,
#pageTop_link01 a:active,
#pageTop_link01 a:focus,
#alacarte_link a:link,
#alacarte_link a:visited,
#alacarte_link a:active,
#alacarte_link a:focus {
 color: #ec6a56;
}

#pageTop_link01 a:hover,
#alacarte_link a:hover {
 color: #ec6a56;
 border-bottom: 1px solid #ec6a56;
}

/* -----------------------------------------------------------------------------------------
 *  地階
----------------------------------------------------------------------------------------- */
body#bf {
 background: url(../../img/menu/bf_bg03.gif) left top repeat;
}

#bf_lead {
 width: 690px;
 margin-bottom: 12px;
 padding-bottom: 12px;
 border-bottom: 1px solid #ec6a56;
 color: #ec6a56;
 font-weight: bold;
}

#bf_lead .text {
 float: left;
 width: 490px;
}

#bf_lead .link {
 float: right;
 width: 200px;
 margin-top: 1.5em;
 font-size: 90%;
 text-align: right;
}

#bf_lead .link a:link,
#bf_lead .link a:visited,
#bf_lead .link a:active,
#bf_lead .link a:focus {
 color: #ec6a56;
}

#bf_lead .link a:hover {
 color: #ec6a56;
 border-bottom: 1px solid #ec6a56;
}

.bf_area {
 width: 540px;
 margin: 20px auto 0 auto;
 text-align: center;
}

.bf_area h4 {
 margin-top: 20px;
 font-weight: bold;
 color: #ec6a56;
}

.bf_area h4 span {
 margin-left: 1em;
 font-size: 90%;
}

.bf_area ul {
 margin-top: 10px;
}

.bf_area ul li {
 font-size: 80%;
 line-height: 1.7;
}

.bf_area .tit_sec,
.bf_area .pic {
 margin-top: 50px;
}

#lunch {
 width: 690px;
 margin-top: 45px;
 padding-top: 15px;
 border-top: 1px solid #ec6a56;
}

/* -----------------------------------------------------------------------------------------
 *  お料理：コース料理
----------------------------------------------------------------------------------------- */
.course_txt {
 margin: 5px 0 0 33px;
 color: #ec6a56;
 font-size: 84%;
}

/* ----- 写真＋テキスト ----- */
.course_box01 {
 width: 690px;
 margin-top: 20px;
}

.course_box01 .img {
 float: left;
 width: 285px;
}

.course_box01 .txt {
 float: left;
 width: 405px;
}

.course_box01 dl dt {
 color: #ec6a56;
 font-weight: bold;
 font-size: 105%;
}

.course_box01 dl dd {
 margin-bottom: 25px;
 font-size: 74%;
}

/* safari___________________________________________________________________ */
html[xmlns*=""] body:last-child .course_box01 dl dd { letter-spacing: -1px; }
body:first-of-type .course_box01 dl dd { letter-spacing: -1px; }
/* ___________________________________________________________________safari */

.course_box01 dl dd.last {
 margin-bottom: 0;
}

.couse_caption {
 margin-top: 5px;
 font-size: 74%;
}


.course_box02 {
 position: relative;
 width: 690px;
 margin-top: 40px;
}

.course_box02 dl {
 position: absolute;
 bottom: 0;
 float: left;
 width: 210px;
 margin-right: 10px;
 text-align: right;
}

.course_box02 dl dt {
 color: #ec6a56;
 font-weight: bold;
 font-size: 105%;
}

.course_box02 dl dd {
 font-size: 74%;
}

.course_box02 dl dd.sec {
 margin-top: 1em;
}

.course_box02 .img {
 float: right;
 width: 470px;
}

/* -----------------------------------------------------------------------------------------
 *  お料理：ご接待
----------------------------------------------------------------------------------------- */
.settai_private {
 width: 610px;
 margin: 35px 0 0 40px;
}

.settai_private h4 {
 margin-bottom: 5px;
 color: #ec6a56;
 font-size: 90%;
}

.settai_private .box01 {
 float: left;
 width: 193px;
 margin-right: 14px;
}

.settai_private .box02 {
 float: left;
 width: 193px;
}

.settai_txt {
 margin-top: 25px;
 color: #ec6a56;
 font-size: 80%;
}


#room_pic_main {
 width: 560px;
 height: 335px;
 margin: 10px 0 0 64px;
}

#room_thumb {
 position: relative;
 overflow: hidden;
 width: 560px;
 margin: 20px 0 0 64px;
}

#room_thumb #thumb_1f {
 float: left;
 width: 199px;
 margin-right: 9px;
}

#room_thumb #thumb_1f div {
 position /**/: absolute;
 left /**/ :37px;
 width: 162px;
}

* html #room_thumb #thumb_1f div {
 float: left !important;
 width: 162px;
}

#room_thumb #thumb_1f ul {
 clear: both;
 width: 162px;
}

#room_thumb #thumb_bf {
 float: left;
 width: 350px;
}


#room_thumb #thumb_bf div {
 position /**/: absolute;
 left /**/: 244px;
 width: 313px;
}

* html #room_thumb #thumb_bf div {
 float: left !important;
}

#room_thumb #thumb_bf ul {
 clear: both;
 width: 313px;
}


/* ----- 1F / BF ----- */
#room_thumb #thumb_bf p,
#room_thumb #thumb_1f p {
 float: left;
 width: 25px;
 margin-right: 12px;
}


/* ----- サムネイル ----- */
#room_thumb #thumb_1f ul li {
 float: left;
 margin-right: 6px;
}

#room_thumb #thumb_bf ul li {
 float: left;
 margin-right: 3px;
}

#room_thumb #thumb_1f ul li.last,
#room_thumb #thumb_bf ul li.last {
 margin-right: 0;
}

#inner {
 position: relative;
}

.thumbnails {	/* サムネイルストリップ */
 width: 76px;	/* ストリップの幅 */
}

.thumbnails img {
 width: 66px;
 padding: 5px;
}

.thumbnails .activeImage {
 width: 66px;
 border: 5px solid #899940;	
 padding: 0;
}


/* -----------------------------------------------------------------------------------------
 *  デリバリー：メニュー
----------------------------------------------------------------------------------------- */
.deli_txt01 {
 margin-top: 20px;
 color: #5f96b0;
 font-weight: bold;
 font-size: 100%;
}

.deli_txt01 strong {
 margin-left: 1em;
}

.deli_txt02 {
 margin: 5px 0 0 33px;
 color: #5f96b0;
 font-size: 84%;
 text-align: left;
}

.deli_link {
 margin-top: 5px;
 color: #5f96b0;
 font-size: 84%;
}

.title_download a:link,
.title_download a:visited,
.title_download a:active,
.title_download a:focus,
.title_delivery01 a:link,
.title_delivery01 a:visited,
.title_delivery01 a:active,
.title_delivery01 a:focus,
.deli_link a:link,
.deli_link a:visited,
.deli_link a:active,
.deli_link a:focus {
 color: #5f96b0;
}

.title_download a:hover,
.title_delivery01 a:hover,
.deli_link a:hover {
 color: #5f96b0;
 border-bottom: 1px solid #5f96b0;
}

.pdf {
 margin: 5px 0 0 32px;
 font-size: 70%;
}

.pdf a:link,
.pdf a:visited,
.pdf a:active,
.pdf a:focus {
 color: #595757;
}

.pdf a:hover {
 color: #595757;
 border-bottom: 1px solid #595757;
}

/* ----- タイトル：ダウンロード ----- */
.title_download {
 width: 670px;
 height: 18px;
 margin: 20px 0 0 0;
 line-height: 18px;
 padding-left: 23px;
 background: url(../img/icon_title02.gif) left center no-repeat;
 color: #5f96b0;
 font-weight: bold;
 font-size: 84%;
 text-align: left;
}


/* ----- タイトル：デリバリー ----- */
.title_delivery01 {
 width: 670px;
 height: 25px;
 margin: 20px 0 0 0;
 line-height: 25px;
 padding-left: 33px;
 background: url(../img/icon_title.gif) left center no-repeat;
 color: #5f96b0;
 font-weight: bold;
 font-size: 105%;
 text-align: left;
}



/* ----- ページ内リンク ----- */
dl#deli_menu {
 width: 600px;
 margin-top: 25px;
}

dl#deli_menu dt {
 float: left;
 width: 58px;
 margin-right: 10px;
}

dl#deli_menu dd {
 float: left;
 line-height: 58px;
 height: 58px;
 color: #5f96b0;
 font-weight: bold;
 font-size: 80%;
 font-family: 'ＭＳ Ｐ明朝','ヒラギノ明朝';
 letter-spacing: -1px;
}

dl#deli_menu dd.menu01 {
 width: 113px;
}

dl#deli_menu dd.menu02 {
 width: 128px;
}

dl#deli_menu dd.menu03 {
 width: 138px;
}

.deli_txt_pic {
 position: relative;
 width: 687px;
 margin-top: 25px !important;
}

.deli_txt_pic .txt {
 float: left;
 width: 313px;
 text-align: right;
}

.deli_txt_pic .txt dl {
 position: absolute;
 bottom: 0;
 right: 374px;
 width: 313px;
}

.deli_txt_pic .txt dl dt {
 color: #5f96b0;
 font-weight: bold;
 font-size: 105%;
}

.deli_txt_pic .txt dl dd {
 font-size: 74%;
}

.deli_txt_pic .pic {
 float: right;
 width: 364px;
 margin: 0;
}

/* ----- 写真＋テキスト ----- */
.deli_pic_text {
 width: 700px;
 margin: 25px 0 14px 0;
}

.deli_pic_text .box01 {
 float: left;
 width: 216px;
 margin-right: 19px;
}

.deli_pic_text .box02 {
 float: left;
 width: 226px;
}

.deli_pic_text .box01 dt,
.deli_pic_text .box02 dt {
 margin-top: 5px;
 color: #5f96b0;
 font-weight: bold;
 font-size: 100%;
}

.deli_pic_text .box01 dl dt span,
.deli_pic_text .box02 dl dt span {
 font-size: 80%;
}

.deli_pic_text .box01 dd,
.deli_pic_text .box02 dd {
 margin-top: 3px;
 font-size: 74%;
}

/* safari___________________________________________________________________ */
html[xmlns*=""] body:last-child .deli_pic_text .box01 .txt, .deli_pic_text .box02 .txt { font-size: 11px; letter-spacing: -1px; }
body:first-of-type .deli_pic_text .box01 .txt, .deli_pic_text .box02 .txt { font-size: 11px; letter-spacing: -1px; }
/* ___________________________________________________________________safari */

.choice {
 margin-top: 15px !important;
}

.choice p {
 float: left;
}

.deli_pic_text_no {
 margin-top: 10px;
}

.deli_line {
 padding-top: 20px;
 border-top: 1px solid #5f96b0;
}

.deli_line02 {
 width: 687px;
 margin-top: 25px;
 padding-top: 20px;
 border-top: 1px solid #5f96b0;
}


#order_tel_fax li {
 margin-top: 12px;
}

#deli_flow_map {
 width: 692px;
}

#deli_flow_txt {
 float: left;
 width: 412px;
}

#deli_flow {
 width: 410px;
 margin: 12px 0 0 2px;
}

#deli_flow li {
 float: left;
 height: 55px;
 margin-right: 5px;
 padding-right: 16px;
 background: url(../../img/delivery/delivery_order_arrow.gif) right center no-repeat;
}

#deli_flow li.last {
 margin: 0;
 padding: 0;
 background: none;
}

#deli_flow_map .txt {
 margin-top: 5px;
 color: #403734;
 font-size: 74%;
 font-family: 'ＭＳ Ｐ明朝','ヒラギノ明朝';
}

#deli_flow_txt dl {
 margin: 24px 0 0 2px;
}

#deli_flow_txt dl dd span {
 margin-right: 5px;
 color: #5f96b0;
}

#deli_flow_txt ul#caution {
 margin: 20px 0 0 2px;
 font-size: 80%;
}

#deli_flow_map #map {
 float: left;
 width: 280px;
}

#deli_flow_map #map .caption {
 margin-top: 5px;
 font-size: 74%;
 font-family: 'ＭＳ Ｐ明朝','ヒラギノ明朝';
}

#deli_flow_map #map .link {
 margin-top: 5px;
 font-size: 105%;
}


#pageTop_link02 {
 margin-top: 0.5em;
 text-align: right;
}

#pageTop_link03,
#pageTop_link04,
#pageTop_link05 {
 margin-top: 1em;
 text-align: right;
}

#pageTop_link06 {
 width: 687px;
 margin-top: 2em;
 text-align: right;
}

#pageTop_link04 a:link,
#pageTop_link04 a:visited,
#pageTop_link04 a:active,
#pageTop_link04 a:focus {
 color: #899940;
}

#pageTop_link04 a:focus {
 color: #899940;
 border-bottom: 1px solid #899940;
}

#pageTop_link04 a:link,
#pageTop_link04 a:visited,
#pageTop_link04 a:active,
#pageTop_link04 a:focus {
 color: #899940;
}

#pageTop_link04 a:focus {
 color: #899940;
 border-bottom: 1px solid #899940;
}

#pageTop_link05 a:link,
#pageTop_link05 a:visited,
#pageTop_link05 a:active,
#pageTop_link05 a:focus {
 color: #f5a200;
}

#pageTop_link05 a:hover {
 color: #f5a200;
 border-bottom: 1px solid #f5a200;
}


#pageTop_link02 a:link,
#pageTop_link02 a:visited,
#pageTop_link02 a:active,
#pageTop_link02 a:focus,
#pageTop_link03 a:link,
#pageTop_link03 a:visited,
#pageTop_link03 a:active,
#pageTop_link03 a:focus,
#pageTop_link06 a:link,
#pageTop_link06 a:visited,
#pageTop_link06 a:active,
#pageTop_link06 a:focus
#deli_flow_map #map .link a:link,
#deli_flow_map #map .link a:visited,
#deli_flow_map #map .link a:active,
#deli_flow_map #map .link a:focus {
 color: #5f96b0;
}

#pageTop_link02 a:hover,
#pageTop_link03 a:hover,
#pageTop_link06 a:hover,
#deli_flow_map #map .link a:hover {
 color: #5f96b0;
 border-bottom: 1px solid #5f96b0;
}


#access_txt {
 float: left;
 width: 334px;
 margin-right: 10px;
}

#access_txt dt {
 margin-top: 20px;
}

#access_txt dd span {
 margin-right: 5px;
 color: #f5a200;
}

#access_txt dd ul {
 margin: 0 0 20px 1em;
}

#access_txt a:link,
#access_txt a:visited,
#access_txt a:active,
#access_txt a:focus {
 color: #f5a200;
}

#access_txt a:hover {
 color: #f5a200;
 border-bottom: 1px solid #f5a200;
}

#access_map {
 float: left;
 width: 344px;
}

#access_map .caption {
 margin-top: 10px;
 font-size: 74%;
}

#access_map .link {
 margin-top: 5px;
 font-size: 105%;
}

#access_map .link a:link,
#access_map .link a:visited,
#access_map .link a:active,
#access_map .link a:focus {
 color: #f5a200;
}

#access_map .link a:hover {
 color: #f5a200;
 border-bottom: 1px solid #f5a200;
}

/* ----- 経営理念 ----- */
#vision {
 margin: 10px auto;
 text-align: center;
}