/* ============= global_navi  */

#nav {}

#nav ul,
#nav ul li { margin: 0; padding: 0; }

#nav ul { list-style-type: none; width: 760px; }
#nav ul li { float: left; }
#nav ul li a { display: block; height: 24px; background: url(../image/top_gnavi.gif); }

#nav ul li#nav_phylosophy a { width: 154px; background-position:    0   0; }
#nav ul li#nav_basis      a { width: 151px; background-position: -154px 0; }
#nav ul li#nav_products   a { width: 151px; background-position: -305px 0; }
#nav ul li#nav_safety     a { width: 151px; background-position: -456px 0; }
#nav ul li#nav_reports    a { width: 153px; background-position: -607px 0; }

#nav ul li#nav_phylosophy a:hover { background-position:    0   -24px; }
#nav ul li#nav_basis      a:hover { background-position: -154px -24px; }
#nav ul li#nav_products   a:hover { background-position: -305px -24px; }
#nav ul li#nav_safety     a:hover { background-position: -456px -24px; }
#nav ul li#nav_reports    a:hover { background-position: -607px -24px; }

#nav ul li#nav_phylosophy.current a { background-position:    0   -24px; }
#nav ul li#nav_basis.current      a { background-position: -154px -24px; }
#nav ul li#nav_products.current   a { background-position: -305px -24px; }
#nav ul li#nav_safety.current     a { background-position: -456px -24px; }
#nav ul li#nav_reports.current    a { background-position: -607px -24px; }

/* ============= main_visual  */
#main_vi p { margin: 0; padding: 0; }

#main_vi #vi_default.on p,
#main_vi #vi_phylosophy.on p,
#main_vi #vi_basis.on p,
#main_vi #vi_products.on p,
#main_vi #vi_safety.on p,
#main_vi #vi_reports.on p { display: block; }

#main_vi #vi_default.off p,
#main_vi #vi_phylosophy.off p,
#main_vi #vi_basis.off p,
#main_vi #vi_products.off p,
#main_vi #vi_safety.off p,
#main_vi #vi_reports.off p { display: none; }


/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-block; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }