@charset "UTF-8";


html{width:100%;height:100%;
font-size: 14px;
/*\*/
_font-size: 100%;
/**/
}

*{ margin: 0px; padding: 0px;}


body{height:100%;
background-color:#fff;
color:#555;
margin:0;padding:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:left;font-size: 14px;
}


img{ border:0px; vertical-align:top; }
ul ol{list-style:none; margin:0; padding:0;}
a:link{ color:#999;text-decoration: underline;}
a:visited{ color:#999;text-decoration: underline;}
a:active{ color:#5064a7;text-decoration:none;}
a:hover{ color:#990000;text-decoration:none;}

p{line-height:1.4em;}

.clear{ clear: both; visibility: hidden; height: 0;}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
ul ol li{list-style:none; margin:0; padding:0;list-style-type:none;}
li{list-style:none;list-style-type:none;}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
/*
Module ----------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */




/*
base ----------------------------------------*/


#wrapper{ width:900px;margin:0 auto;}
#header{width:auto; height:105px}

#header h1{width:111px; float:left;}
#header h1 a{width:106px; height:99px; background:url(../images/logo.gif) no-repeat left top;text-indent:-9999px;display:block;overflow:hidden;}
#header #menu{width:786px; height:99px; float:right;}

#header #menu .sec01{width:599px; height:70px; float:right;}
#header #menu .sec01 .tel{margin-top:38px; float:left;width:318px; height:25px; background:url(../images/menu_tel.gif) no-repeat left top;text-indent:-9999px;display:block;overflow:hidden;}
#header #menu .sec01 .contact{margin-top:38px; float:right;width:270px;height:25px; background:url(../images/menu_contact.gif) no-repeat left top;text-indent:-9999px;display:block;overflow:hidden;}
#header #menu ul{ display:block;width:786px; float:right;}
#header #menu ul li{ display:block; float:left;width:260px; height:29px;}
#header #menu ul li.menu07{width:108px;}
#header #menu ul li a{ display:block; float:left; width:256px;height:29px;text-indent:-9999px;display:block;overflow:hidden;}

#header #menu ul li.menu01 a{ background:url(../images/menu01.gif) no-repeat left top;}
#header #menu ul li.menu02 a{ background:url(../images/menu02.gif) no-repeat left top;}
#header #menu ul li.menu03 a{ background:url(../images/menu03.gif) no-repeat left top;}
#header #menu ul li.menu04 a{ background:url(../images/menu04.gif) no-repeat left top;}
#header #menu ul li.menu05 a{ background:url(../images/menu05.gif) no-repeat left top;}
#header #menu ul li.menu06 a{ background:url(../images/menu06.gif) no-repeat left top;}
#header #menu ul li.menu07 a{ background:url(../images/menu07.gif) no-repeat left top;}

#header a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



/*
content ----------------------------------------*/

#contents{width:auto;padding-bottom:16px;}

.index_left{width:890px; float:left;}
.index_right{width:401px; float:right;}

#top .section{background:#4e2c00;}
#top .imagebox{padding:6px;}
#top .imagebox img{ vertical-align:top; padding:0;margin:0; border:0;}
.sec03{margin-top:6px;}


.simpleSlideShow01{width:479px;height:643px; overflow:hidden;}
.simpleSlideShow02{width:389px;height:289px; overflow:hidden;}
.simpleSlideShow03{width:389px;height:287px; overflow:hidden;}









.dining_left, .facilities_left,
.intro_left, .price_left,
.access_left, .contact_left {width:515px; float:left;}
.dining_right, .facilities_right,
.intro_right, .price_right,
.access_right, .contact_right {width:367px; float:right;}

.access_right {
	height:415px;
	position:relative;
}


.dining_left h2,
.facilities_left h2,
.intro_left h2,
.price_left h2,
.access_left h2,
.contact_left h2 {height:63px;}

#sub .imagebox{padding:3px;background:#4e2c00;}
.simpleSlideShow_dining{width:508px; height:354px; overflow:hidden;}


#sub .dining_right h3,
#sub .facilities_right h3,
#sub .intro_right h3,
#sub .price_right h3,
#sub .access_right h3,
#sub .contact_right h3 { font-size:16px; line-height:1.2em;
 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 padding:12px 0 12px 0;}

#sub .dining_right p, #sub .facilities_right p,
#sub .price_right p,  #sub .access_right p{font-size:12px; line-height:1.5em;}


#sub .access_right p.bottom {
	display:block;
	font-size:10px;
	line-height:1.5em;
	position:absolute;
	bottom:0;
}



#sub .facilities_right table,
#sub .price_right table {
	border-collapse:collapse;
	border:none;
	margin-bottom:10px;
	width:100%;
}

#sub .facilities_right th,
#sub .facilities_right td,
#sub .price_right th,
#sub .price_right td
 {
	border:1px solid #a6a6a6;
	text-align:left;
	padding:3px;
	font-size:10px;
}

#sub .facilities_right th,
#sub .price_right th {
	background-color: #e7d7b7;
	width:28%;
	vertical-align:middle;
}

#sub .intro_text { padding:20px 0 0 0; }
#sub .intro_text p {font-size:12px; line-height:1.5em;}

#sub .contact_form { padding:20px 20px 0 20px; }

#sub .contact_form table {
	border-collapse:collapse;
	border:none;
}

#sub .contact_form th,
#sub .contact_form td
{
	text-align:left;
	padding:10px 0;
	font-size:12px;
	vertical-align:top;
}

#sub .contact_form th {
	width:180px;
}



h3.othermenu{padding:10px 0 0 0; clear:both;}

.din_menubox{border:1px solid #bdc1c4; border-width:0 1px 1px 1px;}
.din_menubox_in{border:1px solid #fff;}
.din_menubox_cont{ background:url(../images/dinmenu_background.jpg) repeat-x left bottom;padding:3px 0 0 0;}

.din_menubox_cont ul{}
.din_menubox_cont li{width:223px; height:147px; float:left;}
.din_menubox_cont li a{ display:block;margin-left:3px; width:220px; height:144px; overflow:hidden;}



















/*
footer ----------------------------------------*/

#footer{ background:url(../images/dot.gif) repeat-x left top;padding-top:14px; padding-bottom:30px; clear:both;}

#footer ul{display:block; width:320px; float:left;}
#footer ul li{width:150px; display:block; background:url(../images/icon_arrow.gif) no-repeat left 50%; text-indent:20px; float:left;}
#footer ul li a{ font-size:10px;}

#footer p{text-align:right; font-size:10px; float:right;width:300px; float:right; display:block; color:#999}


/*
clearfix ----------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


#contents:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#contents { display: inline-block; }
/* exlude MacIE5 \*/
* html #contents { height: 1% }
#contents {display:block;}
/* end MacIE5 */


/*
Module ----------------------------------------*/


.tac{text-align:center;}
.tar{ text-align:right;}

.rtbnr{padding-bottom:11px;}

.rtbnr2{padding-bottom:11px; margin-right:11px; text-align:center;}

.bnr{padding-bottom:6px;}

.red{color:#e23333;}

.fontChanger p{display:inline;}

.small { font-size:70%;} 
.medium {font-size:80%;}
.large { font-size: 110%;}