@charset "shift_jis";

/* =================================================

	RESET （2010.10フォント指定追加）

 ================================================= */


body { 
	background: #FFFFFF; 
	text-align: center;
	margin: 0; 
	padding: 0;
	color: #696969;
	font-family:"メイリオ",Meiryo,Helvetica,"Arial","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	} 
	
* html body {
font-family:"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica, sans-serif;
}
 
p, div, 
form, 
ul, ol, li, dl, dt, dd, 
th, td, 
h1, h2, h3, h4, h5, h6 {  
	margin: 0; 
	padding: 0; 
	} 
img, a img {
	border:0;
	} 
img {
	vertical-align: text-bottom;
}
table {
	border-spacing:0;
	} 
ul li, 
ol li {
	list-style: none;
	} 



/* ================================================ */

#Container { 
	width: 950px;
	margin: 0 auto;
	zoom: 1;
}
#mainArea {
	width: 750px;
	float: right;
	text-align: left;
}
#gnaviArea {
	width: 175px;
	float: left;
	text-align: center;
}

#Container:after,
#linkArea:after { 
	content: ".";
	display: block;
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
} 
#Container,
#linkArea {
	zoom:1;
	display: inline-block;
}


/* Global Navigation
 -------------------------------------------- */
#gnaviArea h1 {
	margin: 49px 0 55px 0;
}
#gnaviArea img {
	margin: 0 auto;
}
#gnaviArea li {
	width: 175px;
	height: 16px;
	margin-bottom: 14px;
}
#gnaviArea li.gnavi05 {
	margin-top: 22px;
	margin-bottom: 5px;
}
#gnaviArea li a {
	display: block;
	width: 175px;
	height: 16px;
}

#gnaviArea li a:hover img {
	visibility: hidden;
}

#gnaviArea li.gnavi01 a:hover { background: url(../image/gnavi/about_on.gif) no-repeat top left;}
#gnaviArea li.gnavi02 a:hover { background: url(../image/gnavi/information_on.gif) no-repeat top left;}
#gnaviArea li.gnavi03 a:hover { background: url(../image/gnavi/menu_on.gif) no-repeat top left;}
#gnaviArea li.gnavi04 a:hover { background: url(../image/gnavi/access_on.gif) no-repeat top left;}
#gnaviArea li.gnavi05 a:hover { background: url(../image/gnavi/reservation_on.gif) no-repeat top left;}
#gnaviArea li.gnavi06 a:hover { background: url(../image/gnavi/news_on.gif) no-repeat top left;}
#gnaviArea li.gnavi07 a:hover { background: url(../image/gnavi/pains_on.gif) no-repeat top left;} 
#gnaviArea li.gnavi08 a:hover { background: url(../image/gnavi/wedding_on.gif) no-repeat top left;} 

#top #gnaviArea .pierre {
	margin-bottom: 30px;
}
#top #gnaviArea .newsBn {
	margin-top: 5px;
}
#top #gnaviArea .newsBn2 {
	margin: 5px 0 80px 0;
}
#about #gnaviArea .pierre {
	margin-bottom: 50px;
}
#information #gnaviArea .pierre {
	margin-bottom: 50px;
}
#information_e #gnaviArea .pierre {
	margin-bottom: 415px;
}
#lunch #gnaviArea .pierre {
	margin-bottom: 50px;
}
#lunch_e #gnaviArea .pierre {
	margin-bottom: 445px;
}
#dinner #gnaviArea .pierre {
	margin-bottom: 50px;
}
#dinner_e #gnaviArea .pierre {
	margin-bottom: 350px;
}
#access #gnaviArea .pierre {
	margin-bottom: 50px;
}
#reservation #gnaviArea .pierre {
	margin-bottom: 250px;
}
#reservation_e #gnaviArea .pierre {
	margin-bottom: 200px;
}
#news #gnaviArea .pierre {
	margin-bottom: 400px;
	} 
#Pains-et-Gateaux #gnaviArea .pierre {
	margin-bottom: 480px;
	} 
#wedding #gnaviArea .pierre {
	margin-bottom: 50px;
	} 


/* Main Area
 -------------------------------------------- */
#linkArea {
	margin-top: 10px;
	text-align: left;
}
#linkArea ul {
	width: 750px;
}
#linkArea li{
	float: left;
	margin-right: 24px;
}
#linkArea li.fl_right{
	float: right;
	margin-right: 0;
}
.pdf {
	margin-top: 7px;
	float: right;
}
#hotelArea {
	margin-left: 5px;
}
#hotelArea li {
	float: left;
	display: inline;
}
#hotelArea li.middle {
	 margin: 0 17px;
}
#hotelArea_e {
	margin-left: 103px;
}
#hotelArea_e li {
	float: left;
	display: inline;
}
#hotelArea_e li.middle {
	 margin: 0 54px 0 17px;
}

/* #header
 -------------------------------------------- */
#header {
	background: #b9baba;
	text-align: right;
}
#header img {
	margin: 6px 5px;
}



/* #footer
 -------------------------------------------- */
#footer { 
	width: 950px;
	font-size: 12px;
	text-align: center; 
	border-top: #666666 1px solid;
	padding-top: 8px;
	margin: 19px auto 20px auto;
}

#footer a:link, 
#footer a:visited { 
	color: #4a4a4a; 
	text-decoration: none; 
	} 
#footer a:hover, 
#footer a:active { 
	color: #4a4a4a; 
	text-decoration: none; 
	} 



#hotelArea:after,
#hotelArea_e:after { 
	content: ".";
	display: block;
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
	} 
#hotelArea, 
#hotelArea_e{
	zoom:1;
	display: inline-block;
	}




/* -------------------------------------------- 
	 #news   / 2010.07
 -------------------------------------------- */
#news .newsCnt { 
	border-bottom: 1px solid #000000; 
	zoom: 1; 
	} 
#news .newsCnt:after { 
	content: ".";
	display: block;
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
	} 
#news .newsCnt h2 { 
	float: left; 
	width: 295px; 
	} 
#news .newsCnt ul.newsList { 
	float: left; 
	margin: 24px 0 0; 
	} 
#news .newsCnt ul.newsList li { 
	margin: 0 0 29px; 
	} 
 
 
/* #newsWin
 -------------------------------------------- */
#newsWin { 
	width: 800px; 
	margin: 0; 
	padding: 0; 
	}



/* -------------------------------------------- 
	 #Pains-et-Gateaux   / 2010.07
 -------------------------------------------- */
#Pains-et-Gateaux .painsCnt { 
	border-bottom: 1px solid #000000; 
	background: url(../image/pains_et_gateaux/bg.jpg) no-repeat left top; 
	zoom: 1; 
	} 
#Pains-et-Gateaux .painsCnt:after { 
	content: ".";
	display: block;
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
	} 
#Pains-et-Gateaux .painsCnt .textArea { 
	float: left; 
	width: 294px; 
	} 
#Pains-et-Gateaux .painsCnt .mainImage { 
	float: left; 
	width: 456px; 
	}



 
 
 /* -------------------------------------------- 
	 #wedding   / 2010.08
 -------------------------------------------- */
#wedding dl { 
	width: 515px; 
	margin: 35px auto 25px; 
	text-align: center; 
	} 
#wedding dl img { 
	vertical-align: top; 
	}
#wedding dt, 
#wedding dd { 
	margin: 0 0 20px; 
	} 


#wedding h2 { 
	background: url(../image/wedding/main1.jpg) no-repeat left top; 
	}
 
 
 /* -------------------------------------------- 
	 ディナーNotice挿入に使用   / 2010.09
 -------------------------------------------- */ 
 
 #notice {
 border:1px solid #DDDDDD;
 width:720px;
 margin:5px 0 30px 0;
 padding:8px;
 line-height:1.5;
 font-size:small;}
 
 
 
  /* -------------------------------------------- 
	 メニューをテキストに変更  / 2010.10
 -------------------------------------------- */ 
 
 
#menuDetail h3 {
padding:3px 0 3px 5px;
margin-top:15px;
border-bottom:1px solid #CCCCCC;
border-left:5px solid #CCCCCC;
font-weight:bold;
font-size:small;}
 
#menuDetail p{
margin:5px 0 15px 5px;
padding:0;
font-size:small;
font-weight:normal;
line-height:1.5;}


#menuDetail p{
margin:5px 0 15px 5px;
padding:0;
font-size:small;
font-weight:normal;
line-height:1.5;}

#menuDetail .bline{
margin:5px 0 15px 5px;
padding-bottom:20px;
font-size:small;
font-weight:normal;
line-height:1.5;
border-bottom:1px solid #333333;}

#infoList {
padding-bottom:20px;
border-bottom:1px solid #333333;
}

#infoList ul{
list-style: none;
margin:5px 0;
}

#infoList li {
padding-left: 20px;
background: url(../../image/point.gif) no-repeat 0.6em;
list-style: none;
font-size:small;
}

#infoList a:link, 
#infoList a:visited { 
color: #B9A959; 
} 

#infoList a:hover, 
#infoList a:active { 
color: #000000; 
} 

 
 
   /* -------------------------------------------- 
	 期間限定メニュー  / 2010.10
 -------------------------------------------- */ 
 
 
#menuSpecial {
	padding:5px;
	border:1px solid #CCCCCC;
	background-color:#f5eee9;
	margin: 15px 0;
}
 
#menuSpecial p{
	margin:5px 0;
	padding:0;
	font-size:small;
	font-weight:normal;
}
 
#menuSpecial h3 {
	padding:3px 0;
	font-weight:bold;
	font-size:small;
	line-height:1.2;
}
 
#menuSpecial ul {
list-style: none;
margin:5px 0;
}

#menuSpecial li {
padding-left: 20px;
background:url(../image/point.gif) no-repeat 0.6em;
background-position:0.8em top;
list-style: none;
font-size:small;
line-height:1.2;
}


 
    /* -------------------------------------------- 
	 営業休止の案内  / 2011.3
 -------------------------------------------- */ 

#info201103Text {
margin:15px 3px;
padding:5px;
font-size:small;
font-weight:bold;
border:1px solid #B9A959;
line-height:1.5;
}

#info201103 {
margin:15px 3px;
font-size:small;
font-weight:bold;
}
 
#info201103 a:link, 
#info201103 a:visited { 
color: #A07527; 
} 

#info201103 a:hover, 
#info201103 a:active { 
color: #000000; 
} 


 /* -------------------------------------------- 
	 メニュー内のリンク   / 2011.11
 -------------------------------------------- */ 
 

#menuDetail p a:link {
	color: #A08735;
	font-weight:bold;
}
#menuDetail p a:visited {
	color: #A08735;
	font-weight:bold;
}
#menuDetail p a:hover {
	color: #C6B98E;
	font-weight:bold;
}
#menuDetail p a:active {
	color: #A08735;
	font-weight:bold;
}