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

#nav01{
	/*border-bottom:#FFF solid 1px;*/
	padding-bottom:0px;
/*	background:url(../images/haienaHP_17_17.png) repeat-x;*/
background:url(../images/logo1_03_03.jpg)repeat-x;

 
}

#nav{
	list-style:none;
	width:980px;
	height:54px;
	margin:0 auto;
	overflow:hidden;
}


#nav li{
    list-style:none;
    margin:0;
    padding:0;
}
 
#nav li {
    display:block;
    overflow:hidden;
    float:left;
    list-style-type:none;
    float:left;
    text-indent:-9999px;/*li内のアンカーテキストを不可視化*/
}
 
#nav.hover-css a,
#nav.hover-anims a,
#nav.hover-anims span {
    display:block;
    position:relative;
    background:url(../images/nav00_13_13_13_13_13.png) no-repeat;
}
 
#nav.hover-anims span { 
    position:absolute;
    left:0;
    top:0;
}
 
#nav.hover-css .home a,
#nav.hover-anims .home a,
#nav.hover-anims .home span {
    width:122px;/*呼び出すボタンの幅*/
    height:54px;/*呼び出すボタンの高さ*/
    background-position:0 top;　/*マウスアウト時のスプライト画像の位置指定*/
}
 
#nav.hover-css .home a:hover,
#nav.hover-anims .home span {
    background-position:0px -54px;　/*マウスオーバー時のスプライト画像の位置指定*/
}
 
	
	
	
#nav.hover-css .profile a,
#nav.hover-anims .profile a,
#nav.hover-anims .profile span {
   width:122px;/*呼び出すボタンの幅*/
    height:54px;/*呼び出すボタンの高さ*/
    background-position:-122px top;　/*マウスアウト時のスプライト画像の位置指定*/
}
 
#nav.hover-css .profile a:hover,
#nav.hover-anims .profile span {
    background-position:-122px -54px;　/*マウスオーバー時のスプライト画像の位置指定*/
}
 
	
	
	
	
	
#nav.hover-css .gallery a,
#nav.hover-anims .gallery a,
#nav.hover-anims .gallery span {
   width:122px;/*呼び出すボタンの幅*/
    height:54px;/*呼び出すボタンの高さ*/
    background-position:-244px top;　/*マウスアウト時のスプライト画像の位置指定*/
}
 
#nav.hover-css .gallery a:hover,
#nav.hover-anims .gallery span {
    background-position:-244px -54px;　/*マウスオーバー時のスプライト画像の位置指定*/
}





#nav.hover-css .charkart a,
#nav.hover-anims .charkart a,
#nav.hover-anims .charkart span {
   width:122px;/*呼び出すボタンの幅*/
    height:54px;/*呼び出すボタンの高さ*/
    background-position:-366px top;　/*マウスアウト時のスプライト画像の位置指定*/
}
 
#nav.hover-css .charkart a:hover,
#nav.hover-anims .charkart span {
    background-position:-366px -54px;　/*マウスオーバー時のスプライト画像の位置指定*/
}





#nav.hover-css .blog a,
#nav.hover-anims .blog a,
#nav.hover-anims .blog span {
   width:122px;/*呼び出すボタンの幅*/
    height:54px;/*呼び出すボタンの高さ*/
    background-position:-488px top;　/*マウスアウト時のスプライト画像の位置指定*/
}
 
#nav.hover-css .blog a:hover,
#nav.hover-anims .blog span {
    background-position:-488px -54px;　/*マウスオーバー時のスプライト画像の位置指定*/
}






#nav.hover-css .order a,
#nav.hover-anims .order a,
#nav.hover-anims .order span {
   width:124px;/*呼び出すボタンの幅*/
    height:54px;/*呼び出すボタンの高さ*/
    background-position:-610px top;　/*マウスアウト時のスプライト画像の位置指定*/
}
 
#nav.hover-css .order a:hover,
#nav.hover-anims .order span {
    background-position:-610px -54px;　/*マウスオーバー時のスプライト画像の位置指定*/
}




#nav.hover-css .school a,
#nav.hover-anims .school a,
#nav.hover-anims .school span {
   width:124px;/*呼び出すボタンの幅*/
    height:54px;/*呼び出すボタンの高さ*/
    background-position:-734px top;　/*マウスアウト時のスプライト画像の位置指定*/
}
 
#nav.hover-css .school a:hover,
#nav.hover-anims .school span {
    background-position:-734px -54px;　/*マウスオーバー時のスプライト画像の位置指定*/
}

/*追加ナビ*/

#nav.hover-css .link a,
#nav.hover-anims .link a,
#nav.hover-anims .link span {
   width:122px;/*呼び出すボタンの幅*/
    height:54px;/*呼び出すボタンの高さ*/
    background-position:-858px top;　/*マウスアウト時のスプライト画像の位置指定*/
}
 
#nav.hover-css .link a:hover,
#nav.hover-anims .link span {
    background-position:-858px -54px;　/*マウスオーバー時のスプライト画像の位置指定*/
}


.sub {
	width:140px;
   background-color: #000; /* サブメニュー全体の背景色 */
   border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #fff; /* サブメニュー全体の枠線の色 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
			text-indent:0px!important;
			z-index:9999;
}
.sub li {
	color:#fff;
	cursor:pointer;
	
   width: 140px; /* サブメニュー1項目の横幅 */
   height: 35px; /* サブメニュー1項目の高さ */
   border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   border-style: solid; /* サブメニュー1項目の枠線の線種 */
   border-color: #fff; /* サブメニュー1項目の枠線の色 */
}
.sub li a {
	color:#fff;
	text-decoration:none;
	width:140px!important;
	height:35px!important;
	background-image:none!important;
	display:block;
   line-height: 35px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}

.sub li a:hover {
	
   background-color: #000; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #333; /* サブメニュー項目にマウスが載ったときの文字色 */
}
.sub li a span{
	display:none!important;
	background:none!important;}