@charset "utf-8";
/* CSS Document */

/* トップナビゲーション*/ 
#course_navi {
	height:120px;
	background-image:url(../images/contents_navi.jpg);
	background-repeat:no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

ul.coursenavi {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float:left;
}

.coursenavi li {
  text-indent: -9999px;
  margin-bottom:0px;
  float:left;
}

.coursenavi a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(../images/contents_navi.jpg);
	background-repeat: no-repeat;
}
#c_navi1,
#c_navi1 a{
  display: block;
  width: 165px;
  height: 120px;
  margin: 0px;
  padding: 0px;
}
#c_navi2,
#c_navi2 a{
  display: block;
  width: 170px;
  height: 120px;
  margin: 0px;
  padding: 0px;
}
#c_navi3,
#c_navi3 a
{
  display: block;
  width: 165px;
  height: 120px;
  margin: 0px;
  padding: 0px;
}

#c_navi1 a { background-position: 0px 0px;}
#c_navi2 a { background-position: -170px 0px;}
#c_navi3 a { background-position: -335px 0px;}

#c_navi1 a:hover { background-position: 0px -150px;}
#c_navi2 a:hover { background-position: -170px -150px;}
#c_navi3 a:hover { background-position: -335px -150px;}

/* 左側ナビゲーション */

.category_left {
	margin:0;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	}
.category_left ul {
	margin-left:20px;
	line-height:200%;
	}
	
.category_left li {
	margin:0;
	list-style-image: url(../title/left_yaji.gif);
	}

/* 右側ナビゲーション */

.category_right {
	margin:0;
	text-align:left;
	font-size:13px;
	margin-top:15px;
	}
.category_right ul {
	margin-left:20px;
	line-height:200%;
	}
	
.category_right li {
	margin:0;
	list-style-image: url(../title/left_yaji.gif);
	}

/* 左メニュー*/


#navi {
	width:195px;
	height:730px;
	padding: 0px;
	clear: both;
	margin:0;
	background-image: url(../images/left_menu.jpg);
	background-repeat: no-repeat;
}

ul.navigation {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.navigation li {
  text-indent: -9999px;
  margin-bottom:0px;
}

.navigation a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(../images/left_menu.jpg);
	background-repeat: no-repeat;
}

#navi1,
#navi1 a
{
  display: block;
  width: 195px;
  height: 50px;
  margin: 0px;
  padding: 0px;
}
#navi2,
#navi2 a,
#navi3,
#navi3 a,
#navi4,
#navi4 a,
#navi5,
#navi5 a,
#navi6,
#navi6 a,
#navi7,
#navi7 a,
#navi8,
#navi8 a,
#navi9,
#navi9 a,
#navi10,
#navi10 a,
#navi11,
#navi11 a,
#navi12,
#navi12 a,
#navi13,
#navi13 a,
#navi14,
#navi14 a,
#navi15,
#navi15 a,
#navi16,
#navi16 a
{
  display: block;
  width: 195px;
  height: 45px;
  margin: 0px;
  padding: 0px;
}

#navi1 a { background-position: 0px 0px;}
#navi2 a { background-position: 0px -50px;}
#navi3 a { background-position: 0px -95px;}
#navi4 a { background-position: 0px -140px;}
#navi5 a { background-position: 0px -185px;}
#navi6 a { background-position: 0px -230px;}
#navi7 a { background-position: 0px -275px;}
#navi8 a { background-position: 0px -320px;}
#navi9 a { background-position: 0px -365px;}
#navi10 a { background-position: 0px -410px;}
#navi11 a { background-position: 0px -455px;}
#navi12 a { background-position: 0px -500px;}
#navi13 a { background-position: 0px -545px;}
#navi14 a { background-position: 0px -590px;}
#navi15 a { background-position: 0px -635px;}
#navi16 a { background-position: 0px -680px;}

#navi1 a:hover { background-position: -250px 0px;}
#navi2 a:hover { background-position: -250px -50px;}
#navi3 a:hover { background-position: -250px -95px;}
#navi4 a:hover { background-position: -250px -140px;}
#navi5 a:hover { background-position: -250px -185px;}
#navi6 a:hover { background-position: -250px -230px;}
#navi7 a:hover { background-position: -250px -275px;}
#navi8 a:hover { background-position: -250px -320px;}
#navi9 a:hover { background-position: -250px -365px;}
#navi10 a:hover { background-position: -250px -410px;}
#navi11 a:hover { background-position: -250px -455px;}
#navi12 a:hover { background-position: -250px -500px;}
#navi13 a:hover { background-position: -250px -545px;}
#navi14 a:hover { background-position: -250px -590px;}
#navi15 a:hover { background-position: -250px -635px;}
#navi16 a:hover { background-position: -250px -680px;}


/*===============================================
	各ページのボタン
================================================*/
.btn_contact a {
	display:block;
	width:180px;
	height:45px;
	text-indent:-10000px;
	background-image: url(../images/btn_contact.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;

	}
.btn_contact a:hover, .btn_contact a:focus {background-position:0 -100px;}

.btn_reservation a {
	display:block;
	width:180px;
	height:45px;
	text-indent:-10000px;
	background-image: url(../images/btn_reservation.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;

	}
.btn_reservation a:hover, .btn_reservation a:focus {background-position:0 -100px;}

.btn_price a {
	display:block;
	width:215px;
	height:50px;
	text-indent:-10000px;
	background-image: url(../images/btn_price.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
	margin-left:150px;
}
.btn_price a:hover, .btn_price a:focus {background-position:0 -95px;}
.btn_contact-s a {
	display:block;
	width:215px;
	height:50px;
	text-indent:-10000px;
	background-image: url(../images/btn_contact_s.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
	margin-left:150px;
}
.btn_contact-s a:hover, .btn_contact-s a:focus {background-position:0 -95px;}

.btn_blog a {
	display:block;
	width:180px;
	height:100px;
	text-indent:-10000px;
	background-image: url(../images/btn_blog.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}
.btn_blog a:hover, .btn_blog a:focus {background-position:0 -146px;}

.btn_hoshino a {
	display:block;
	width:180px;
	height:108px;
	text-indent:-10000px;
	background-image: url(../images/btn_hoshino.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}
.btn_hoshino a:hover, .btn_hoshino a:focus {background-position:0 -200px;}
.btn_campaign a {
	display:block;
	width:500px;
	height:100px;
	text-indent:-10000px;
	background-image: url(../images/btn_campaign.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
	margin-bottom:20px;
}
.btn_campaign a:hover, .btn_campaign a:focus {background-position:0 -150px;}
.btn_shop1 a {
	display:block;
	width:500px;
	height:150px;
	text-indent:-10000px;
	background-image: url(../shop/images/btn_shop1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}
.btn_shop1 a:hover, .btn_shop1 a:focus {background-position:0 -200px;}

.btn_shop2 a {
	display:block;
	width:500px;
	height:155px;
	text-indent:-10000px;
	background-image: url(../shop/images/btn_shop2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}
.btn_shop2 a:hover, .btn_shop2 a:focus {background-position:0 -200px;}


.btn_shop3 a {
	display:block;
	width:500px;
	height:165px;
	text-indent:-10000px;
	background-image: url(../shop/images/btn_shop3.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}
.btn_shop3 a:hover, .btn_shop3 a:focus {background-position:0 -200px;}

.btn_tour a {
	display:block;
	width:495px;
	height:60px;
	text-indent:-10000px;
	background-image: url(../images/btn_tour.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:15px;
}
.btn_tour a:hover, .btn_tour a:focus {background-position:0 -100px;}