@charset "UTF-8";

body {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*MainImage Top
---------------------------------------------------------*/	
#mainbg{
	height: 280px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/mainbg.jpg);
	background-repeat: repeat-x;
}
#main{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/*Menu Top（guide/index.html）
---------------------------------------------------------*/	
#ttlbox{
	width: 960px;
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
}
#menu01 a{
	display: block;
	width: 327px;
	height: 207px;
	text-indent: -9999px;
	float: left;
	background-image: url(../guide/img/main_menu01.jpg);
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
#menu01 a:hover{
	display: block;
	width: 327px;
	height: 207px;
	background: url(../guide/img/main_menu01on.jpg) no-repeat;
}
#menu01text{
	display: block;
	width: 305px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}
#menu02 a{
	display: block;
	width: 327px;
	height: 207px;
	text-indent: -9999px;
	float: left;
	background-image: url(../guide/img/main_menu02.jpg);
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
#menu02 a:hover{
	display: block;
	width: 327px;
	height: 207px;
	background: url(../guide/img/main_menu02on.jpg) no-repeat;
}
#menu02text{
	display: block;
	width: 305px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}
#menu03 a{
	display: block;
	width: 306px;
	height: 207px;
	text-indent: -9999px;
	float: left;
	background-image: url(../guide/img/main_menu03.jpg);
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
#menu03 a:hover{
	display: block;
	width: 306px;
	height: 207px;
	background: url(../guide/img/main_menu03on.jpg) no-repeat;
}
#menu03text{
	display: block;
	width: 305px;
	float: left;
	margin-bottom: 30px;	
}
#menu04 a{
	display: block;
	width: 327px;
	height: 207px;
	text-indent: -9999px;
	float: left;
	background-image: url(../guide/img/main_menu04.jpg);
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#menu04 a:hover{
	display: block;
	width: 327px;
	height: 207px;
	background: url(../guide/img/main_menu04on.jpg) no-repeat;
}
#menu04text{
	display: block;
	width: 305px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}
#menu05 a{
	display: block;
	width: 327px;
	height: 207px;
	text-indent: -9999px;
	float: left;
	background-image: url(../guide/img/main_menu05.jpg);
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#menu05 a:hover{
	display: block;
	width: 327px;
	height: 207px;
	background: url(../guide/img/main_menu05on.jpg) no-repeat;
}
#menu05text{
	display: block;
	width: 305px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}
#menu06 a{
	display: block;
	width: 306px;
	height: 207px;
	text-indent: -9999px;
	float: left;
	background-image: url(../guide/img/main_menu06.jpg);
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
#menu06 a:hover{
	display: block;
	width: 306px;
	height: 207px;
	background: url(../guide/img/main_menu06on.jpg) no-repeat;
}
#menu06text{
	display: block;
	width: 305px;
	float: left;
	margin-bottom: 30px;	
}

/*Left Column
---------------------------------------------------------*/	
#leftclm{
	width: 680px;
	display: block;
	margin-top: 30px;
	margin-bottom: 50px;
	float: left;
	padding-right: 30px;
}

#leftsttl{
	width: 680px;
	height: 54px;
	display: block;
	background-image: url(../guide/img/sttl.jpg);
	background-repeat: no-repeat;
	text-indent: 25px;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#leftssttl{
	width: 680px;
	height: 41px;
	display: block;
	background-image: url(../guide/img/ssttl.jpg);
	background-repeat: no-repeat;
	text-indent: 20px;
	padding-top: 6px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#leftclm table{
	background-color: #999;
}
#leftclm td{
	padding: 10px;
}

/*Left Column　施設概要
---------------------------------------------------------*/	
#gaiyou_map a{
	display: block;
	width: 113px;
	height: 33px;
	text-indent: -9999px;
	float: right;
	background-image: url(../guide/img/gaiyou_map.jpg);
	background-repeat: no-repeat;
	margin-right: 150px;
	margin-top: 5px;
}
#gaiyou_map a:hover{
	display: block;
	width: 113px;
	height: 33px;
	background: url(../guide/img/gaiyou_mapon.jpg) no-repeat;
}
#gaiyou_txt{
	margin-left: 16px;
}

/*Left Column　料金表
---------------------------------------------------------*/	
.ryoukin_menu a {
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 69px;
	width: 680px;
}
.ryoukin_menu a:hover {
  /*opacity: 0.6;
  filter: alpha(opacity=60);*/
  /*filter: brightness(70%);*/
}

.ryoukinbtn01 a{background-image: url(../guide/img/ryoukin_btn01.jpg);}
.ryoukinbtn01 a:hover{	background-image: url(../guide/img/ryoukin_btn01on.jpg);}

.ryoukinbtn02 a{background-image: url(../guide/img/ryoukin_btn02.jpg?v=180406);}
.ryoukinbtn02 a:hover{background-image: url(../guide/img/ryoukin_btn02on.jpg?v=180406);}

.ryoukinbtn03 a{background-image: url(../guide/img/ryoukin_btn03.jpg?v=180406);}
.ryoukinbtn03 a:hover{background-image: url(../guide/img/ryoukin_btn03on.jpg?v=180406);}

.ryoukinbtn04 a{background-image: url(../guide/img/ryoukin_btn04.jpg);}
.ryoukinbtn04 a:hover{background-image: url(../guide/img/ryoukin_btn04on.jpg);}

.ryoukinbtn05 a{background-image: url(../guide/img/ryoukin_btn05.jpg);}
.ryoukinbtn05 a:hover{background-image: url(../guide/img/ryoukin_btn05on.jpg);}

.ryoukinbtn06 a{background-image: url(../guide/img/ryoukin_btn06.jpg?v=180406);}
.ryoukinbtn06 a:hover{background-image: url(../guide/img/ryoukin_btn06on.jpg?v=180406);}

.ryoukinbtn07 a{background-image: url(../guide/img/ryoukin_btn07.jpg?v=180406);}
.ryoukinbtn07 a:hover{background-image: url(../guide/img/ryoukin_btn07on.jpg?v=180406);}

.ryoukinbtn08 a{background-image: url(../guide/img/ryoukin_btn08.jpg);}
.ryoukinbtn08 a:hover{background-image: url(../guide/img/ryoukin_btn08on.jpg);}

.ryoukinbtn09 a{background-image: url(../guide/img/ryoukin_btn09.jpg);}
.ryoukinbtn09 a:hover{background-image: url(../guide/img/ryoukin_btn09on.jpg);}

.ryoukinbtn10 a{background-image: url(../guide/img/ryoukin_btn10.jpg);}
.ryoukinbtn10 a:hover{background-image: url(../guide/img/ryoukin_btn10on.jpg);}

.ryoukinbtn11 a{background-image: url(../guide/img/ryoukin_btn11.jpg?v=180406);}
.ryoukinbtn11 a:hover{background-image: url(../guide/img/ryoukin_btn11on.jpg?v=180406);}

.Nryoukinbtn02 a{background-image: url(../guide/img/ryoukin_btn02.jpg?v=180406);}
.Nryoukinbtn02 a:hover{background-image: url(../guide/img/ryoukin_btn02on.jpg?v=180406);}

.Nryoukinbtn03 a{background-image: url(../guide/img/ryoukin_btn03.jpg?v=180406);}
.Nryoukinbtn03 a:hover{background-image: url(../guide/img/ryoukin_btn03on.jpg?v=180406);}

.Nryoukinbtn06 a{background-image: url(../guide/img/ryoukin_btn06.jpg?v=180406);}
.Nryoukinbtn06 a:hover{background-image: url(../guide/img/ryoukin_btn06on.jpg?v=180406);}

.Nryoukinbtn07 a{background-image: url(../guide/img/ryoukin_btn07.jpg?v=180406);}
.Nryoukinbtn07 a:hover{background-image: url(../guide/img/ryoukin_btn07on.jpg?v=180406);}

.Nryoukinbtn12 a{background-image: url(../guide/img/ryoukin_btn12.jpg?v=220117);}
.Nryoukinbtn12 a:hover{background-image: url(../guide/img/ryoukin_btn12on.jpg?v=220117);}


.Rmenu_ippan a{background-image: url(../guide/img/btn_ippan.png);}
.Rmenu_ippan a:hover{background-image: url(../guide/img/btn_ippan_on.png);}

.Rmenu_gashuku a{background-image: url(../guide/img/btn_gashuku.png);}
.Rmenu_gashuku a:hover{background-image: url(../guide/img/btn_gashuku_on.png);}

.Rmenu_pack a{background-image: url(../guide/img/btn_pack.png);}
.Rmenu_pack a:hover{background-image: url(../guide/img/btn_pack_on.png);}

.Rmenu_meeting a{background-image: url(../guide/img/btn_meeting.png);}
.Rmenu_meeting a:hover{background-image: url(../guide/img/btn_meeting_on.png);}

.Rmenu_zemi a{background-image: url(../guide/img/btn_zemi.png);}
.Rmenu_zemi a:hover{background-image: url(../guide/img/btn_zemi_on.png);}

.Rmenu_inst a{background-image: url(../guide/img/btn_inst.png);}
.Rmenu_inst a:hover{background-image: url(../guide/img/btn_inst_on.png);}


.RyokinTitle {
	/*position:relative;
	left:-15px;*/
	font-size:18px;
	font-weight:bold;
	margin:25px 0 15px 0;
	background-color:#d6e9ca;
	padding:10px 0 5px 10px;

	border-radius: 12px 12px 0 0;						/* Standard */
	-moz-border-radius: 12px 12px 0 0;			/* Firefox */
	-webkit-border-radius: 12px 12px 0 0;		/* Webkit */
}

/*Left Column　お知らせ
---------------------------------------------------------*/	
#info_arrow{
	background: url(../guide/img/arrow.jpg) no-repeat;
	background-position: 0 5px;
	padding-left: 10px;
}
/*Left Column　料金
---------------------------------------------------------*/	
#ryoukin{
	width: 680px;
}
#leftclm #ryoukin table{
	background-color: #999;
}
#leftclm #ryoukin td{
	padding: 5px;
	text-align: center;
}
#rightyose{
	width: 350px;
	float: right;
	margin-left: 15px;
}

/*カレンダー*/
#calender table td{
	background-color: #ffffff;
}
#calender table td.title{
	background-color: #F4F9F8!important;
}
.sun {color:#FF0000;}
.sat {color:#006CD8}
.rank_a {background-color: #000000!important;}
.rank_b {background-color: #FFE5FF!important;}
.rank_c {background-color: #FFB973!important;}
.rank_d {background-color: #FFFF99!important;}
.rest {background-color: #CCCCCC!important;}
.nor {text-decoration: line-through;}

/*Left Column　イベント詳細
---------------------------------------------------------*/	
#event{
	width: 680px;
	text-align: center;
}
#leftclm #event table{
	background-color: #999;
}
#leftclm #event td{
	padding: 5px;
	text-align: center;
}
#event img{
	margin-bottom: 15px;
}
#event_title{
	width: 680px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	font-size: 18px;
	line-height: 1.5em;
	color: #333333;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 20px;
}
/*Left Column　お知らせ
---------------------------------------------------------*/	
#info_title{
	width: 680px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	font-size: 18px;
	line-height: 1.5em;
	color: #333333;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 20px;
}
#info{
	width: 680px;
	text-align: center;
}
#info table{
	text-align: center;
}
#info img{
	margin-bottom: 20px;
}


/*Right Column
---------------------------------------------------------*/	
#side{
	width: 250px;
	display: block;
	margin-top: 30px;
	float: left;
}
#side01_01 a{
	width: 250px;
	height: 60px;
	display: block;
	background-image: url(../guide/img/side01_01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#side01_01 a:hover{
	width: 250px;
	height: 60px;
	display: block;
	background-image: url(../guide/img/side01_01on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#side01_02 a{
	width: 250px;
	height: 32px;
	display: block;
	background-image: url(../guide/img/side01_02.jpg);
	background-repeat: no-repeat;
	text-indent: 30px;
	padding-top: 10px;
}
#side01_02 a:hover{
	width: 250px;
	height: 32px;
	display: block;
	background-image: url(../guide/img/side01_02on.jpg);
	background-repeat: no-repeat;
	text-indent: 30px;
	padding-top: 10px;
}
#side01_03 a{
	width: 250px;
	height: 32px;
	display: block;
	background-image: url(../guide/img/side01_03.jpg);
	background-repeat: no-repeat;
	text-indent: 30px;
	padding-top: 10px;
	margin-bottom: 30px;
}
#side01_03 a:hover{
	width: 250px;
	height: 32px;
	display: block;
	background-image: url(../guide/img/side01_03on.jpg);
	background-repeat: no-repeat;
	text-indent: 30px;
	padding-top: 10px;
	margin-bottom: 30px;
}