@import "style_base.css";

/*ひろ文について-------------------*/
div.aboutimg_right {
	float: right;
	width: 450px;
}
div.aboutimg_left {
	float: left;
	width: 220px;
	padding-bottom: 20px;
}
dl.about {
	width: 400px;
	border-top: 1px #3b2323 dotted;
	margin-left: 1em;
}
dl.about dt {
	width: 6em;
	border-bottom: 1px #3b2323 dotted;
	float: left;
	padding: 0.4em 0 0.4em 0.4em;
}
dl.about dd {
	margin-left: 6.4em;
	border-bottom: 1px #3b2323 dotted;
	padding: 0.4em 0;
}
div.aboutimg {
	margin: 20px auto;
	width: 700px;
}
div.aboutimg span.shadow {
	margin: 15px 10px 5px 0;
}
table.syukuhaku_price {
	border-collapse: collapse;
}
table.syukuhaku_price th {
	border: 1px solid #3b2323;
	padding: 3px 5px;
	background: #a89a9a;
	font-weight: normal;
	color: #fff;
}
table.syukuhaku_price td {
	border: 1px solid #3b2323;
	padding: 3px 5px;
	background: #fff;
	text-align: center;
}
table.syukuhaku_price td.title {
	border: 1px solid #3b2323;
	padding: 3px 5px;
	background: #d6cece;
	text-align: left;
	font-weight: bold;
	color: #3b2323;
}
table.syukuhaku_price td.title2 {
	border: 1px solid #3b2323;
	padding: 3px 5px;
	background: #d6cece;
	color: #3b2323;
}

.waku1 {
	background: #fff;
	padding: 5px;
	margin: 5px;
	border: 1px solid #7d6f6f;
}
/*夏・川床料理-------------------*/
em {font-style: normal; font-weight: bold; color: #3b2323;}

span.large {
	font-size: 160%;
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W3", "平成明朝","HG明朝E","HG明朝B","ＭＳ Ｐ明朝","MS Serif", Century, Times New Roman, serif;
	color: #733554;
}
div.menu {
	width: 670px;
	margin: 25px 0 30px 1em;
}
div.menu div.left {
	float: left;
	width: 280px;
}
div.menu div.right {
	float: right;
	width: 325px;
}
dl.menu {
	width: 280px;
	border-bottom: 1px dotted #733554;
	margin: 8px 0;
}
dl.menu dt {
	width: 15em;
	font-weight: bold;
	color: #733554;
	float: left;
	padding: 1px;
}
dl.menu dd {
	margin-left: 15em;
	text-align: right;
	padding: 1px;
}
dl.menu2 {
	width: 280px;
	border-bottom: 1px dotted #733554;
	margin: 8px 0;
}
dl.menu2 dt {
	width: 10em;
	font-weight: bold;
	color: #733554;
	float: left;
	padding: 1px;
}
dl.menu2 dd {
	margin-left: 10em;
	text-align: right;
	padding: 1px;
}
span.menu_title {
	font-weight: bold;
	color: #3b2323;
	padding: 3px;
	width: 294px;
	display: block;
	margin: 0;
}
dl.menu3 {
	width: 280px;
	margin: 8px 0;
}
dl.menu3 dt {
	width: 15em;
	font-weight: bold;
	color: #733554;
	float: left;
	padding: 1px;
}
dl.menu3 dd {
	margin-left: 15em;
	text-align: right;
	padding: 1px;
}

/*春秋冬メニュー---------------------*/
div#season_btn {
	width: 700px;
	height: 33px;
	padding-bottom: 15px;
}
div#season_btn ul {
	width: 700px;
	height: 33px;
	list-style: none;
}
div#season_btn ul li {
	float: left;
}
div#season_btn ul li a {
	display: block;
	width: 191px;
	height: 33px;
	text-indent: -9999px;
	padding-right: 10px;
	overflow: hidden;
}
div#season_btn ul li.con1 a {
	background: url(../other_menu/img/season_btn1.gif) 0 0 no-repeat;}
div#season_btn ul li.con1 a:hover {
	background: url(../other_menu/img/season_btn1.gif) 0 -33px no-repeat;}
div#season_btn ul li.con2 a {
	background: url(../other_menu/img/season_btn2.gif) 0 0 no-repeat;}
div#season_btn ul li.con2 a:hover {
	background: url(../other_menu/img/season_btn2.gif) 0 -33px no-repeat;}
div#season_btn ul li.con3 a {
	background: url(../other_menu/img/season_btn3.gif) 0 0 no-repeat;}
div#season_btn ul li.con3 a:hover {
	background: url(../other_menu/img/season_btn3.gif) 0 -33px no-repeat;}

div.profile {
	width: 700px;
	height: 1100px;
	padding: 15px 0;
	overflow: hidden;
}
div.section {
	width: 2100px;
}
div.sub {
	height: 1100px;
	width: 700px;
	float: left;
}
p.600 {
	width: 600px;
}
h3 {
	font-size: 160%;
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W3", "平成明朝","HG明朝E","HG明朝B","ＭＳ Ｐ明朝","MS Serif", Century, Times New Roman, serif;
	color: #733554;
	display: block;
	width: 500px;
	height: 22px;
	padding-left: 6px;
	border-left: 8px solid #733554;
	border-bottom: 1px solid #733554;
	margin: 15px 0 15px 10px;
}
span.flame img {
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}
div.attention {
	width: 460px;
	height: 420px;
	background: url(../menu/img/attention_bg.gif);
	margin: 30px 20px;
	padding: 25px 15px 15px 25px;
}
div.attention em {
	font-family: "ヒラギノ明朝 Pro W3", "平成明朝","HG明朝E","HG明朝B","ＭＳ Ｐ明朝","MS Serif", Century, Times New Roman, serif;
	font-size: 140%;
	color: #094164;
	font-style: normal;
}
div.attention ul {
	list-style: none;
	margin: 5px 0 15px 0;
}
div.attention ul li {
	background: url(../summer_menu/img/ichi.gif) 0 7px no-repeat;
	padding-left: 26px;
	line-height: 22px;
}
p.bikou {font-weight: bold; color:#;3b2323;}

/*交通案内--------------------------*/
dl.access dt {
	float: left;
	width: 5em;
	padding: 2px;
}
dl.access dd {
	margin-left: 5em;
	padding: 2px;
}
div.access_map {
	border: 1px solid #3b2323;
	width: 480px;
	position: relative;
	top: 0;
	left: 0;
}
/*IE6 hack*/
* html .access_map {
behavior: expression(IEPNGFIX.fix(this));
}
div.click {
	position: absolute;
	top: 3px;
	left: 31px;
	background: url(../access/img/space.gif) 0 0;
}
div.click a {
	width: 137px;
	height: 111px;
	display: block;
	text-indent: -9999px;
}
div.click a:hover {
	background: url(../access/img/click.png) 0 0;
}
* html .click a:hover {
behavior: expression(IEPNGFIX.fix(this));
}

/*観光案内----------------------------*/
div.guide {
	width: 700px;
}
div.guide div.left {
	float: left;
	width: 340px;
	position: relative;
	top: 0;
	left: 0;
}
div.guide div.left img {
	border: 1px solid #3b2323;
}
div.guide div.right {
	float: right;
	width: 320px;
}
div#icon1 a {
	position: absolute;
	top: 128px;
	left: 190px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(../guide/img/map_icon.gif) no-repeat 0 0;
	overflow: hidden;
}
div#icon2 a {
	position: absolute;
	top: 252px;
	left: 132px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(../guide/img/map_icon.gif) no-repeat 0 0;
	overflow: hidden;
}
div#icon3 a {
	position: absolute;
	top: 281px;
	left: 177px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(../guide/img/map_icon.gif) no-repeat 0 0;
	overflow: hidden;
}
div#icon4 a {
	position: absolute;
	top: 385px;
	left: 116px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(../guide/img/map_icon.gif) no-repeat 0 0;
	overflow: hidden;
}
div#icon5 a {
	position: absolute;
	top: 455px;
	left: 112px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(../guide/img/map_icon.gif) no-repeat 0 0;
	overflow: hidden;
}
div#icon6 a {
	position: absolute;
	top: 460px;
	left: 60px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(../guide/img/map_icon.gif) no-repeat 0 0;
	overflow: hidden;
}
div#icon7 a {
	position: absolute;
	top: 9px;
	left: 222px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(../guide/img/map_icon.gif) no-repeat 0 0;
	overflow: hidden;
}
div#icon8 a {
	position: absolute;
	top: 190px;
	left: 100px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	background: url(../guide/img/map_icon.gif) no-repeat 0 0;
	overflow: hidden;
}
table.saijiki {
	width: 318px;
	border-collapse: collapse;
	margin-top: 8px;
}
table.saijiki td {
	border-bottom: 1px solid #3b5f1e;
	padding: 5px;
}
table.saijiki th {
	border-bottom: 1px solid #3b5f1e;
	padding: 5px 3px;
	color: #3b5f1e;
	text-align: left;
}

/*お問い合せ-------------------------*/
table.contact {
	border-collapse: collapse;
	font-size: 10pt;
	color: #3b2323;
	width: 550px;
	margin: 0 auto;
}
table.contact th {
	border: 1px solid #7d6f6f;
	font-weight: normal;
	text-align: left;
	padding: 3px;
	width: 8em;
}
table.contact td {
	border: 1px solid #7d6f6f;
	padding: 3px;
}
div.enter_button {
	text-align: center;
	margin: 30px auto;
}

/*shadow--------------*/
.shadow {
	background /**/: url(../img/shadow.png) right bottom;
	float: left;
}
.shadow img {
    position /**/: relative;
    left /**/: -5px;
    top /**/: -5px;
    padding: 5px;
    background: #fff;
}
/*IE6 hack*/
* html .shadow {
behavior: expression(IEPNGFIX.fix(this));
}

/*jquery-facebox-css----------------*/
#facebox .b {
  background:url(../img/fb_b.png);
}
#facebox .tl {
  background:url(../img/fb_tl.png);
}
#facebox .tr {
  background:url(../img/fb_tr.png);
}
#facebox .bl {
  background:url(../img/fb_bl.png);
}
#facebox .br {
  background:url(../img/fb_br.png);
}
/*IE6 hack*/
* html #facebox .b,#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br {
behavior: expression(IEPNGFIX.fix(this));
}
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}
#facebox .popup {
  position: relative;
}
#facebox table {
  border-collapse: collapse;
}
#facebox td {
  border-bottom: 0;
  padding: 0;
}
#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}
#facebox .loading {
  text-align: center;
}
#facebox .image {
  text-align: center;
}
#facebox img {
  border: 0;
  margin: 0;
}
#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.facebox_hide {
  z-index:-100;
}
.facebox_overlayBG {
  background: none;
  z-index: 99;
}
* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/*calender ----------------*/
dl.calendar { margin-bottom: 20px;}
dl.calendar dt {float: left; width: 2em;}
dl.calendar dd {padding-left: 2.5em; margin: 0;}

table.calendar {
	width: 270px;
	float: left;
	background-color: #fbfaf5;
	border-collapse: collapse;
	margin-right: 15px;
	margin-bottom: 20px;
}
table.calendar tr,table.calendar td {
	border: 1px solid #3b2323;
	padding: 3px;
	text-align: center;
}
.title {
	font-weight: bold;
	background-color: #3b2323;
	color: #fff;
}
table.calendar .holiday {background-color: #e8d3c7;}
table.calendar .saturday {background-color: #e5e7cb;}
table.calendar p {margin: 0!important;}

span.data1 { display: block; height: 16px; width: 20px; text-indent: -9999px; background: url(../calender/img/ico1.gif) no-repeat; margin: 0 auto;}
span.data2 { display: block; height: 16px; width: 20px; text-indent: -9999px; background: url(../calender/img/ico2.gif) no-repeat; margin: 0 auto;}
span.data3 { display: block; height: 16px; width: 20px; text-indent: -9999px; background: url(../calender/img/ico3.gif) no-repeat; margin: 0 auto;}