@charset "utf-8";

/*-------------------------------------------------
	ボタンにアクションを入れるための細工
	div で透明ボタンを作り座標を設定
	マウスオーバーに白or黒の背景を透過出現させる
-------------------------------------------------*/
/*-------------------------------------------------
	ボタンがのる画像の左上を0起点にする
-------------------------------------------------*/
.z0 {
	width:950px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top: 0;
	left: 0;
}
/*-------------------------------------------------
	料理ギャラリー 白の透明ボタンを作る
-------------------------------------------------*/
#bt1 {
	/*位置*/
	position:absolute;
	top: 0px;
	left: 0px;
	/*大きさ*/
	width: 236px;
	height: 236px;
}
#bt1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt2 {
	/*位置*/
	position:absolute;
	top: 0px;
	left: 238px;
	/*大きさ*/
	width: 236px;
	height: 236px;
}
#bt2:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt3 {
	/*位置*/
	position:absolute;
	top: 0px;
	left: 476px;
	/*大きさ*/
	width: 236px;
	height: 236px;
}
#bt3:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt4 {
	/*位置*/
	position:absolute;
	top: 0px;
	left: 714px;
	/*大きさ*/
	width: 236px;
	height: 236px;
}
#bt4:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
/*---------------------------*/
#bt5 {
	/*位置*/
	position:absolute;
	top: 236px;
	left: 0px;
	/*大きさ*/
	width: 187px;
	height: 188px;
}
#bt5:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt6 {
	/*位置*/
	position:absolute;
	top: 236px;
	left: 189px;
	/*大きさ*/
	width: 187px;
	height: 188px;
}
#bt6:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt7 {
	/*位置*/
	position:absolute;
	top: 236px;
	left: 378px;
	/*大きさ*/
	width: 187px;
	height: 188px;
}
#bt7:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt8 {
	/*位置*/
	position:absolute;
	top: 236px;
	left: 567px;
	/*大きさ*/
	width: 188px;
	height: 188px;
}
#bt8:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt9 {
	/*位置*/
	position:absolute;
	top: 236px;
	left: 758px;
	/*大きさ*/
	width: 188px;
	height: 188px;
}
#bt9:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
/*---------------------------*//*---------------------------*/
#bt10 {
	/*位置*/
	position:absolute;
	top: 426px;
	left: 0px;
	/*大きさ*/
	width: 187px;
	height: 188px;
}
#bt10:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt11 {
	/*位置*/
	position:absolute;
	top: 426px;
	left: 189px;
	/*大きさ*/
	width: 187px;
	height: 188px;
}
#bt11:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt12 {
	/*位置*/
	position:absolute;
	top: 426px;
	left: 378px;
	/*大きさ*/
	width: 187px;
	height: 188px;
}
#bt12:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt13 {
	/*位置*/
	position:absolute;
	top: 426px;
	left: 567px;
	/*大きさ*/
	width: 188px;
	height: 188px;
}
#bt13:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#bt14 {
	/*位置*/
	position:absolute;
	top: 426px;
	left: 758px;
	/*大きさ*/
	width: 188px;
	height: 188px;
}
#bt14:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
/*-------------------------------------------------
	各ホテル 黒の透明ボタンを作る
-------------------------------------------------*/
#hna1{
	/*位置*/
	position:absolute;
	top: 257px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#hna1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#hna2{
	/*位置*/
	position:absolute;
	top: 307px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#hna2:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#hna3{
	/*位置*/
	position:absolute;
	top: 357px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#hna3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#hna4{
	/*位置*/
	position:absolute;
	top: 407px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#hna4:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
#ysk1{
	/*位置*/
	position:absolute;
	top: 257px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#ysk1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#ysk2{
	/*位置*/
	position:absolute;
	top: 307px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#ysk2:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#ysk3{
	/*位置*/
	position:absolute;
	top: 357px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#ysk3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#ysk4{
	/*位置*/
	position:absolute;
	top: 460px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#ysk4:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
#ama1{
	/*位置*/
	position:absolute;
	top: 256px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#ama1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#ama2{
	/*位置*/
	position:absolute;
	top: 306px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#ama2:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#ama3{
	/*位置*/
	position:absolute;
	top: 460px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#ama3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
#plz1{
	/*位置*/
	position:absolute;
	top: 256px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#plz1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#plz2{
	/*位置*/
	position:absolute;
	top: 306px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#plz2:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#plz3{
	/*位置*/
	position:absolute;
	top: 356px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#plz3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#plz4{
	/*位置*/
	position:absolute;
	top: 480px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#plz4:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
#yky1{
	/*位置*/
	position:absolute;
	top: 258px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#yky1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#yky2{
	/*位置*/
	position:absolute;
	top: 308px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#yky2:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#yky3{
	/*位置*/
	position:absolute;
	top: 358px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#yky3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#yky4{
	/*位置*/
	position:absolute;
	top: 470px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#yky4:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
#shm1{
	/*位置*/
	position:absolute;
	top: 257px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#shm1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#shm2{
	/*位置*/
	position:absolute;
	top: 307px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#shm2:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#shm3{
	/*位置*/
	position:absolute;
	top: 357px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#shm3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#shm4{
	/*位置*/
	position:absolute;
	top: 460px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#shm4:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
#hgm1{
	/*位置*/
	position:absolute;
	top: 257px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#hgm1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#hgm2{
	/*位置*/
	position:absolute;
	top: 307px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#hgm2:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#hgm3{
	/*位置*/
	position:absolute;
	top: 357px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#hgm3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#hgm4{
	/*位置*/
	position:absolute;
	top: 430px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#hgm4:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
#hrk1{
	/*位置*/
	position:absolute;
	top: 257px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#hrk1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#hrk2{
	/*位置*/
	position:absolute;
	top: 307px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#hrk2:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#hrk3{
	/*位置*/
	position:absolute;
	top: 357px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#hrk3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#hrk4{
	/*位置*/
	position:absolute;
	top: 545px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#hrk4:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
#tkm1{
	/*位置*/
	position:absolute;
	top: 257px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#tkm1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#tkm2{
	/*位置*/
	position:absolute;
	top: 307px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#tkm2:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#tkm3{
	/*位置*/
	position:absolute;
	top: 480px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#tkm3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
#mua1{
	/*位置*/
	position:absolute;
	top: 257px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#mua1:hover {
	/*ホバー時の白透過*/
	background:rgba(255,255,255, 0.3);
}
#mua2{
	/*位置*/
	position:absolute;
	top: 307px;
	left: 24px;
	/*大きさ*/
	width: 177px;
	height: 40px;
}
#mua2:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
#mua3{
	/*位置*/
	position:absolute;
	top: 550px;
	left: 583px;
	/*大きさ*/
	width: 240px;
	height: 60px;
}
#mua3:hover {
	/*ホバー時の黒透過*/
	background:rgba(0,0,0, 0.3);
}
/*---------------------------*/
/* 画像がそのままボタンとして使えるところは
オーバー時のアクションだけ */
.imgbt:hover {
	opacity:0.6;
}