@charset "EUC-JP";

/* ---------------------------------------------------
Information
File name:      navi.css
Style Info:     各ページのナビゲーション設定
--------------------------------------------------- */


/* ------------------------------
	共通_topNavi
------------------------------ */

#topNavi ul {
	float: right;
}

#topNavi li {
	margin-left: 10px;
	display: inline;
	color: #7D6963 !important;
}

#topNavi li a {
	padding: 3px 0px 0px 10px;
	color: #7D6963 !important;
	background: url(../images/ico_t_navi.gif) no-repeat left top;
}

#topNavi li a:hover {
	padding: 3px 0px 0px 10px;
	color: #52372F !important;
	text-decoration: none;
	background: url(../images/ico_t_navi_on.gif) no-repeat left top;
}

#topNavi .selected {
	padding: 3px 0px 0px 10px;
	color: #52372F !important;
	background: url(../images/ico_t_navi_on.gif) no-repeat left top;
}


/* ------------------------------
	共通_mainNavi
------------------------------ */

#mainNavi ul li {
	float: left;
	text-indent: -5000px;
}

#mainNavi li#fair,
#mainNavi li#fairOn,
#mainNavi li#story,
#mainNavi li#storyOn,
#mainNavi li#ceremony,
#mainNavi li#hall,
#mainNavi li#hallOn,
#mainNavi li#cuisine,
#mainNavi li#cuisineOn,
#mainNavi li#direction,
#mainNavi li#w_plan,
#mainNavi li#w_planOn {
	height: 38px;
	display: block;
	text-decoration: none;
}

#mainNavi li#fair,
#mainNavi li#fairOn {
	width: 168px;
	background: url(../images/m_navi.gif) 0 -38px;
}

#mainNavi li#story,
#mainNavi li#storyOn {
	width: 207px;
	background: url(../images/m_navi.gif) -168px -38px;
}

#mainNavi li#ceremony {
	width: 90px;
	background: url(../images/m_navi.gif) -375px -38px;
}

#mainNavi li#hall,
#mainNavi li#hallOn {
	width: 168px;
	background: url(../images/m_navi.gif) -465px -38px;
}

#mainNavi li#cuisine,
#mainNavi li#cuisineOn {
	width: 90px;
	background: url(../images/m_navi.gif) -633px -38px;
}

#mainNavi li#direction {
	width: 129px;
	background: url(../images/m_navi.gif) -723px -38px;
}

#mainNavi li#w_plan,
#mainNavi li#w_planOn {
	width: 108px;
	background: url(../images/m_navi.gif) -852px -38px;
}


#mainNavi li#fair a,
#mainNavi li#fairOn a,
#mainNavi li#story a,
#mainNavi li#storyOn a,
#mainNavi li#ceremony a,
#mainNavi li#hall a,
#mainNavi li#hallOn a,
#mainNavi li#cuisine a,
#mainNavi li#cuisineOn a,
#mainNavi li#direction a,
#mainNavi li#w_plan a,
#mainNavi li#w_planOn a {
	height: 38px;
	display: block;
	text-decoration: none;
}

#mainNavi li#fair a {
	width: 168px;
	background: url(../images/m_navi.gif) 0 0px;
}

#mainNavi li#fairOn a {
	width: 168px;
	background: url(../images/m_navi.gif) 0 -38px;
}


#mainNavi li#story a {
	width: 207px;
	background: url(../images/m_navi.gif) -168px 0;
}

#mainNavi li#storyOn a {
	width: 207px;
	background: url(../images/m_navi.gif) -168px  -38px;
}

#mainNavi li#ceremony a {
	width: 90px;
	background: url(../images/m_navi.gif) -375px 0;
}

#mainNavi li#hall a {
	width: 168px;
	background: url(../images/m_navi.gif) -465px 0;
}

#mainNavi li#hallOn a {
	width: 168px;
	background: url(../images/m_navi.gif) -465px -38px;
}

#mainNavi li#cuisine a {
	width: 90px;
	background: url(../images/m_navi.gif) -633px 0;
}

#mainNavi li#cuisineOn a {
	width: 90px;
	background: url(../images/m_navi.gif) -633px -38px;
}


#mainNavi li#direction a {
	width: 129px;
	background: url(../images/m_navi.gif) -723px 0;
}

#mainNavi li#w_plan a {
	width: 108px;
	background: url(../images/m_navi.gif) -852px 0;
}

#mainNavi li#w_planOn a {
	width: 108px;
	background: url(../images/m_navi.gif) -852px -38px;
}


#mainNavi li#fair a:hover,
#mainNavi li#fairOn a:hover,
#mainNavi li#story a:hover,
#mainNavi li#storyOn a:hover,
#mainNavi li#ceremony a:hover,
#mainNavi li#hall a:hover,
#mainNavi li#hallOn a:hover,
#mainNavi li#cuisine a:hover,
#mainNavi li#cuisineOn a:hover,
#mainNavi li#direction a:hover,
#mainNavi li#w_plan a:hover,
#mainNavi li#w_planOn a:hover {
	height: 38px;
	display: block;
	text-decoration: none;
}

#mainNavi li#fair a:hover,
#mainNavi li#fairOn a:hover {
	width: 168px;
	background: url(../images/m_navi.gif) 0 -38px;
}

#mainNavi li#story a:hover,
#mainNavi li#storyOn a:hover {
	width: 207px;
	background: url(../images/m_navi.gif) -168px -38px;
}

#mainNavi li#ceremony a:hover {
	width: 90px;
	background: url(../images/m_navi.gif) -375px -38px;
}

#mainNavi li#hall a:hover,
#mainNavi li#hallOn a:hover {
	width: 168px;
	background: url(../images/m_navi.gif) -465px -38px;
}

#mainNavi li#cuisine a:hover,
#mainNavi li#cuisineOn a:hover {
	width: 90px;
	background: url(../images/m_navi.gif) -633px -38px;
}

#mainNavi li#direction a:hover {
	width: 129px;
	background: url(../images/m_navi.gif) -723px -38px;
}

#mainNavi li#w_plan a:hover,
#mainNavi li#w_planOn a:hover {
	width: 108px;
	background: url(../images/m_navi.gif) -852px -38px;
}


#mainNaviPad {
	display: none;
}


/* ------------------------------
	共通_パンくずナビ
------------------------------ */

#panNavi ol {
	padding: 5px 0px;
	font-size: smaller;
}

#panNavi ol li {
	display: inline;
	letter-spacing: 0;
	color: #7D6963;
}

#panNavi ol li a {
	margin: 0px;
	padding-right: 15px;
	background: url(../images/ico_pan_navi.gif) no-repeat right transparent;
	color: #7D6963;
}

#panNavi ol li a:hover {
	background: url(../images/ico_pan_navi.gif) no-repeat right transparent;
	color: #7D6963;
}


/* ------------------------------
	共通_サイドバー_バナーエリア
------------------------------ */

.bnrArea {
	margin: 0px auto;
	paddin: 0px;
	background: transparent;
	height: auto;
	text-align: center;
	clear: both;
}

.bnrArea ol {
	background: transparent;
	margin: 0px auto;
}

.bnrArea ol li a img {
	text-decoration: none;
	margin-bottom: 10px;
	padding: 0px;
}

.bnrArea ol li a:hover img {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* ------------------------------
	下層_サブナビ
------------------------------ */

#subNavi h3 {
	margin: 0px;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #DDD;
	width: 230px;
	height: 20px;
	font-size: 120%;
	font-weight: bold;
}

#subNavi h3 a img {
	margin: 0px;
	padding: 0px 0px 10px;
	text-decoration: none;
}

#subNavi h3 a:hover img {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#subNavi h4 {
	margin: 0px 0px 0px;
	padding: 4px 17px 4px;
	background: url(../images/bg_s_navi_h4.gif) no-repeat left center #DCFAFA;
	width: 196px;
	font-weight: bold;
	clear: both;
}


#subNavi ul {
	margin-bottom: 30px;
	background: transparent;
	float: left;
}

#subNavi li {
	float: left;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
	letter-spacing: 0;
}

#subNavi li a {
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 10px 25px;
	color: #7D6963 !important;
	background: url(../images/ico_s_navi.gif) no-repeat left top;
	text-decoration: none;
	width: 200px;
	border-bottom: 1px dotted #CCC;
	display: block;
}

#subNavi li a:hover {
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 10px 25px;
	color: #52372F !important;
	background: url(../images/ico_s_navi_on.gif) no-repeat left top;
	text-decoration: none;
	width: 200px;
	border-bottom: 1px dotted #CCC;
	display: block;
}


/* ------------------------------
	下層_ローカルナビ
------------------------------ */

#subNavi ul li.local {
	background: #FFF;
	margin-top: -5px;
	padding-bottom: 4px;
	display: block;
}

#subNavi ul.localNavi {
	padding: 0px;
	margin: 0px;
}

#subNavi ul.localNavi li {
	margin: 0px;
	padding: 0px;
	background: transparent;
	letter-spacing: 0;
}

#subNavi ul.localNavi li.selected {
	background: url(../images/bg_l_navi.gif) no-repeat right top #FFF;
	text-decoration: none;
	padding: 4px 12px 2px 32px;
	display: block;
	width: 216px;
	min-height: 16px;
	_height: 16px;
}

#subNavi ul.localNavi li a {
	background: url(../images/bg_l_navi.gif) no-repeat left top #FFF;
	text-decoration: none;
	padding: 4px 12px 2px 32px;
	display: block;
	width: 216px;
	min-height: 16px;
	_height: 16px;
}

#subNavi ul.localNavi a:hover {
	background: url(../images/bg_l_navi.gif) no-repeat right top #FFF;
	text-decoration: none;
	padding: 4px 12px 2px 32px;
	display: block;
	width: 216px;
	min-height: 16px;
	_height: 16px;
}


/* ------------------------------
	共通_ボトムナビ
------------------------------ */

#btmNavi01 h2,
#btmNavi02 h2,
#btmNavi03 h2 {
	margin: 10px 0px 5px;
	padding: 0px;
	clear: both;
}

#btmNavi01 li,
#btmNavi03 li {
	margin-bottom: 5px;
	width: 250px;
	float: left;
}

#btmNavi02 li {
	margin-bottom: 5px;
	width: 210px;
	float: left;
}

#btmNavi01 li a,
#btmNavi02 li a,
#btmNavi03 li a {
	padding: 3px 0px 0px 20px;
	color: #7D6963 !important;
	background: url(../images/ico_btm_navi.gif) no-repeat left bottom;
}

#btmNavi01 li a:hover,
#btmNavi02 li a:hover,
#btmNavi03 li a:hover {
	padding: 3px 0px 0px 20px;
	color: #52372F !important;
	text-decoration: none;
	background: url(../images/ico_btm_navi_on.gif) no-repeat left bottom;
}

#btmNavi01 .selected,
#btmNavi02 .selected,
#btmNavi03 .selected {
	padding: 3px 0px 0px 20px;
	color: #52372F !important;
	background: url(../images/ico_btm_navi_on.gif) no-repeat left bottom;
}



/* ------------------------------
	TOP_フッタ_提携バナーエリア
------------------------------ */

#tieUpBnrArea ol {
	margin: 0px auto;
}


#tieUpBnrArea li {
	margin: 0px 10px -5px 0px;
	width: 210px;
	display: inline-block;
	background: transparent;
	vertical-align: top;
}

#tieUpBnrArea li:last-child {
	margin-right: 0px;
}

#tieUpBnrArea ol li a img {
	text-decoration: none;
	border: 1px solid #DDD;
}

#tieUpBnrArea ol li a:hover img {
	text-decoration: none;
	border: 1px solid #DDD;
	opacity: 0.7;
	filter: alpha(opacity=70);
}




/* ------------------------------
	TOP_メインイメージ下サムネイル
------------------------------ */

#thumbNav img {
	float: left;
	padding-right: 40px;
}

#thumbNav img.right {
	padding-right: 0px;
}

#thumbNav a:hover img {
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
}




/* ---------------------------------------------------
	PC用設定
--------------------------------------------------- */

/* メインメニュー
------------------------------------------------------------*/
@media only screen and (min-width: 980px){


/*----共通_スマホのみ表示---*/
	.btmNavSp {
		display: none;
	}

	.footerFixedNav a {
		display: none;
		z-index: -1;
	}
}