@charset "utf-8";



/*Navi Area ------------------------------------------------------------*/
#navi-box { width:900px; margin:0px auto;text-align:left; border-bottom:2px #2f251e solid; position:relative; clear:both;}
#navi-box ul li { float:left; font-size:0; line-height:0}
#navi-box ul li a { display:block; text-indent:-9999px; font-size:12px; line-height:100%}


li#navi-01 {width:259px; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_01.jpg) 0 0 no-repeat;}
li#navi-02 {width:162px; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_02.jpg) 0 0 no-repeat;}
li#navi-03 {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_03.jpg) 0 0 no-repeat;}
li#navi-04 {width:161x; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_04.jpg) 0 0 no-repeat;}
li#navi-05 {width:157px; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_05.jpg) 0 0 no-repeat;}

li#navi-01 a {width:259px; height:33px;background:url(/jp_assets/images/personal/navi_personal_01.jpg) 0 0 no-repeat;}
li#navi-02 a {width:162px; height:33px;background:url(/jp_assets/images/personal/navi_personal_02.jpg) 0 0 no-repeat;}
li#navi-03 a {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_03.jpg) 0 0 no-repeat;}
li#navi-04 a {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_04.jpg) 0 0 no-repeat;}
li#navi-05 a {width:157px; height:33px;background:url(/jp_assets/images/personal/navi_personal_05.jpg) 0 0 no-repeat;}
#navi-box ul li a:hover { background-image:none;}

li#navi-01 a.act ,li#navi-01 a:hover.act {width:259px; height:33px;background:url(/jp_assets/images/personal/navi_personal_01_act.jpg) 0 0 no-repeat;}
li#navi-02 a.act ,li#navi-02 a:hover.act {width:162px; height:33px;background:url(/jp_assets/images/personal/navi_personal_02_act.jpg) 0 0 no-repeat;}
li#navi-03 a.act ,li#navi-03 a:hover.act {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_03_act.jpg) 0 0 no-repeat;}
li#navi-04 a.act ,li#navi-04 a:hover.act {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_04_act.jpg) 0 0 no-repeat;}
li#navi-05 a.act ,li#navi-05 a:hover.act {width:157px; height:33px;background:url(/jp_assets/images/personal/navi_personal_05_act.jpg) 0 0 no-repeat;}



/* Basic code - don't modify */
 
#navi-box ul#nav { display: block; margin: 0; padding: 0; position: relative; }
#navi-box ul#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;  }
#navi-box ul#nav a { display: block; overflow:hidden }
#navi-box ul#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #navi-box ul#nav ul { line-height: 0; } /* IE6 "fix" */
#navi-box ul#nav ul a { zoom: 1; } /* IE6/7 fix */
#navi-box ul#nav ul li { float: none; }
#navi-box ul#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul {width:258px; }


/* Everything else is theming */
 
#navi-box ul#nav { height: 33px; }
#navi-box ul#nav ul li *:hover { background-color: none; }
#navi-box ul li ul li ,#navi-box ul#nav li ul li {font-size:0; line-height:0 }

#navi-box ul#nav ul li#h-navi01 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%; background:url(/jp_assets/images/personal/hide_navi01.gif) 0 0 no-repeat; height:33px; width:258px;}
#navi-box ul#nav ul li#h-navi02 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%;background:url(/jp_assets/images/personal/hide_navi02.gif) 0 0 no-repeat; height:32px; width:258px;}
#navi-box ul#nav ul li#h-navi01 a.hover  { background:url(/jp_assets/images/personal/hide_navi01.gif) 0 -49px no-repeat;}
#navi-box ul#nav ul li#h-navi02 a.hover {  background:url(/jp_assets/images/personal/hide_navi02.gif) 0 -50px no-repeat;}
#nav ul a { border-bottom: none; } 




/* Gloabl Navi Area ------------------------------------------------------------*/
#g-navi-box { width:900px; margin:0px auto;text-align:left; clear:both; border-bottom:2px #2f251e solid; position:relative; background:url(/jp_assets/images/global/navi_bg.gif) 0 0 no-repeat;}
#g-navi-box ul li { float:left; font-size:0; line-height:0}
#g-navi-box ul li a { display:block; text-indent:-9999px; font-size:12px; line-height:100%; overflow:hidden}


#g-navi-box ul li#navi-01 {width:259px; height:33px;background:url(/jp_assets/images/global/navi_ov_01.gif) 0 0 no-repeat;}
#g-navi-box ul li#navi-02 {width:162px; height:33px;background:url(/jp_assets/images/global/navi_ov_02.gif) 0 0 no-repeat;}
#g-navi-box ul li#navi-03 {width:165px; height:33px;background:url(/jp_assets/images/global/navi_ov_03.gif) 0 0 no-repeat;}


#g-navi-box ul li#navi-01 a {width:259px; height:33px;background:url(/jp_assets/images/global/navi_01.gif) 0 0 no-repeat;}
#g-navi-box ul li#navi-02 a {width:162px; height:33px;background:url(/jp_assets/images/global/navi_02.gif) 0 0 no-repeat;}
#g-navi-box ul li#navi-03 a {width:165px; height:33px;background:url(/jp_assets/images/global/navi_03.gif) 0 0 no-repeat;}
#g-navi-box ul li#navi-01 a:hover ,
#g-navi-box ul li#navi-02 a:hover ,
#g-navi-box ul li#navi-03 a:hover { background-image:none;}

#g-navi-box ul li#navi-01 a.act ,#g-navi-box ul li#navi-01 a:hover.act {width:259px; height:33px;background:url(/jp_assets/images/global/navi_01_act.gif) 0 0 no-repeat;}
#g-navi-box ul li#navi-02 a.act ,#g-navi-box ul li#navi-02 a:hover.act {width:162px; height:33px;background:url(/jp_assets/images/global/navi_02_act.gif) 0 0 no-repeat;}
#g-navi-box ul li#navi-03 a.act ,#g-navi-box ul li#navi-03 a:hover.act {width:165px; height:33px;background:url(/jp_assets/images/global/navi_03_act.gif) 0 0 no-repeat;}


/* Gloabl Navi Area ------------------------------------------------------------*/
#o-navi-box { width:900px; margin:0px auto;text-align:left; clear:both; border-bottom:2px #2f251e solid; position:relative;}
#o-navi-box ul li { float:left; font-size:0; line-height:0}
#o-navi-box ul li a { display:block; text-indent:-9999px; font-size:12px; line-height:100%; overflow:hidden}


#o-navi-box ul li#navi-01 {width:258px; height:33px;}
#o-navi-box ul li#navi-02 {width:642px; height:33px;}
#o-navi-box ul li#navi-01 a {width:258px; height:33px;background:url(/jp_assets/images/organizations/navi_img01.gif) 0 0 no-repeat;}
#o-navi-box ul li#navi-01 a.act ,#o-navi-box ul li#navi-01 a:hover.act {width:258px; height:33px;background:url(/jp_assets/images/organizations/navi_img01.gif) 0 0 no-repeat;}



/* Gloabl Navi Area ------------------------------------------------------------*/
#s-navi-box { width:900px; margin:0px auto;text-align:left; clear:both; border-bottom:2px #2f251e solid; 
position:relative; }
#s-navi-box ul li { float:left; font-size:0; line-height:0}
#s-navi-box ul li a { display:block; text-indent:-9999px; font-size:12px; line-height:100%; overflow:hidden}}


#s-navi-box ul li#navi-01 {width:259px; height:33px;}
#s-navi-box ul li#navi-02 {width:641px; height:33px;}
#s-navi-box ul li#navi-01 a {width:259px; height:33px;background:url(/jp_assets/images/global/navi_01.gif) 0 0 no-repeat;}
#s-navi-box ul li#navi-01 a.act , #s-navi-box ul li#navi-01 a:hover.act {width:259px; height:33px;background:url(/jp_assets/images/schools/navi_img01.gif) 0 0 no-repeat;}



/* Basic code - don't modify */
 
#g-navi-box ul#nav { display: block; margin: 0; padding: 0; position: relative; }
#g-navi-box ul#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;  }
#g-navi-box ul#nav a { display: block;  }
#g-navi-box ul#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #navi-box ul#nav ul { line-height: 0; } /* IE6 "fix" */
#g-navi-box ul#nav ul a { zoom: 1; } /* IE6/7 fix */
#g-navi-box ul#nav ul li { float: none; }
#g-navi-box ul#nav ul ul { top: 0; }

/* Basic code - don't modify */
 
#s-navi-box ul#nav { display: block; margin: 0; padding: 0; position: relative; }
#s-navi-box ul#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;  }
#s-navi-box ul#nav a { display: block;  }
#s-navi-box ul#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #navi-box ul#nav ul { line-height: 0; } /* IE6 "fix" */
#s-navi-box ul#nav ul a { zoom: 1; } /* IE6/7 fix */
#s-navi-box ul#nav ul li { float: none; }
#sg-navi-box ul#nav ul ul { top: 0; }


/* Basic code - don't modify */
 
#o-navi-box ul#nav { display: block; margin: 0; padding: 0; position: relative; }
#o-navi-box ul#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;  }
#o-navi-box ul#nav a { display: block;  }
#o-navi-box ul#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #navi-box ul#nav ul { line-height: 0; } /* IE6 "fix" */
#o-navi-box ul#nav ul a { zoom: 1; } /* IE6/7 fix */
#o-navi-box ul#nav ul li { float: none; }
#o-navi-box ul#nav ul ul { top: 0; }
/* Essentials - configure this */

#nav ul {width:258px; }


/* Everything else is theming */
 
#g-navi-box ul#nav { height: 33px; }
#g-navi-box ul#nav ul li *:hover { background-color: none; }
#g-navi-box ul li ul li ,#navi-box ul#nav li ul li {font-size:0; line-height:0 }

#g-navi-box ul#nav ul li#h-navi01 { padding:2px 0px 0px}
#g-navi-box ul#nav ul li#h-navi01 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%; background:url(/jp_assets/images/common/hide_navi03.gif) 0 0 no-repeat; height:32px; width:258px;}
#g-navi-box ul#nav ul li#h-navi02 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%;background:url(/jp_assets/images/common/hide_navi01.gif) 0 0 no-repeat; height:33px; width:258px;}
#g-navi-box ul#nav ul li#h-navi03 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%;background:url(/jp_assets/images/common/hide_navi02.gif) 0 0 no-repeat; height:33px; width:258px;}
#g-navi-box ul#nav ul li#h-navi01 a.hover  { background:url(/jp_assets/images/common/hide_navi03.gif) 0 -50px no-repeat;}
#g-navi-box ul#nav ul li#h-navi02 a.hover {  background:url(/jp_assets/images/common/hide_navi01.gif) 0 -49px no-repeat;}
#g-navi-box ul#nav ul li#h-navi03 a.hover {  background:url(/jp_assets/images/common/hide_navi02.gif) 0 -50px no-repeat;}
#nav ul a { border-bottom: none; } 


/* Everything else is theming */
 
#o-navi-box ul#nav { height: 33px; }
#o-navi-box ul#nav ul li *:hover { background-color: none; }
#o-navi-box ul li ul li ,#navi-box ul#nav li ul li {font-size:0; line-height:0 }

#o-navi-box ul#nav ul li#h-navi01 { padding:2px 0px 0px}
#o-navi-box ul#nav ul li#h-navi01 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%; background:url(/jp_assets/images/common/hide_navi03.gif) 0 0 no-repeat; height:32px; width:258px;}
#o-navi-box ul#nav ul li#h-navi02 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%;background:url(/jp_assets/images/common/hide_navi01.gif) 0 0 no-repeat; height:33px; width:258px;}
#o-navi-box ul#nav ul li#h-navi03 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%;background:url(/jp_assets/images/common/hide_navi02.gif) 0 0 no-repeat; height:33px; width:258px;}
#o-navi-box ul#nav ul li#h-navi01 a.hover  { background:url(/jp_assets/images/common/hide_navi03.gif) 0 -50px no-repeat;}
#o-navi-box ul#nav ul li#h-navi02 a.hover {  background:url(/jp_assets/images/common/hide_navi01.gif) 0 -49px no-repeat;}
#o-navi-box ul#nav ul li#h-navi03 a.hover {  background:url(/jp_assets/images/common/hide_navi02.gif) 0 -50px no-repeat;}
#nav ul a { border-bottom: none; } 


/* Everything else is theming */
 
#s-navi-box ul#nav { height: 33px; }
#s-navi-box ul#nav ul li *:hover { background-color: none; }
#s-navi-box ul li ul li ,#navi-box ul#nav li ul li {font-size:0; line-height:0 }

#s-navi-box ul#nav ul li#h-navi01 { padding:2px 0px 0px}
#s-navi-box ul#nav ul li#h-navi01 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%; background:url(/jp_assets/images/common/hide_navi03.gif) 0 0 no-repeat; height:32px; width:258px;}
#s-navi-box ul#nav ul li#h-navi02 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%;background:url(/jp_assets/images/common/hide_navi01.gif) 0 0 no-repeat; height:33px; width:258px;}
#s-navi-box ul#nav ul li#h-navi03 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%;background:url(/jp_assets/images/common/hide_navi02.gif) 0 0 no-repeat; height:33px; width:258px;}
#s-navi-box ul#nav ul li#h-navi01 a.hover  { background:url(/jp_assets/images/common/hide_navi03.gif) 0 -50px no-repeat;}
#s-navi-box ul#nav ul li#h-navi02 a.hover {  background:url(/jp_assets/images/common/hide_navi01.gif) 0 -49px no-repeat;}
#s-navi-box ul#nav ul li#h-navi03 a.hover {  background:url(/jp_assets/images/common/hide_navi02.gif) 0 -50px no-repeat;}
#nav ul a { border-bottom: none; }