@charset "utf-8";

/*
============================ Nav CSS ============================

			ナビゲーション
				1.グローバルナビ
				2.ローカルナビ
				3.ショートカットメニュー
				4.フッターナビゲーション
				5.スマートフォン用バナーエリア
				6.特設サイト用ナビ add 2014/04/18

====================================================================
*/


/* 1.グローバルナビ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#navWrap {
	background:url(/img/common/nav_bg.jpg) 0 0 repeat-x;
	margin-bottom:20px;
	width:100%;
	min-width:1024px;
	height:60px;
	}
#nav {
	margin: 0 auto;
	width:980px;
	}
#nav ul li{
	display:block;
	float:left;
	height:60px;
	text-indent:-9999px
	}

#nav ul li a{
	display:block;
	height:60px;
	background:url(/img/common/nav_menu_bg.gif) no-repeat;
	}

#nav ul li#top a{ width: 106px;background-position: 0 0;}
#nav ul li#timetable a{ width: 144px;background-position: -106px 0;}
#nav ul li#program a{ width: 144px;background-position:-250px 0;}
#nav ul li#osusume a{ width: 137px;background-position:-394px 0;}
#nav ul li#original a{ width: 118px;background-position:-531px 0;}
#nav ul li#about a{ width: 187px;background-position:-649px 0;}
#nav ul li#forum a{ width: 144px;background-position:-836px 0;}

#nav ul li#top a:hover{ background-position: 0 -60px;}
#nav ul li#timetable a:hover{ background-position: -106px -60px;}
#nav ul li#program a:hover{ background-position: -250px -60px;}
#nav ul li#osusume a:hover{ background-position: -394px -60px;}
#nav ul li#original a:hover{ background-position: -531px -60px;}
#nav ul li#about a:hover{ background-position: -649px -60px;}
#nav ul li#forum a:hover{ background-position: -836px -60px;}

#nav ul li#top a.cur{ background-position: 0 -60px;}
#nav ul li#timetable a.cur{ background-position: -106px -60px;}
#nav ul li#program a.cur{ background-position: -250px -60px;}
#nav ul li#osusume a.cur{ background-position: -394px -60px;}
#nav ul li#original a.cur{ background-position: -531px -60px;}
#nav ul li#about a.cur{ background-position: -649px -60px;}
#nav ul li#forum a.cur{ background-position: -836px -60px;}

#nav:after {	/* clearfix */ clear: both; content: "."; display: block; height: 0; visibility: hidden; }



/* 2.ローカルナビ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#wrapper #aside #lNav {
	position: relative;
	background: url(/img/common/lnav_bg.png) 0 55px repeat-y;
	margin: 0 0 15px 0;
}
#wrapper #aside #lNav:before {
	position: absolute;
	content: '';
	z-index: 1;
	width: 245px; height: 55px;
	background: url(/img/common/lnav_tit_bg.png) 0 0 no-repeat;
}
#wrapper #aside #lNav #lNavTitle {
	position: relative;
	z-index: 2;
}

#wrapper #aside #lNav img[src*="lnav_bottom.gif"] {
	width: 245px; height: 10px;
}

#wrapper #aside #lNav ul{
	background:url(/img/common/lnav_line.gif) 0 0 no-repeat;
	margin:0 10px;
/*	padding-top:10px;*/
}

#wrapper #aside #lNav ul li{
	font-weight: bold;
	display:block;
	width:223px;
}

#wrapper #aside #lNav ul li.NoButton{
	font-weight: bold;
	display:block;
	width:188px;
}

#lNav ul li.TopSpace{
	padding-top:10px;
}

#lNav ul li a{
	background:url(/img/common/lnav_menu_bg.gif) 0 0 no-repeat;
	border: #fff solid 1px;
	color: #000;
	display: block;
	width: 188px;
	margin-bottom:1px;
	padding: 12px 5px 11px 25px;
	text-decoration: none;
}

#lNav ul li.NoButton{
	background:url(/img/common/lnav_menu_bg.gif) 0 0 no-repeat;
	border: #fff solid 1px;
	color: #000;
	display: block;
	width: 188px;
	margin-bottom:1px;
	padding: 12px 5px 11px 25px;
}

/* #lNav ul li a:hover{ background-position: 0 -76px; border: #d4be64 solid 1px;} */
#lNav ul li a:hover{ background-position: 0 bottom; border: #d4be64 solid 1px;}
#lNav ul li a.cur{ background-position: 0 bottom; border: #d4be64 solid 1px;}
/*#lNav ul li a .active{ background-position: 0 -75px; color: #0C0!important;}*/

#lNav ul.lNavInnerLi {
	background:0!important;
	margin: 0!important;
	padding-top:0!important;
}

#lNav ul.lNavInnerLi li a{
	background:#fff url(/img/common/arrow_lnav_off.gif) 25px 18px no-repeat;
	border-left: 1px solid #36412e;
	border-top: 0;
	border-bottom: 0;
	display: block;
	font-weight:normal;
	width: 178px;
	padding: 9px 5px 8px 35px;
	text-decoration: underline;
}
#lNav ul.lNavInnerLi li a:hover{ background:#eacf6c url(/img/common/arrow_lnav_on.gif) 25px 18px no-repeat}
#lNav ul.lNavInnerLi li a.cur{ background: #eacf6c url(/img/common/arrow_lnav_on.gif) 25px 18px no-repeat}


/* 3.ショートカットメニュー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#wrapper #aside #sCut{
	background:url(/img/common/scut_bg.jpg) 0 0 no-repeat;
	width:245px;
	height: 100%;
	margin: 0 0 15px 0;
}
#wrapper #aside #sCut ul{
   padding:10px 10px 0 10px;
}
#wrapper #aside #sCut ul li{
	background:url(/img/common/arrow_green.gif) 15px 15px no-repeat;
	border-bottom: 1px dotted #000;
	display:block;
	padding: 9px 5px 8px 30px;

}
#wrapper #aside #sCut ul li.last{
	border-bottom: 0;
}
#wrapper #aside #sCut ul.innerLi{
	background:none;
}
#wrapper #aside #sCut ul.innerLi li{
	background: none;
	border: none;
	padding: 6px 5px 0 5px;
}
#wrapper #aside #sCut ul li.image{
	background: none;
	padding: 3px 0 3px 10px;
}
#wrapper #aside #sCut:after {	/* clearfix */ clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/* 4.フッターナビゲーション
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */


#footerWrap #footer #fNav {
	background-color: #cfd7da;
	border: #fff solid 1px;
	margin-bottom:20px;
}
#footerWrap #footer #fNav #fLogo{
	float: left;
	width: 32%;
	padding: 3% 4%;
}
#footerWrap #footer #fNav #sitemap{
	float: left;
	font-size: 85%;
	line-height: 2;
	width: 54%;
	padding: 2% 3%;
}

/* 5.スマートフォン用バナーエリア
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#spBnr img{
	margin-top:15px;
}



/* 6.特設サイト用ナビ add 2014/04/18
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#spheader {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 980px;
	height: 50px;
}

#sphead .logo {
	float: left;
}
#sphead ul.btn {
	float: right;
	width: 400px;
}
#sphead ul li.btn div {
	float: right;
	padding-top:10px;
	margin-left:7px;
}
#sphead ul li.btn div.btn_shicho {
	margin-top: -5px;
	margin-right: 0px;
}

/* END */