/*--------------------------------------------------*/
/*clearfix*/
/*--------------------------------------------------*/
div:after,
ul:after,
li:after,
dl:after{
content:"";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
font-size:0.1px;
}

* html div,
* html ul,
* html li,
* html dl{
display:inline-block;
}

body {
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 22px;
	padding: 0;
	margin: 0;
	background-image: url(img/bg.gif);
	background-repeat: repeat;
	color: #333333;
}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,img,div{
	margin: 0px;
	padding: 0px;
}

img{
    border: 0;
}

li {
    list-style: none;
}		

a:hover {
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

iframe {
border: 1px solid #FFFFFF;
}

a {
	text-decoration:none;
	color: #C80003;
}

/* ---------------------------------------- 全体レイアウトに関する指定　↓ */

#header {
	width: 960px;
	margin: 0px auto 0;
	position: relative;
	height: 95px;
	clear: both;
	background-color: #FFFFFF;
}

#contents_wrapper {
	width: 960px;
	margin: 0px auto 0;
	position: relative;
	background-color: #FFFFFF;
}

#contents {
    width: 730px;
	padding: 0 0 0 20px;
    float: left;
}

#contents940 {
    width: 920px;
	padding: 0 0 0 10px;
    float: left;
}

#contents960 {
    width: 960px;
	padding: 0;
    float: left;
}

.contents960_inner {
	padding: 0 20px;
}

#sidebar{
	float: left;
	width: 170px;
}

#footer {
	text-align: center;
	width: 960px;
	overflow: hidden;
	margin: 0px auto 0;
    clear: both;
	background-color: #fbdab6;
	border-top: 1px solid #8c781b;
}

#pankuzu {
	float: left;
	font-size: 12px;
	width: 960px ;
	padding: 10px 0 0 0;
	text-indent: 25px;
	clear: both;
	border-top: 1px solid #8c781b;
}

#pankuzu a {
	color: #5d5039;
}

#pankuzu a:hover {
	color: #5d5039;
}

/* ---------------------------------------- 見出しに関する指定　↓ */

.header_text {
	position: absolute;
	top: 10px;
	left: 30px;
	margin: 0 0 0 0;
	float: left;
}

.red_text {
	color: #7a191d;
	font-weight: bold;
	font-size: 16px;
	padding: 0 0 0 25px;
	margin: 20px 0 10px 0;
}

.menu_img {
    margin: 20px 0 10px 0;
		border-bottom:1px solid #a79851;
}

.bold_left_text {
	font-size: 12px;
	padding: 3px 10px;
}	

.heading_ribbon {
	font-weight: bold;
	font-size: 18px;
	color: #5d5039;
	position: relative;
	padding: 7px 0 7px 25px;
	background: #ffd777;
	margin-left: -25px;
	margin-top: 10px;
}
.heading_ribbon:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 0;
    border-color: transparent;
    border-right-color: #e0bc6c;
}
.heading_ribbon:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;s
    width: 0;
    height: 0;
    border-width: 18px 7px;
    border-style: solid;
    border-color: #ffd777;
    border-right-color: transparent;
}
/* ---------------------------------------- ヘッダー　↓ */

.header_r{
    float: right;
    width: 630px;
	padding: 5px 0;
}

.header_r p{
	text-align:right;
}


strong {
    padding: 15px;
	font-weight: normal;
	font: 12px;
	color:#AAA;
}	 

.menu {
	float:right;
	padding: 35px 0 20px 30px;

}
 
.menu li{
	float: left;
	width: 120px;
	text-align: center;
}

.menu a {
     color: #8c781b;
	 font-weight: bold;
} 

.menu a:hover {
     color: #7A191D;
}    

/* ---------------------------------------- slideshow　↓ */
#slideshow {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	background-color: #FFFFFF;
	position: relative;
}

#slideshow div {
	width: 960px;
	height: 510px;
	overflow: hidden;
	position: relative;
}

#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:1000;
}

#slideshow ul li {
	width: 20px;
	float: left;
	display: inline;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}

/* ---------------------------------------- ２列表示 ↓ */

.line_float {
    width: 710;
	padding: 0 10px;
	margin: 10px 0 15px 0;
	clear: both;
}

.line_float_all {
	width: 960px;
	margin: 0 auto;
	clear: both;
	text-align: right;
}

.line_float_960 {
    width: 900px;
	padding: 0 10px;
	margin: 10px 0 15px 0;
	clear: both;
}

.line_float span{
    font-size: 11px;
}		

/* ---------------------------------------- コンセプトに関する指定　↓ */

.concept_l {
	float: left;
	width: 445px;
	height: 260px;
	padding: 30px 0 0 60px;
	margin: 10px 15px 0px 0;
	background-image: url(img/concept_bg.jpg);
	background-repeat: no-repeat;
}

.concept_r {
    float: left;
	width: 190px;
	margin: 10px 0 0px 0;
}

.concept_l p {
	font-size: 12px;
	margin-top:30px;
}			

/* ---------------------------------------- ビュッフェに関する指定　↓ */

.buffet_l {
    float: left;
	padding:10px 10px 10px 10px;
	width: 240px;
}	

.buffet_r {
    float: left;
	padding:10px;
	width: 620px;
}

.buffet_menu {
	clear: both;
	margin: 15px 0 15px 0;
}
.menu_l {
    float: left;
	width: 200px;
	margin: 0 10px 10px 0;	
}	
.menu_r {
    float: left;
	width: 200px;
}

.buffet_r li{
    font-size: 12px;
	line-height: 1.5em;
}	

/* ---------------------------------------- コースに関する指定　↓ */
 
.course_float {
    width: 705px;
	padding: 0 10px;
	margin: 10px 0 15px 5px;
	clear: both;
} 
 
.course_l {
    float: left;
	width: 270px;
	padding:10px 10px 10px 0;
}
	
.course_r {
    float: left;
	width: 395px;
	padding:10px;
	text-align: center;	
}	

.dot {
	border-top: 1px dotted #8c781b;	
}

.price {
    margin: 10px 0;
}		

/* ---------------------------------------- 画像に関する指定　↓ */
.buffet_l img,
.course_l img {
	border:1px solid #998c3d;
}

/* ---------------------------------------- ドリンクに関する指定　↓ */
 
.drink_l {
    float: left;
	width: 550px;
	padding:10px 20px 20px 10px;	
}	

.drink_r {
    float: left;
	width: 200px;
	padding:30px 10px 10px 20px;	
}

.gotop {
	padding: 20px 0px 20px 0;
}

/* ---------------------------------------- お知らせ欄に関する指定　↓ */
.info_box {
	padding:5px 15px;
	border:1px solid #a79851;
}

.info_box h2 {
	color:#a79851;
	font-size:13px;
}


/* ---------------------------------------- サイドバーに関する指定　↓ */

#sidebar {
	float: right;
	width: 170px;
	padding: 20px 30px 0 0;
}	

#sidebar li  {
	margin-bottom: 10px;
}

/* ---------------------------------------- 店舗詳細に関する指定　↓ */

.shop_info {
    clear: both;
    width: 960px;
	overflow: hidden;
	margin: 0px auto 0;
	background-color: #fbdab6;
}

.info_wrapper {

} 

.info_l {
	float: left;
	width: 280px;
	padding: 20px 10px 10px 15px;
}

.info_l h2{
    padding-left: 10px;	
}

.info_l p {
    padding: 3px 10px;
}

.info_l p img {
	border:5px solid #feeddd;
}

.info_r {
    float: left;
	width: 560px;
	padding:20px 10px 20px 10px;	
}

.info_r p {
    padding: 3px 10px;
}

.inner_l{
	float: left;
}	

.inner_r{
	float: left;
	width: 215px;
}		

/* ---------------------------------------- フッターに関する指定　↓ */	

address {
    padding: 20px 0;
}				

/* ---------------------------------------- テーブルに関する指定　↓ */

table{
    border:1px solid #BFAD8A;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 12px;
	line-height: 16px;
}
table th,
table td{
    padding: 3px 5px;
}

table th{
    border:1px solid #BFAD8A;
    border-bottom:1px solid #BFAD8A;
    background-color:#F8F6EF;
	text-align: left;
	font-weight: normal;
}

table th.th_ttl{
    background-color:#f6efd7;
}

table td{
    border-right:1px solid #BFAD8A;
    border-bottom:1px solid #BFAD8A;
}
.center {
    text-align: center;
}	


/* ---------------------------------------- 幅960 1列 横並タイプC 写真サイズ160　↓ */


.w960_1_xc160_01 {
	float: right;
	width: 250px;
	text-align: center;
	margin: 10px 0px 0 0;
	padding: 0 0 10px 0;
}

.w960_1_xc160_02 {
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0 0 0px;
	padding: 0 0 5px 5px;
	line-height: 17px;
	border-bottom: 1px solid #CCCCCC;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #5d5039;
	width: 595px;
	border-bottom: 1px dotted #5d5039;
	float: left;
}

.w960_1_xc160_02 a {
	color: #5d5039;
}

.w960_1_xc160_02 a:hover {
	color: #5d5039;
}


.w960_1_xc160_03 {
	font-size: 13px;
	margin: 10px 0 0 0px;
	padding: 5px 0;
	line-height: 17px;
	width: 600px;
	float: left;
}

.w960_1_xc160_04 {
	font-size: 13px;
	margin: 10px 0 0 500px;
	padding: 0;
	line-height: 17px;
	width: 100px;
	float:left;
}

/* 朝食写真欄3列 */
.berakfast_pic_l{
	width:200px;
	height:140px;
	float:left;
	margin:0;
	padding:0;
}

.berakfast_pic_r{
	width:200px;
	height:140px;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

.topics{
	font-size: 20px;
	font-weight: bold;
}

.topics_p{
	font-size:14px;
		padding-left:30px;
}