@charset "UTF-8";

/*============================================================
//
//  INDEX-------------------------
//  *初期設定
//  *共通設定
//  *ヘッダー
//  *フッター
//  *コンテンツ
//  *メニュー
//  *フラッシュ
//
//==========================================================*/


/*====== ナビ（ページに各々ページに入った時アクティブ状態） ======*/

/*-----------TOPへ-----------*/
.top .navi li.to-top,
.top .navi li.to-top a,
.top .navi li.to-top a:hover{
	width:210px;
	height:31px;
	background:url(/imgcommon/navi.jpg) no-repeat ;
	background-position:-210px 0px;
	text-indent:-9999px;
}

/*-----------concept-----------*/
.concept .navi li.concept,
.concept .navi li.concept a,
.concept .navi li.concept a:hover{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -31px;
	text-indent:-9999px;
}

/*-----------menu-----------*/
.course-menu .navi li.course-menu,
.course-menu .navi li.course-menu a,
.course-menu .navi li.course-menu a:hover
{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -62px;
	text-indent:-9999px;
}

/*-----------staff-----------*/
.our-staff .navi li.our-staff,
.our-staff .navi li.our-staff a,
.our-staff .navi li.our-staff a:hover{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -93px;
	text-indent:-9999px;
}

/*-----------press-----------*/
.press .navi li.press,
.press .navi li.press a,
.press .navi li.press a:hover
{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -124px;
	text-indent:-9999px;
}


/*-----------news-----------*/
.news .navi li.news,
.news .navi li.news a,
.news .navi li.news a:hover{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -155px;
	text-indent:-9999px;
}

/*-----------access-----------*/
.access .navi li.access,
.access .navi li.access a,
.access .navi li.access a:hover
{
	width:210px;
	height:31px;
	background:url(../imgcommon/navi.jpg) no-repeat ;
	background-position:-210px -186px;
	text-indent:-9999px;
}


/*============================================================
//  コースナビゲーション
//==========================================================*/

#navi-course {
	width: 950px;
	height:50px;
	margin:auto;
	margin-bottom:10px;
	background: url(../imgcommon/navi_course_new.jpg) no-repeat;

}
#navi-course ul{
	list-style:none;

}
#navi-course ul li {
	text-indent:-9999px;
	float:left;

}
#navi-course ul li.kogao a{
	width: 136px;
	height:50px;
	display: block;

}
#navi-course ul li.kogao a:hover{
	width: 136px;
	height:50px;
	display: block;
	background: url(../imgcommon/navi_course_new.jpg) no-repeat;
	background-position:-136px -50px;
}
#navi-course ul li.kotsuban a{
	width: 136px;
	height:50px;
	display: block;
}
#navi-course ul li.kotsuban a:hover{
	width: 136px;
	height:50px;
	display: block;
	background: url(../imgcommon/navi_course_new.jpg) no-repeat;
	background-position:0px -50px;
}
#navi-course ul li.ox a{
	width: 136px;
	height:50px;
	display: block;

}
#navi-course ul li.ox a:hover{
	width: 136px;
	height:50px;
	display: block;
	background: url(../imgcommon/navi_course_new.jpg) no-repeat;
	background-position:-272px -50px;
}
#navi-course ul li.oil a{
	width: 136px;
	height:50px;
	display: block;

}
#navi-course ul li.oil a:hover{
	width: 136px;
	height:50px;
	display: block;
	background: url(../imgcommon/navi_course_new.jpg) no-repeat;
	background-position:-408px -50px;
}
#navi-course ul li.relax a{
	width: 136px;
	height:50px;
	display: block;

}
#navi-course ul li.relax a:hover{
	width: 136px;
	height:50px;
	display: block;
	background: url(../imgcommon/navi_course_new.jpg) no-repeat;
	background-position:-544px -50px;
}
#navi-course ul li.bridal a{
	width: 135px;
	height:50px;
	display: block;

}
#navi-course ul li.bridal a:hover{
	width: 135px;
	height:50px;
	display: block;
	background: url(../imgcommon/navi_course_new.jpg) no-repeat;
	background-position:-680px -50px;
}
#navi-course ul li.voice a{
	width: 135px;
	height:50px;
	display: block;

}
#navi-course ul li.voice a:hover{
	width: 135px;
	height:50px;
	display: block;
	background: url(../imgcommon/navi_course_new.jpg) no-repeat;
	background-position:-815px -50px;
}