@charset "Shift_JIS";

/*----------------------------------------------------
	#ガス安全ガイド用サブメニュー
----------------------------------------------------*/
#sub { float: left; width: 200px; }
#sub .sgmenu { margin-bottom:10px; background:url(../img/submenu_cmnbtm.gif) bottom no-repeat; padding-bottom:4px;}

#sub .sgmenu h1 { display:block; height:31px; width:200px; text-indent:-100000px; background:url(../img/submenu_cmntop.gif) 0 0 no-repeat; margin:0;padding:0; }

#sub .sgmenu h2 {display:block; height:30px; width:200px; text-indent:-100000px; margin:0;padding:0; }
#sub .sgmenu h2.emr {background:url(../img/submenu_emr.gif) 0 0 no-repeat; }
#sub .sgmenu h2.gas {background:url(../img/submenu_gas.gif) 0 0 no-repeat; }
#sub .sgmenu h2.saf {background:url(../img/submenu_saf.gif) 0 0 no-repeat; }

#sub .sgmenu ul {margin:0;padding:0; line-height:0;}
#sub .sgmenu ul li {margin:0;padding:0; line-height:0;}

#sub .sgmenu ul li a { display:block; height: 30px; width:200px; line-height: normal; text-indent:-100000px; margin:0;padding:0; }

#sub .sgmenu ul li.emr01 a { background:url(../img/submenu_emr01.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.emr02 a { background:url(../img/submenu_emr02.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.emr03 a { background:url(../img/submenu_emr03.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.emr04 a { background:url(../img/submenu_emr04.gif) 0 0 no-repeat;}

#sub .sgmenu ul li.emr01 a:hover { background:url(../img/submenu_emr01.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.emr02 a:hover { background:url(../img/submenu_emr02.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.emr03 a:hover { background:url(../img/submenu_emr03.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.emr04 a:hover { background:url(../img/submenu_emr04.gif) 0 -30px no-repeat;}

#sub .sgmenu ul li.gas01 a { background:url(../img/submenu_gas01.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.gas02 a { background:url(../img/submenu_gas02.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.gas03 a { background:url(../img/submenu_gas03.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.gas04 a { background:url(../img/submenu_gas04.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.gas05 a { background:url(../img/submenu_gas05.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.gas06 a { background:url(../img/submenu_gas06.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.gas07 a { background:url(../img/submenu_gas07.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.gas08 a { background:url(../img/submenu_gas08.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.gas09 a { background:url(../img/submenu_gas09.gif) 0 0 no-repeat;}

#sub .sgmenu ul li.gas01 a:hover { background:url(../img/submenu_gas01.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.gas02 a:hover { background:url(../img/submenu_gas02.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.gas03 a:hover { background:url(../img/submenu_gas03.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.gas04 a:hover { background:url(../img/submenu_gas04.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.gas05 a:hover { background:url(../img/submenu_gas05.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.gas06 a:hover { background:url(../img/submenu_gas06.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.gas07 a:hover { background:url(../img/submenu_gas07.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.gas08 a:hover { background:url(../img/submenu_gas08.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.gas09 a:hover { background:url(../img/submenu_gas09.gif) 0 -30px no-repeat;}

#sub .sgmenu ul li.saf01 a { background:url(../img/submenu_saf01.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.saf02 a { background:url(../img/submenu_saf02.gif) 0 0 no-repeat;}
#sub .sgmenu ul li.saf03 a { background:url(../img/submenu_saf03.gif) 0 0 no-repeat;}

#sub .sgmenu ul li.saf01 a:hover { background:url(../img/submenu_saf01.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.saf02 a:hover { background:url(../img/submenu_saf02.gif) 0 -30px no-repeat;}
#sub .sgmenu ul li.saf03 a:hover { background:url(../img/submenu_saf03.gif) 0 -30px no-repeat;}