@charset "utf-8";
/* -------------------------------------------------------
	* Date : 2009/05
	* File : navi.css
	* Copyright 2009 MAC InterNet All Rights Reserved. 
------------------------------------------------------- */

/*

	*01 gnavi
	*02 right_navi
	*03 side_menu
	
*/


/*-----------------------------------------------
	*01 gnavi
-------------------------------------------------*/
#gnavi {
	background: url(../img/navi_bg.gif) no-repeat;
	width: 900px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	/*overflow: hidden;*/
}
 
#gnavi ul {
	/*padding-left: 5px;*/
}
#gnavi li {
	width: 150px;
	float: left;
}
#gnavi ul li a {
	height: 50px;
	display: block;
	position: relative;
	z-index: 10;
	text-indent: -5000px;
}
#gnavi ul a:hover {
}

#gnavi li.background {
 /*background: url(../img/bg-menu-right.gif) no-repeat right 7px;*/
    background: url(../img/slider.gif) no-repeat left bottom;
	margin-left: 5px;
	position: absolute;
	z-index: 8;
	visibility: hidden;
	top:0px;
}
 
#gnavi li.background .left {
	height: 43px;
	/*background: url(../img/slider.gif) no-repeat left 7px;*/
	margin: 0;
}


/*#gnavi {
	width: 900px;
	padding: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	height: 50px;
	position: relative;
	overflow: hidden;
}



#pictureselect {
	position: relative;
	height: 1%; 
}

#gnavi ul, #pictureselect {
	margin: 0;
	padding: 0;
}
#gnavi li {
	width: 150px;
	float: left;
}
#gnavi ul li a {
	width: 150px;
	text-decoration: none;
	text-indent: -5000px;
	display: block;
	z-index: 10;
	overflow: hidden;
	height: 53px;
	margin: 0;
	background-repeat: no-repeat;
	float: left;
}*/



/*off Mouse */
#gNavi01, #gNavi01 a {
	background: url(../img/gnavi.gif) no-repeat 0 0;
}
#gNavi02, #gNavi02 a {
	background: url(../img/gnavi.gif) no-repeat -150px 0;
}
#gNavi03, #gNavi03 a {
	background: url(../img/gnavi.gif) no-repeat -300px 0;
}
#gNavi04, #gNavi04 a {
	background: url(../img/gnavi.gif) no-repeat -450px 0;
}
#gNavi05, #gNavi05 a {
	background: url(../img/gnavi.gif) no-repeat -600px 0;
}
#gNavi06, #gNavi06 a {
	background: url(../img/gnavi.gif) no-repeat -750px 0;
}

/*-----------------------------------------------
	*02 head_navi
-------------------------------------------------*/
.head_navi {
	width:142px;
	margin-top: 50px;
	padding-right: 30px;
	height: 12px;
	float:right;
}
.head_navi ul {
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------
	*03 side_menu
-------------------------------------------------*/
#side_bnr {
    margin: 25px 0 0 20px;
    padding: 0;
}
#side_bnr img {
    margin: 0;
    padding: 0 0 5px;
}

#side {
	width:200px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}

#side span {
	display: none;
}
#side ul {
    margin: 5px 0 5px;
}
#side li {
    margin: 0 0 1px;
}

#side li a{
	text-indent: -5000px;
	display: block;
	overflow: hidden;
	width: 190px;
	height: 34px;
}


/*     */
.stay {
	  background-position: -200px 0 !important;
}
.thisstay {
	  background-position: -180px 0 !important;
}

/* ============================== 樂美術館 */

body#museum div#side ul {
}
body#museum div#side #n01,
body#museum div#side #n01 a {
      background: url(../../museum/img/n_01.gif) no-repeat 0 0;
}
body#museum div#side #n01 a:hover {      
	  background-position: -200px 0;
}

body#museum div#side #n02,
body#museum div#side #n02 a {
      background: url(../../museum/img/n_02.gif) no-repeat 0 0;
}
body#museum div#side #n02 a:hover {      
	  background-position: -200px 0;
}

body#museum div#side #n03,
body#museum div#side #n03 a {
      background: url(../../museum/img/n_03.gif) no-repeat 0 0;
}
body#museum div#side #n03 a:hover {      
	  background-position: -200px 0;
}

body#museum div#side #n04,
body#museum div#side #n04 a {
      background: url(../../museum/img/n_04.gif) no-repeat 0 0;
}
body#museum div#side #n04 a:hover {      
	  background-position: -200px 0;
}

body#museum div#side #n05,
body#museum div#side #n05 a {
      background: url(../../museum/img/n_05.gif) no-repeat 0 0;
}
body#museum div#side #n05 a:hover {      
	  background-position: -200px 0;
}
body#museum div#side #n06,
body#museum div#side #n06 a {
      background: url(../../museum/img/n_06.gif) no-repeat 0 0;
}
body#museum div#side #n06 a:hover {      
	  background-position: -200px 0;
}
body#museum div#side #n07,
body#museum div#side #n07 a {
      background: url(../../museum/img/n_07.gif) no-repeat 0 0;
}
body#museum div#side #n07 a:hover {      
	  background-position: -200px 0;
}

body#museum div#side li ul {
	  margin-top: 15px;
	  margin-left: 18px;
}

body#museum div#side li ul li,
body#museum div#side li ul li a {
      width: 180px;
      height: 40px;
	  margin-bottom: 1px;
}

body#museum div#side #cn01,
body#museum div#side #cn01 a {
      background: url(../../museum/img/cn_01.gif) no-repeat 0 0;
}
body#museum div#side #cn01 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn02,
body#museum div#side #cn02 a {
      background: url(../../museum/img/cn_02.gif) no-repeat 0 0;
}
body#museum div#side #cn02 a:hover {    
	  background-position: -180px 0;
}

body#museum div#side #cn03,
body#museum div#side #cn03 a {
      background: url(../../museum/img/cn_03.gif) no-repeat 0 0;
}
body#museum div#side #cn03 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn04,
body#museum div#side #cn04 a {
      background: url(../../museum/img/cn_04.gif) no-repeat 0 0;
}
body#museum div#side #cn04 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn05,
body#museum div#side #cn05 a {
      background: url(../../museum/img/cn_05.gif) no-repeat 0 0;
}
body#museum div#side #cn05 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn06,
body#museum div#side #cn06 a {
      background: url(../../museum/img/cn_06.gif) no-repeat 0 0;
}
body#museum div#side #cn06 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn07,
body#museum div#side #cn07 a {
      background: url(../../museum/img/cn_07.gif) no-repeat 0 0;
}
body#museum div#side #cn07 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn08,
body#museum div#side #cn08 a {
      background: url(../../museum/img/cn_08.gif) no-repeat 0 0;
}
body#museum div#side #cn08 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn09,
body#museum div#side #cn09 a {
      background: url(../../museum/img/cn_09.gif) no-repeat 0 0;
}
body#museum div#side #cn09 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn10,
body#museum div#side #cn10 a {
      background: url(../../museum/img/cn_10.gif) no-repeat 0 0;
}
body#museum div#side #cn10 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn11,
body#museum div#side #cn11 a {
      background: url(../../museum/img/cn_11.gif) no-repeat 0 0;
}
body#museum div#side #cn11 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn12,
body#museum div#side #cn12 a {
      background: url(../../museum/img/cn_12.gif) no-repeat 0 0;
}
body#museum div#side #cn12 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn13,
body#museum div#side #cn13 a {
      background: url(../../museum/img/cn_13.gif) no-repeat 0 0;
}
body#museum div#side #cn13 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn14,
body#museum div#side #cn14 a {
      background: url(../../museum/img/cn_14.gif) no-repeat 0 0;
}
body#museum div#side #cn14 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn15,
body#museum div#side #cn15 a {
      background: url(../../museum/img/cn_15.gif) no-repeat 0 0;
}
body#museum div#side #cn15 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn16,
body#museum div#side #cn16 a {
      background: url(../../museum/img/cn_16.gif) no-repeat 0 0;
}
body#museum div#side #cn16 a:hover {      
	  background-position: -180px 0;
}

body#museum div#side #cn17,
body#museum div#side #cn17 a {
      background: url(../../museum/img/cn_21.gif) no-repeat 0 0;
}
body#museum div#side #cn17 a:hover {      
	  background-position: -180px 0;
}
body#museum div#side #cn18,
body#museum div#side #cn18 a {
      background: url(../../museum/img/cn_18.gif) no-repeat 0 0;
}
body#museum div#side #cn18 a:hover {      
	  background-position: -180px 0;
}
body#museum div#side #cn19,
body#museum div#side #cn19 a {
      background: url(../../museum/img/cn_17.gif) no-repeat 0 0;
}
body#museum div#side #cn19 a:hover {      
	  background-position: -180px 0;
}
body#museum div#side #cn20,
body#museum div#side #cn20 a {
      background: url(../../museum/img/cn_19.gif) no-repeat 0 0;
}
body#museum div#side #cn20 a:hover {      
	  background-position: -180px 0;
}
body#museum div#side #cn21,
body#museum div#side #cn21 a {
      background: url(../../museum/img/cn_20.gif) no-repeat 0 0;
}
body#museum div#side #cn21 a:hover {      
	  background-position: -180px 0;
}





.menu_list {	
	width: 160px;
	margin: 0;
	padding: 0 0 0 7px;
}
.menu_head {
	padding: 2px 0 2px 5px !important;
	cursor: pointer;
	position: relative;
	margin:1px;
    /*font-weight:bold;
    background: #FFF url(left.png) center right no-repeat;
	border: #CCC 1px solid;*/
}
.menu_body {
	display:none; !important;
}
.menu_body a{
  display:block;
  /*color:#006699;*/
  background-color:#E6E6E6;
  margin: 0 0 0 15px;
  padding: 2px 5px 3px 8px;
  font-weight: normal !important;
  /*padding-left:20px;
  font-weight:bold;*/
  text-decoration:none !important;
  background: url(../img/all/mark04.gif) 6px 3px no-repeat;
}
.menu_body a:hover{
  }



/* ============================== 歴史 */

body#history div#side ul {
}
body#history div#side #n01,
body#history div#side #n01 a {
      background: url(../../history/img/n_01.gif) no-repeat 0 0;
}
body#history div#side #n01 a:hover {      
	  background-position: -200px 0;
}

body#history div#side #n02,
body#history div#side #n02 a {
      background: url(../../history/img/n_02.gif) no-repeat 0 0;
}
body#history div#side #n02 a:hover {      
	  background-position: -200px 0;
}

body#history div#side #n03,
body#history div#side #n03 a {
      background: url(../../history/img/n_03.gif) no-repeat 0 0;
}
body#history div#side #n03 a:hover {      
	  background-position: -200px 0;
}
body#history div#side #n04,
body#history div#side #n04 a {
      background: url(../../history/img/n_04.gif) no-repeat 0 0;
}
body#history div#side #n04 a:hover {      
	  background-position: -200px 0;
}
body#history div#side #n05,
body#history div#side #n05 a {
      background: url(../../history/img/n_05.gif) no-repeat 0 0;
}
body#history div#side #n05 a:hover {      
	  background-position: -200px 0;
}

body#history div#side li ul {
	  margin-top: 15px;
	  margin-left: 18px;
}

body#history div#side li ul li,
body#history div#side li ul li a {
      width: 180px;
      height: 40px;
	  margin-bottom: 1px;
}
body#history div#side #cn00,
body#history div#side #cn00 a {
      background: url(../../museum/img/cn_00.gif) no-repeat 0 0;
}
body#history div#side #cn00 a:hover {      
	  background-position: -180px 0;
}
body#history div#side #cn01,
body#history div#side #cn01 a {
      background: url(../../museum/img/cn_01.gif) no-repeat 0 0;
}
body#history div#side #cn01 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn02,
body#history div#side #cn02 a {
      background: url(../../museum/img/cn_02.gif) no-repeat 0 0;
}
body#history div#side #cn02 a:hover {    
	  background-position: -180px 0;
}

body#history div#side #cn03,
body#history div#side #cn03 a {
      background: url(../../museum/img/cn_03.gif) no-repeat 0 0;
}
body#history div#side #cn03 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn04,
body#history div#side #cn04 a {
      background: url(../../museum/img/cn_04.gif) no-repeat 0 0;
}
body#history div#side #cn04 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn05,
body#history div#side #cn05 a {
      background: url(../../museum/img/cn_05.gif) no-repeat 0 0;
}
body#history div#side #cn05 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn06,
body#history div#side #cn06 a {
      background: url(../../museum/img/cn_06.gif) no-repeat 0 0;
}
body#history div#side #cn06 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn07,
body#history div#side #cn07 a {
      background: url(../../museum/img/cn_07.gif) no-repeat 0 0;
}
body#history div#side #cn07 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn08,
body#history div#side #cn08 a {
      background: url(../../museum/img/cn_08.gif) no-repeat 0 0;
}
body#history div#side #cn08 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn09,
body#history div#side #cn09 a {
      background: url(../../museum/img/cn_09.gif) no-repeat 0 0;
}
body#history div#side #cn09 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn10,
body#history div#side #cn10 a {
      background: url(../../museum/img/cn_10.gif) no-repeat 0 0;
}
body#history div#side #cn10 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn11,
body#history div#side #cn11 a {
      background: url(../../museum/img/cn_11.gif) no-repeat 0 0;
}
body#history div#side #cn11 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn12,
body#history div#side #cn12 a {
      background: url(../../museum/img/cn_12.gif) no-repeat 0 0;
}
body#history div#side #cn12 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn13,
body#history div#side #cn13 a {
      background: url(../../museum/img/cn_13.gif) no-repeat 0 0;
}
body#history div#side #cn13 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn14,
body#history div#side #cn14 a {
      background: url(../../museum/img/cn_14.gif) no-repeat 0 0;
}
body#history div#side #cn14 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn15,
body#history div#side #cn15 a {
      background: url(../../museum/img/cn_15.gif) no-repeat 0 0;
}
body#history div#side #cn15 a:hover {      
	  background-position: -180px 0;
}

body#history div#side #cn16,
body#history div#side #cn16 a {
      background: url(../../museum/img/cn_16.gif) no-repeat 0 0;
}
body#history div#side #cn16 a:hover {      
	  background-position: -180px 0;
}
body#history div#side #cn17,
body#history div#side #cn17 a {
      background: url(../../museum/img/cn_21.gif) no-repeat 0 0;
}
body#history div#side #cn17 a:hover {      
	  background-position: -180px 0;
}
body#history div#side #cn18,
body#history div#side #cn18 a {
      background: url(../../museum/img/cn_18.gif) no-repeat 0 0;
}
body#history div#side #cn18 a:hover {      
	  background-position: -180px 0;
}
body#history div#side #cn19,
body#history div#side #cn19 a {
      background: url(../../museum/img/cn_19.gif) no-repeat 0 0;
}
body#history div#side #cn19 a:hover {      
	  background-position: -180px 0;
}
body#history div#side #cn20,
body#history div#side #cn20 a {
      background: url(../../museum/img/cn_17.gif) no-repeat 0 0;
}
body#history div#side #cn20 a:hover {      
	  background-position: -180px 0;
}
body#history div#side #cn21,
body#history div#side #cn21 a {
      background: url(../../museum/img/cn_20.gif) no-repeat 0 0;
}
body#history div#side #cn21 a:hover {      
	  background-position: -180px 0;
}
body#history div#side #cn22,
body#history div#side #cn22 a {
      background: url(../../museum/img/cn_22.gif) no-repeat 0 0;
}
body#history div#side #cn22 a:hover {      
	  background-position: -180px 0;
}

/* ============================== SAGAWA */

body#sagawa div#side ul {
}

body#sagawa div#side #n01,
body#sagawa div#side #n01 a {
      background: url(../../sagawa/img/n_01.gif) no-repeat 0 0;
}
body#sagawa div#side #n02,
body#sagawa div#side #n02 a {
      background: url(../../sagawa/img/n_02.gif) no-repeat 0 0;
}
body#sagawa div#side #n01 a:hover,
body#sagawa div#side #n02 a:hover {      
	  background-position: -200px 0;
}
/* ============================== 十五代 樂吉左衞門 */
body#kichizaemon div#side-drop ul {
}

body#kichizaemon div#side-drop ul li {
	width: 200px;
}

body#kichizaemon div#side-drop #n01,
body#kichizaemon div#side-drop #n01 a {
      background: url(../../kichizaemon/img/n_01.gif) no-repeat 0 0;
	 text-indent: -5000px;
}
body#kichizaemon div#side-drop #n02,
body#kichizaemon div#side-drop #n02 a {
      background: url(../../kichizaemon/img/n_02.gif) no-repeat 0 0;
	  text-indent: -5000px;
}

body#kichizaemon div#side-drop #n03,
body#kichizaemon div#side-drop #n03 a {
      background: url(../../kichizaemon/img/n_03.gif) no-repeat 0 0;
	  text-indent: -5000px;
}

body#kichizaemon div#side-drop #n04,
body#kichizaemon div#side-drop #n04 a {
      background: url(../../kichizaemon/img/n_04.gif) no-repeat 0 0;
	  text-indent: -5000px;
}

body#kichizaemon div#side-drop #n05,
body#kichizaemon div#side-drop #n05 a {
      background: url(../../kichizaemon/img/n_05.gif) no-repeat 0 0;
	  text-indent: -5000px;
}
body#kichizaemon div#side-drop #n01 a:hover,
body#kichizaemon div#side-drop #n02 a:hover,
body#kichizaemon div#side-drop #n03 a:hover,
body#kichizaemon div#side-drop #n04 a:hover,
body#kichizaemon div#side-drop #n05 a:hover {      
	  background-position: -200px 0;
}
/*body#kichizaemon div#side ul {
}

body#kichizaemon div#side #n01,
body#kichizaemon div#side #n01 a {
      background: url(../../kichizaemon/img/n_01.gif) no-repeat 0 0;
}
body#kichizaemon div#side #n02,
body#kichizaemon div#side #n02 a {
      background: url(../../kichizaemon/img/n_02.gif) no-repeat 0 0;
}

body#kichizaemon div#side #n03,
body#kichizaemon div#side #n03 a {
      background: url(../../kichizaemon/img/n_03.gif) no-repeat 0 0;
}

body#kichizaemon div#side #n04,
body#kichizaemon div#side #n04 a {
      background: url(../../kichizaemon/img/n_04.gif) no-repeat 0 0;
}

body#kichizaemon div#side #n05,
body#kichizaemon div#side #n05 a {
      background: url(../../kichizaemon/img/n_05.gif) no-repeat 0 0;
}
body#kichizaemon div#side #n01 a:hover,
body#kichizaemon div#side #n02 a:hover,
body#kichizaemon div#side #n03 a:hover,
body#kichizaemon div#side #n04 a:hover,
body#kichizaemon div#side #n05 a:hover {      
	  background-position: -200px 0;
}*/



.menu_list-02 {	
	width: 160px;
	margin: 0;
	padding: 0 0 0 7px;
}
.menu_head-02 {
	padding: 2px 0 2px 5px !important;
	cursor: pointer;
	position: relative;
	margin:1px;
    /*font-weight:bold;
    background: #FFF url(left.png) center right no-repeat;
	border: #CCC 1px solid;*/
}
.menu_body-02 {
	display:none; !important;
}
.menu_body-02 a{
  display:block;
  /*color:#006699;*/
  /*background-color:#E6E6E6;*/
  margin: 0 0 0 15px;
  padding: 2px 5px 3px 8px;
  /*padding-left:20px;
  font-weight:bold;*/
  /*background: url(../img/all/mark04.gif) 6px 3px no-repeat;*/
}
.menu_body-02 a:hover{
  }


/* ============================== トピックス */
#sideT {
	width:200px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 0;
}

#sideT span {
	display: none;
}
#sideT ul {
    margin: 5px 0 30px;
}
#sideT li{
	height: 32px;}
#sideT li a{
    margin: 0 0 1px;
	padding: 10px 0 5px 0;
	text-indent: 3.2em;
	background: url(../../topics/img/n_01.gif) no-repeat 0 0;
	display: block;
	width: 190px;
}