@charset "UTF-8";

/* Global Navigation 
-------------------------------------------------------------- */

ul#g_navi {
	padding:0;
	list-style:none;
	clear:both;
	position: relative;
	height: 35px;
	width: 800px;
	margin-bottom: 10px;
}
#g_navi li {
	overflow:hidden;
	text-indent:-9999px;
	display:inline;
	float:left;
}
#g_navi li a {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/navi/201605_top_navi.png);
	background-repeat: no-repeat;
}

/* 四季倶楽部について　ボタン */
#g_navi li.about {
	width: 158px;
	height: 35px;
	left: 0px;
	top: 0px;
	position: absolute;
}
#g_navi li.about a {
	background-position:0px 0px;
}
#g_navi li.about a:hover {
	background-position:0px -35px;
}
#g_navi li.about a.selected {
	background-position:0px -70px;
}

/* ご予約の前に　ボタン */
#g_navi li.readme {
	width: 113px;
	height: 35px;
	left: 158px;
	top: 0px;
	position: absolute;
}
#g_navi li.readme a {
	background-position:-158px 0px;
}
#g_navi li.readme a:hover {
	background-position:-158px -35px;
}
#g_navi li.readme a.selected {
	background-position:-158px -70px;
}

/* ご予約　ボタン */
#g_navi li.reservation {
	width: 74px;
	height: 35px;
	left: 271px;
	top: 0px;
	position: absolute;
}
#g_navi li.reservation a {
	background-position:-271px 0px;
}
#g_navi li.reservation a:hover {
	background-position:-271px -35px;
}
#g_navi li.reservation a.selected {
	background-position:-271px -70px;
}

/* ご予約の確認・変更・キャンセル　ボタン */
#g_navi li.reserve_section {
	width: 188px;
	height: 35px;
	left: 345px;
	top: 0px;
	position: absolute;
}
#g_navi li.reserve_section a {
	background-position:-345px 0px;
}
#g_navi li.reserve_section a:hover {
	background-position:-345px -35px;
}
#g_navi li.reserve_section a.selected {
	background-position:-345px -70px;
}

/* 施設オーナーログイン　ボタン */
#g_navi li.members {
	width: 168px;
	height: 35px;
	left: 533px;
	top: 0px;
	position: absolute;
}
#g_navi li.members a {
	background-position:-533px 0px;
}
#g_navi li.members a:hover {
	background-position:-533px -35px;
}
#g_navi li.members a.selected {
	background-position:-533px -70px;
}

/* マイページ　ボタン */
#g_navi li.my_page {
	width: 99px;
	height: 35px;
	left: 701px;
	top: 0px;
	position: absolute;
}
#g_navi li.my_page a {
	background-position:-701px 0px;
}
#g_navi li.my_page a:hover {
	background-position:-701px -35px;
}
#g_navi li.my_page a.selected {
	background-position:-701px -70px;
}