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

/* 左メニュー*/


#navi {
	width:180px;
	height:435px;
	padding: 0px;
	clear: both;
	margin:0;
	background-image: url(../title/left_navi.gif);
	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(../title/left_navi.gif);
	background-repeat: no-repeat;
}

#navi1,
#navi1 a
{
	display: block;
	width: 180px;
	height: 50px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
#navi2,
#navi2 a
{
  display: block;
  width: 180px;
  height: 55px;
  margin: 0px;
  padding: 0px;
;
}
#navi3,
#navi3 a
{
  display: block;
  width: 180px;
  height: 50px;
  margin: 0px;
  padding: 0px;

}
#navi4,
#navi4 a
{
  display: block;
  width: 180px;
  height: 50px;
  margin: 0px;
  padding: 0px;

}
#navi5,
#navi5 a
{
  display: block;
  width: 180px;
  height: 60px;
  margin: 0px;
  padding: 0px;

}
#navi6,
#navi6 a
{
  display: block;
  width: 180px;
  height: 55px;
  margin: 0px;
  padding: 0px;

}
#navi7,
#navi7 a
{
  display: block;
  width: 180px;
  height: 50px;
  margin: 0px;
  padding: 0px;

}
#navi1 a { background-position: 0px -25px;}
#navi2 a { background-position: 0px -75px;}
#navi3 a { background-position: 0px -130px;}
#navi4 a { background-position: 0px -180px;}
#navi5 a { background-position: 0px -230px;}
#navi6 a { background-position: 0px -290px;}
#navi7 a { background-position: 0px -345px;}


#navi1 a:hover { background-position: -216px -25px;}
#navi2 a:hover { background-position: -216px -75px;}
#navi3 a:hover { background-position: -216px -130px;}
#navi4 a:hover { background-position: -216px -180px;}
#navi5 a:hover { background-position: -216px -230px;}
#navi6 a:hover { background-position: -216px -290px;}
#navi7 a:hover { background-position: -216px -345px;}



#leftunder {
	width:180px;
	height:620px;
	padding: 0px;
	clear: both;
	margin:0;
	background-image: url(../title/left_naviunder.jpg);
	background-repeat: no-repeat;
}

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

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

.leftnavigation a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(../title/left_naviunder.jpg);
	background-repeat: no-repeat;
}

#u_navi1,
#u_navi1 a
{
	display: block;
	width: 180px;
	height: 130px;
	margin: 0px;
	padding:0px;

}
#u_navi2,
#u_navi2 a
{
  display: block;
  width: 180px;
  height: 125px;
  margin: 0px;
  padding: 0px;
}
#u_navi3,
#u_navi3 a
{
  display: block;
  width: 180px;
  height: 125px;
  margin: 0px;
  padding: 0px;
}
#u_navi4,
#u_navi4 a
{
  display: block;
  width: 180px;
  height: 130px;
  margin: 0px;
  padding: 0px;
}
#u_navi5,
#u_navi5 a
{
  display: block;
  width: 180px;
  height: 110px;
  margin: 0px;
  padding: 0px;
}

#u_navi1 a { background-position: 0px 0px;}
#u_navi2 a { background-position: 0px -130px;}
#u_navi3 a { background-position: 0px -255px;}
#u_navi4 a { background-position: 0px -380px;}
#u_navi5 a { background-position: 0px -510px;}


#u_navi1 a:hover { background-position: -250px 0px;}
#u_navi2 a:hover { background-position: -250px -130px;}
#u_navi3 a:hover { background-position: -250px -255px;}
#u_navi4 a:hover { background-position: -250px -380px;}
#u_navi5 a:hover { background-position: -250px -510px;}







/*===============================================
	各ページのボタン
================================================*/
#menu_layout {margin:0}
.menu_layout_left {width:290px; float:left;}
.menu_layout_right { margin-left:20px; width:290px; float:left;}


.btn_diary a {
	display:block;
	width:180px;
	height:307px;
	text-indent:-10000px;
	background-image: url(../images/btn_diary.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.btn_diary a:hover, .btn_diary a:focus {
	background-position:-250px 0px;
}

.btn_staff a {
	display:block;
	width:290px;
	height:135px;
	text-indent:-10000px;
	background-image: url(../images/btn_staff.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
.btn_staff a:hover, .btn_staff a:focus {background-position:0 -200px;}
.btn_faq a {
	display:block;
	width:290px;
	height:135px;
	text-indent:-10000px;
	background-image: url(../images/btn_faq.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
.btn_faq a:hover, .btn_faq a:focus {background-position:0 -200px;}
.btn_guide a {
	display:block;
	width:290px;
	height:135px;
	text-indent:-10000px;
	background-image: url(../images/btn_guide.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:35px;
	}
.btn_guide a:hover, .btn_guide a:focus {background-position:0 -200px;}
.btn_contact a {
	display:block;
	width:290px;
	height:135px;
	text-indent:-10000px;
	background-image: url(../images/btn_contact.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top:35px;
	}
.btn_contact a:hover, .btn_contact a:focus {background-position:0 -200px;}




/*===============================================
	よくある質問
================================================*/

.course_btn01 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn01.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn01 a:hover, .course_btn01 a:focus {background-position:0 -100px;}

.course_btn02 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn02.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn02 a:hover, .course_btn02 a:focus {background-position:0 -100px;}

.course_btn03 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn03.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn03 a:hover, .course_btn03 a:focus {background-position:0 -100px;}

.course_btn04 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn04.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn04 a:hover, .course_btn04 a:focus {background-position:0 -100px;}

.course_btn05 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn05.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn05 a:hover, .course_btn05 a:focus {background-position:0 -100px;}
.course_btn06 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn06.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn06 a:hover, .course_btn06 a:focus {background-position:0 -100px;}

.btn_method a {
	display:block;
	width:200px;
	height:195px;
	text-indent:-10000px;
	background-image: url(../images/btn_method.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.btn_method a:hover, .btn_method a:focus {background-position:0 -250px;}
.btn_kicho a {
	display:block;
	width:195px;
	height:215px;
	text-indent:-10000px;
	background-image: url(../price/images/btn_kicho.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.btn_kicho a:hover, .btn_kicho a:focus {background-position:0 -225px;}
.btn_sisan a {
	display:block;
	width:195px;
	height:215px;
	text-indent:-10000px;
	background-image: url(../price/images/btn_sisan.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.btn_sisan a:hover, .btn_sisan a:focus {background-position:0 -225px;}
.btn_kansa a {
	display:block;
	width:195px;
	height:215px;
	text-indent:-10000px;
	background-image: url(../price/images/btn_kansa.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.btn_kansa a:hover, .btn_kansa a:focus {background-position:0 -225px;}