@charset "utf-8";
/* ===================================================================
CSS information

 file name  :restaurant_arai.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	レストランページのみ指定（width883pxバージョン）
----------------------------------------------------------- */
#bonjour #contents {
	width: 883px;
}

#bonjour #main {
	width: 883px;
	float: none;
}

#bonjour .title_wrap {
	height: 300px;
	width: 100%;
	background-color: #23130c;
}

#bonjour #rest_slide_wrap {
	height: 300px;
	width: 1300px;
	margin: 0 auto;
	background-color: #23130c;
}


#bonjour #contents_box {
	margin-top: 34px;
}

#bonjour .contents_wrap2{
	background: url(../restaurant/images/cbg_bottom.png) repeat-y center bottom ;
}

/* タブ */
#tab_rest {
	width: 883px;
	height: 45px;
	overflow: hidden;
	margin-bottom: 35px;
}
#tab_rest li {
	float: left;
	width: 124px;
	height: 45px;
	margin: 0 1px;
}
#tab_rest li a {
	display: block;
	width: 124px;
	height: 0;
	padding-top: 45px;
}
#tab_rest .tab_top a {
	background: url(../restaurant/images/tab/tab_top.gif) no-repeat 0 0;
}
#tab_rest .tab_ara a {
	background: url(../restaurant/images/tab/tab_ara.gif) no-repeat 0 0;
}
#tab_rest .tab_lun a {
	background: url(../restaurant/images/tab/tab_lun.gif) no-repeat 0 0;
}
#tab_rest .tab_din a {
	background: url(../restaurant/images/tab/tab_din.gif) no-repeat 0 0;
}
#tab_rest .tab_hoy a {
	background: url(../restaurant/images/tab/tab_hoy.gif) no-repeat 0 0;
}
#tab_rest .tab_bon a {
	background: url(../restaurant/images/tab/tab_bon.gif) no-repeat 0 -45px;
}
#tab_rest .tab_kod a {
	background: url(../restaurant/images/tab/tab_kod.gif) no-repeat 0 0;
}
#tab_rest li a:hover {
	background-position: 0 -45px;
}

/*パンくず*/
#bonjour .pan{
	margin-bottom: 20px;
	text-align: right;
	width: 883px;
}
#bonjour .pan ul {
	overflow: hidden;
	display: inline-block;
}
#bonjour .pan ul li{
	color: #012416;
	float: left;
	padding-left: 10px;
}


/* -----------------------------------------------------------
	タイトル
----------------------------------------------------------- */
/*　※必ずbackground-imageにしてください！*/
#bonjour #page_title h2{
	background-image: url(../restaurant/images/st_title.gif) ;
	}
#bonjour .con_int h3 {
    margin-bottom: 15px;
}

#bonjour .rpgtop{
	margin: 45px 0 65px;
	}
#bonjour .tbl_basic2 td{
	padding: 0.7em 0.3em 0.7em 1em;
	}
#bonjour .tbl_basic2 td span{
	color: #D02A2A;
	}


/* -----------------------------------------------------------
	.con_int イントロ
----------------------------------------------------------- */
#bonjour .con_int{
	}
#bonjour .con_int .tit_int{
	margin: 15px 0;
	padding: 0 0 0 15px;
	}
#bonjour .con_int .img_bon{
	margin-bottom: 15px;
	}
#bonjour .con_int .txt_bon{
	padding: 0 0 0 15px;
	margin-bottom: 10px;
	}
#bonjour .con_int .txt_int{
	padding: 0 0 0 15px;
	}




/* -----------------------------------------------------------
	.con_bre 朝食のご案内
----------------------------------------------------------- */

#bonjour #con_bre {
	margin-bottom: 274px;
	padding-top: 93px;
	}
#bonjour #con_bre h3{
	border-bottom: 1px solid #d0bf82;
	padding: 0 0 4px 3px;
	margin-bottom: 20px;
	}
#bonjour #con_bre .box_pho{
	overflow: hidden;
	}
#bonjour #con_bre .box_pho .img_bre02{
	margin-bottom: 22px;
	}
#bonjour #con_bre .txt_bre{
	margin: -60px 0 20px 0;
	}
#bonjour #con_bre .txt{
	margin-bottom: 20px;
	margin-top: 2%;
	width: 58%;
	float: left;
	}

#bonjour #con_bre .tbl_bre{
	width: 500px;
	margin-bottom: 4px;
	float: left;
	}
#bonjour #con_bre .tbl_bre th{
	width: 160px;
	}



/* -----------------------------------------------------------
	#con_caf 喫茶のご案内
----------------------------------------------------------- */

#bonjour #con_caf {
	overflow: hidden;
	padding-top: 93px;
	margin-top: -20px;
	}
#bonjour #con_caf h3{
	border-bottom: 1px solid #d0bf82;
	padding: 0 0 4px 3px;
	margin-bottom: 20px;
	}
#bonjour #con_caf .box_caf {
	width: 540px;
	margin-bottom: 30px;
	}
#bonjour #con_caf .box_caf p{
	margin-bottom: 20px;
	}
#bonjour #con_caf .box_caf .tbl_caf th{
	width: 160px;
	}

#bonjour #con_caf .box_caf2{
	width: 297px;
	margin-bottom: 30px;
	}
#bonjour #con_caf .box_caf2 .txt_caf{
	margin: 25px 0 15px;
	}
#bonjour #con_caf .box_caf2 .txt{
	margin-bottom: 15px;
	}
#bonjour #con_caf .box_caf2 .box_ser{
	width: 297px;
	margin: 0 0 0 auto;
	}
#bonjour #con_caf .box_caf2 .box_ser .img_ser{
	margin-bottom: 7px;
	}
#bonjour #con_caf .box_caf2 .box_ser .txt_ser{
	margin-bottom: 7px;
	}

#bonjour #con_caf .box_men h4{
	background-color: #e9d7af;
	clear: both;
	margin-bottom: 20px;
}
#bonjour #con_caf .box_men div{
	width: 402px;
	position: relative;
	margin: 0 15px 35px;
}
#bonjour #con_caf .box_men div .img_men {
	margin-bottom: 5px;
}
#bonjour #con_caf .box_men div .txt_men span {
	font-size: 0.9em;
	color: #d02a2a;
	line-height: 1.2;
}
#bonjour #con_caf .box_men div .ic_sp {
	position: absolute;
	top: -10px;
	left: 2px;
}


#bonjour #con_caf .box_men .panel_wrap {
	width: 402px;
}
#bonjour #con_caf .box_men .box_dri {
	clear: both;
	width: 402px;
}
#bonjour #con_caf .box_men .box_lun {
	width: 402px;
}
#bonjour #con_caf .box_men .box_lun .txt_cha {
	margin-bottom: 10px;
	font-size: 12px;
	padding: 0 50px 0 10px;

}
#bonjour #con_caf .box_men dt {
	background: url(../restaurant/bonjour/images/ic_toggle.gif) no-repeat 0 2px;
	padding-left: 23px;
	margin-bottom: 15px;
	font-size: 15px;
}
#bonjour #con_caf .box_men dt.active {
	background: url(../restaurant/bonjour/images/ic_toggle2.gif) no-repeat 0 2px;
}


#bonjour #con_caf .box_men .tbl_dri,
#bonjour #con_caf .box_men .tbl_lun{
	width: 350px;
	margin-bottom: 15px;
	}

#bonjour #con_caf .box_men .tbl_dri{
	clear: both;
	margin-bottom: 15px;
	}

.note{
	margin-left: 19.7%;
	width: 30%;
	float: left;
}
.notice {
	width: 35%;
	padding: 8px 19px;
	margin: 3em auto 1em;
	color: #616165;
	background: #fafafa;
	border-top: solid 5px #f12121;
	border-bottom: solid 5px #f12121;
	text-align: center;
    font-size: 152%!important;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝B","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
    border-radius: 9px;
}
.caption {
	font-weight: bold;
    font-size: 122%;
    margin-bottom: 1%;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html #bonjour .pan ul {
	display: inline-block;
  display: inline;
  zoom: 1;
}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}