@charset "utf-8";



/*******************************************************************/
/*BASIS*/
/*******************************************************************/
* {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
a {
	background-attachment: scroll;
	background-color: transparent;
	text-decoration: none;
	color: #666;
}
a:hover { color: #B30000;}
img { border: medium none;}
input,textarea,select{
	padding:1px;
	font-size:100%;
	font-family: "ヒラギノ明朝 Pro W6", Osaka, "ＭＳ Ｐゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif;
}
hr { display: none; clear: both;}
ol {
	padding: 5px 30px;
}




/*******************************************************************/
/*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;
}
table{
	width:100%;
	margin:10px 0;
	font-size: 1em;
}
th{
	width:120px;
	padding:10px 0;
	text-align:center;
	background:#242424;
	font-weight:normal;
	color:#FFF;
}
td{
	padding:4px 4px;
	background:#F2EDDD;
	border-bottom:solid 1px #EEE;
}
table.white {
	width: auto;
	margin: 0 auto 20px;
}
table.white td {
	padding: 10px;
	vertical-align: top;
	background: #FFF;
	border-right:solid 1px #EEE;
	border-bottom: none;
}



/*******************************************************************/
/*LAYOUT*/
/*******************************************************************/
body {
	margin: 0 auto;
	text-align: center;
	background: #4E454A url(../images/back.gif) left top repeat-x;
	font-size: 62.5%;
	font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #231815;
}
div#conteiner {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.2em;
}
div#conteiner h3.sub{
	display: none;
}
ul.menu{
	height: 60px;
	background: #4E454A url(../images/menu.jpg) left top no-repeat;
}
div.navi{
	height: 50px;
	padding: 2px 0 0 20px;
	background: #4E454A url(../images/navi.jpg) left top repeat-x;
}
div.contents {
	background: #FFF;
}
div.main {
	width:840px;
	margin:0 30px;
	padding:0 0 30px;
}
div.fair {
	width:700px;
	margin:0 100px;
	padding:0 0 30px;
}
div.footer{
	clear: both;
	width: 900px;
	margin: 20px auto;
	text-align: left;
	background: url(../images/copy.gif) left bottom no-repeat;
	text-indent:-9999px;
}





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




/*******************************************************************/
/*NAVIGATION*/
/*******************************************************************/
ul.menu li {
	float: left;
	list-style: none;
}
ul.menu li a {
	display: block;
	height:60px;
	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: 81px; background-image: url(../images/top.gif);}
ul.menu li#concept a { width: 102px; background-image: url(../images/concept.gif);}
ul.menu li#facilities a { width: 112px; background-image: url(../images/facilities.gif);}
ul.menu li#cuisine a { width: 92px; background-image: url(../images/cuisine.gif);}
ul.menu li#blog a { width:119px; background-image: url(../images/blog.gif);}
ul.menu li#fair a { width: 130px; background-image: url(../images/fair.gif);}
ul.menu li#reservation a { width: 138px; background-image: url(../images/reservation.gif);}
ul.menu li#access a { width: 126px; background-image: url(../images/access.gif);}




/*******************************************************************/
/*CONTENTS*/
/*******************************************************************/
div.contents h2 {
	height: 60px;
	margin: 0 0 20px 0;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}	
div.contents h2#recruit { background-image: url(../images/st_recruit.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#blog { margin: 0; height: 226px; background-image: url(../images/st_blog.jpg);}
div.contents h2#fair { background-image: url(../images/st_fair.jpg);}
div.contents h2#reservation { background-image: url(../images/st_reservation.jpg);}
div.contents h2#access { background-image: url(../images/st_access.jpg);}

div.main h3{
	clear: both;
	height:42px;
	margin:20px 0;
	padding:6px 0 0 20px;
	background:url(../images/h3.gif) left top no-repeat;
	font-size:1.4em;
}


/*******************************************************************/
/*ACCESS*/
/*******************************************************************/
ul.access {
	margin: 5px 30px;
}

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

/*bridal page*/
.cal table{ background:#CFCECE;}
.cal td{ height:30px;background:#FFF;text-align:center;}
.cal_st{text-align:center;font-size:14px;font-weight:bold;color:#000; padding:5px 0 0;}
.cal_a{background:url(../images/bridalfair_bar.gif) repeat 0px 0px;}
.cal_b{background:url(../images/openingfair_bar.gif) repeat 0px 0px;}
.cal_c{background:url(../images/soudan_bar.gif) repeat 0px 0px;}
.cal_d{background:url(../images/premium_bar.gif) repeat 0px 0px;}
.cal_e{background:url(../images/kodawari_bar.gif) repeat 0px 0px;}
.cal_f{background:url(../images/ex1_bar.gif) repeat 0px 0px;}
.cal_g{background:url(../images/g_bar.gif) repeat 0px 0px;}
.cal_h{background:url(../images/h_bar.gif) repeat 0px 0px;}
.cal_i{background:url(../images/i_bar.gif) repeat top center;}
.cal_j{background:url(../images/j_bar.gif) repeat top center;}
.cal_k{background:url(../images/k_bar.gif) repeat top center;}
.cal_l{background:url(../images/l_bar.gif) repeat top center;}
.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;}

table.info_a{ border:solid 1px #66C;}
table.info_b{ border:solid 1px #F69;}
table.info_c{ border:solid 1px #F60;}
table.info_d{ border:solid 1px #A9DE35;}
table.info_e{ border:solid 1px #66CCFF;}
table.info_f{ border:solid 1px #FC3;}
table.info_g{ border:solid 1px #9CF;}
table.info_h{ border:solid 1px #C00;}
table.info_a td{ border: none; background:url(../images/bridalfair_bar.gif);}
table.info_b td{ border: none; background:url(../images/openingfair_bar.gif);}
table.info_c td{ border: none; background:url(../images/soudan_bar.gif);}
table.info_d td{ border: none; background:url(../images/premium_bar.gif);}
table.info_e td{ border: none; background:url(../images/kodawari_bar.gif);}
table.info_f td{ border: none; background:url(../images/ex1_bar.gif);}
table.info_g td{ border: none; background:url(../images/g_bar.gif);}
table.info_h td{ border: none; background:url(../images/h_bar.gif);}

table td.white { background:#FFF; width:50%; padding:0;}

table.info_a td p.button,
table.info_b td p.button,
table.info_c td p.button,
table.info_d td p.button,
table.info_e td p.button,
table.info_f td p.button,
table.info_g td p.button,
table.info_h td p.button{
	text-align:center;
	padding:10px;
	margin:15px 15px 0;
	background:#F5F5F5;
	border:solid 1px #DDD;
	color:#999;
}
table td.titleArea { padding:10px 0;}
table td.titleArea h4 {
	font-size:2em;
	float:left;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	padding: 0 10px 0 0;
	display: inline;
}
table.info_a td.titleArea h4{ color:#66C;}
table.info_b td.titleArea h4{ color:#F66;}
table.info_c td.titleArea h4{ color:#F70;}
table.info_d td.titleArea h4{ color:#396;}
table.info_e td.titleArea h4{ color:#369;}
table.info_f td.titleArea h4{ color:#C60;}
table.info_g td.titleArea h4{ color:#369;}
table.info_h td.titleArea h4{ color:#C00;}
table td.titleArea div.time {
	display: inline;
	float: right;
	text-align: right;
	font-weight:bold;
}
table td.titleArea span.yoyaku{
	font-weight: normal;
}
table.in { margin: 0; padding: 0;}
table.in td { padding: 0; text-align: left; border: none;}