@charset "utf-8";



/*******************************************************************/
/*BASIS*/
/*******************************************************************/
* { margin: 0; padding: 0; line-height: 1.4; font-size: 100%;}
a {
	background-attachment: scroll;
	background-color: transparent;
	text-decoration: none;
	color: #958343;
}
a:hover { color: #FF9900;}
img { border: medium none;}
input,textarea,select {
	margin: 0 2px;
	padding: 1px;
	font-family: "ヒラギノ明朝 Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif;
}
hr { display: none; clear: both;}
table {
	width: 810px;
	margin: 20px 0;
}
th {
	width: 160px;
	padding: 10px 0;
	text-align: center;
	background: #242424;
	font-weight: normal;
	color: #FFF;
}
td {
	padding: 1px 4px;
	background: #f2eddd;
	border-bottom: solid 1px #EEE;
}




/*******************************************************************/
/*CLASS*/
/*******************************************************************/
.attention { color: #C33; font-size: 1em;}
.floatL { float: left; padding-right: 10px;}
.floatR { float: right; padding-left: 10px;}
.center { text-align: center;}
.right { text-align: right; line-height: 1;}
.clear { clear: both; line-height: 0;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
}






/*******************************************************************/
/*LAYOUT*/
/*******************************************************************/
body {
	margin: 0 auto;
	text-align: center;
	background: #333333 url(../images/back.gif) left top repeat-x;
	font-size: 62.5%;
	font-family: "Hiragino Kaku Gothic Std", Verdana, Arial, Sans-Serif;
	color: #231815;
}
div#conteiner {
	position: relative;
	width: 900px;
	height: 100%;
	margin: 0 auto;
	background: #000 url(../images/back.gif) left top repeat-x;
	text-align: left;
	font-size: 1.2em;
}
div#conteiner h3.sub{
	display: none;
}
ul.menu{
	height: 28px;
	margin:2px 0 4px;
}
div.navi{
	height: 30px;
	padding: 6px 0 0 20px;
	background:url(../images/navi.jpg) left top no-repeat;
}
div.contents {
	padding:0 5px 0;
	background: #FFF url(../images/contents.gif) left top repeat-y;
}
div.main {
	padding: 20px 40px;
}
div.footer{
	clear: both;
	width: 900px;
	height: 165px;
	margin: 0;
	background: url(../images/copy.jpg) left top no-repeat #000;
}





/*******************************************************************/
/*HEADER*/
/*******************************************************************/
h1 a {
	display: block;
	width: 488px;
	height: 102px;
	background: url(../images/logo.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
ul.banner {
	position: absolute;
	top: 10px;
	right: 0;
	background: url(../images/tel.gif) left bottom no-repeat;
}
ul.banner h3 {
	display: none;
}
ul.banner li {
	float: left;
	padding-left: 10px;
	list-style: none;
}
ul.banner li.profile {
	clear: both;
	padding: 5px 0 0 195px;
}


/*******************************************************************/
/*FOOTER*/
/*******************************************************************/
div.footer p {
	padding: 30px 46px;
	font-size: 0.8em;
	color: #999;
}



/*******************************************************************/
/*NAVIGATION*/
/*******************************************************************/
ul.menu li {
	float: left;
	list-style: none;
}
ul.menu li a {
	display: block;
	height:28px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
ul.menu li a:hover { background-position: left bottom;}
ul.menu li#top a { width: 60px; background-image: url(../images/top.gif);}
ul.menu li#concept a { width: 85px; background-image: url(../images/concept.gif);}
ul.menu li#facilities a { width: 95px; background-image: url(../images/facilities.gif);}
ul.menu li#cuisine a { width: 81px; background-image: url(../images/cuisine.gif);}
ul.menu li#fair a { width: 116px; background-image: url(../images/fair.gif);}
ul.menu li#restaurant a { width: 164px; background-image: url(../images/restaurant.gif);}
ul.menu li#blog a { width: 101px; background-image: url(../images/blog.gif);}
ul.menu li#reservation a { width: 88px; background-image: url(../images/reservation.gif);}
ul.menu li#access a { width: 110px; background-image: url(../images/access.gif);}




/*******************************************************************/
/*CONTENTS*/
/*******************************************************************/
div.contents p {
	padding: 10px 0;
}	
div.contents h2 {
	height: 80px;
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div.contents h2#concept { background-image: url(../images/st_concept.jpg);}
div.contents h2#facilities { background-image: url(../images/st_facilities.jpg);}
div.contents h2#cuisine { background-image: url(../images/st_cuisine.jpg);}
div.contents h2#fair { background-image: url(../images/st_fair.jpg);}
div.contents h2#restaurant { background-image: url(../images/st_restaurant.jpg);}
div.contents h2#blog { background-image: url(../images/st_blog.jpg);}
div.contents h2#reservation { background-image: url(../images/st_reservation.jpg);}
div.contents h2#access { background-image: url(../images/st_access.jpg);}

div.contents h3 {
	margin: 20px 0 0;
	font-size: 1.2em;
	color: #958343;
}
div.cuisine {
	width: 806px;
	height: 513px;
	background: #AF9D5D;
}
div.cuisine h3 {
	padding: 0 20px 10px;
	border-bottom: #FFF 2px solid;
	color: #FFF;
}
div.cuisine p {
	padding: 15px 20px;
}
div.cuisine div.chef {
	display: inline;
	float: right;
	margin: 0;
}


/*******************************************************************/
/*FAIR*/
/*******************************************************************/

/*bridal page*/
.cal table { width: 390px; margin: 0 0 10px 5px; background: #CFCECE;}
.cal td { height: 30px; background: #FFF; text-align: center;}
.cal td.sat { border: solid 1px #FFF; background: #EEF;}
.cal td.sun { border: solid 1px #FFF; background: #FEE;}
.cal_st {
	text-align: center;
	background: url(../images/cal_st.jpg) center no-repeat;
	font-size: 1.4em; font-weight: bold; font-family: "Times New Roman", Times, serif;
	color: #000;
}
.cal_0 { background:#FFFFFF; }
.cal_a,.cal_1 { background:#F9D0D8; }
.cal_b,.cal_2 { background:#FFFFAF; }
.cal_c,.cal_3 { background:#DCE8A2; }
.cal_d,.cal_4 { background:#C7E8FA; }
.cal_e,.cal_5 { background:#FFC905; }
.cal_f,.cal_6 { background:#E395E2; }
.cal_g,.cal_7 { background:#F9D9C4; }
.cal_h,.cal_8 { background:#A1E8AD; }
.cal_j,.cal_9 { background:#C5C0FA; }
.cal_k,.cal_10 { background:#E3949C; }
.cal td a { display: block; color: #706952; text-decoration: underline; font-weight: bold;}
.cal td a:hover { color:#333;text-decoration:none;font-weight:bold;}

form table {
    border:solid 1px #66C;
    border: #F2EDDD 3px solid;
}

table.info_a td,table.info1 td { background:#F9D0D8;}
table.info_b td,table.info2 td { background:#FFFFAF;}
table.info_c td,table.info3 td { background:#DCE8A2;}
table.info_d td,table.info4 td { background:#C7E8FA;}
table.info_e td,table.info5 td { background:#FFC905;}
table.info_f td,table.info6 td { background:#E395E2;}
table.info_g td,table.info7 td { background:#F9D9C4;}
table.info_h td,table.info8 td { background:#A1E8AD;}
table.info_i td,table.info9 td { background:#C5C0FA;}
table.info_j td,table.info10 td { background:#E3949C;}

table td.white {
	padding: 0;
	background: #FFF;
	border: none;
}
table td.white p {
	padding: 10px 20px;
}

p.button {
	text-align: center;
	padding: 10px;
	margin: 15px 15px 0;
	background: #F5F5F5;
	border: solid 1px #DDD;
	color: #999;
}
table td.titleArea {
	padding: 10px 10px 0;
}

table td.titleArea h4 {
	font-size: 1.6em;
	float:left;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	border-right: solid 1px #000;
	padding: 0 10px 0 0;
}


table td.titleArea span {
	margin:6px 0 0 10px;
	padding:0 0 0 5px;
	color:#666;
	font-weight:bold;
	position: absolute;
}
P.yoyaku{
	float:right;
	font-weight: bold;
}

td.colorsample {
    width: 30px;
    height: 10px;
}





/*sp fair*/
div#spfair { width: 806px;}
div#spfair div.line {
	clear: both;
	margin: 20px 0;
	border-bottom: solid 1px #AF9D5D;
}
div#spfairSide { float: right; width: 220px;}
div#spfairOther {
	clear: both;
	padding: 10px 70px;
	background: #EEEAD3;
}
div#spfairContents {
	padding: 20px;
	background: #F5F2E5;
	border-top: solid 5px #AF9D5D;
}
div#spfairContents h3 {
	margin: 0;
	padding: 5px 10px;
	border-top: solid 1px #AF9D5D;
	border-bottom: solid 1px #AF9D5D;
	font-size: 1.4em;
}
div#spfairContents h3.red {
	background: #FFDFDF;
	border-color: #F33; 
	color: #F33;
}
div#spfairContents h3.broun {
	background: #E9E3C7;
	border-color: #933; 
	color: #933;
}
div#spfairContents h3.green {
	background: #DAFDB3;
	border-color: #363;
	color: #363;
}
div#spfairContents h4 {
	padding: 3px 10px;
	background: #F5F5F5;
	border-bottom: solid 1px #DDD;
	font-weight: normal;
	font-size: 1.2em;
	color: #958343;
}
div#spfairContents h5 { padding: 3px 10px;}
div#spfairContents p.day { margin-bottom: 10px; padding: 0 10px; border-bottom: dotted 1px #958343; font-weight: bold; color: #958343;}
div#spfairContents p.day span { padding-left: 10px; font-weight: normal; color: #AF9D5D;}
div#spfairContents p { padding: 5px 10px;}
div#spfairContents .floatL { margin-bottom: 10px; width: 430px;}
div#spfairContents img.set { margin-bottom: 10px; border: solid 1px #AF9D5D;}