/*INDEX.css
************************************************

/menu.html のみに使用

************************************************
*/
	



/* CSS 
************************************************/
@import url(basic.css);		/* 全頁共通　ブラウザ依存をリセット */







/* HEAD 
************************************************/
#head { width:800px; height:37px; margin:0 auto 0 auto; background:url(../img/head_bg.gif) no-repeat; background-position:right top; }
#head #logo { width:130px; float:left; }
#head #tops { width:422px; float:right;}
#head #tops #search { float:right; margin:10px 8px 0 0;}
#head #tops .link { float:right; background:url(../img/head_link_aro.gif) no-repeat; background-position:0 3px; padding:0px 0 0 15px; margin:14px 5px 0 15px; 
					font-size:12px; letter-spacing:0.1em; line-height:1.2em; color:#FFFFFF;}
#head #tops .link a { color:#FFFFFF; text-decoration:none;}
#head #tops .link a:hover { color:#ffcc33;}



/* GLOBAL NAVI
************************************************/
#gnavi { width:800px; height:44px; margin:0 auto 29px auto;}

#gnavi #boxProt { float:left; width:123px; }
#gnavi #boxProt .mains { width:123px; height:44px; background:url(../img/navi/products_act.gif) no-repeat;}
#gnavi #boxProt .mains a { width:123px; height:44px; background:url(../img/navi/products.gif) no-repeat; display:block;}
#gnavi #boxProt .mains a:hover { background:none;}
#gnavi #boxProt .mains a span { display:none;}

#gnavi #boxCalc { float:left; width:165px; }
#gnavi #boxCalc { width:165px; height:44px; background:url(../img/navi/calculation_act.gif) no-repeat;}
#gnavi #boxCalc a { width:165px; height:44px; background:url(../img/navi/calculation.gif) no-repeat; display:block;}
#gnavi #boxCalc a:hover { background:none;}
#gnavi #boxCalc a span { display:none;}

#gnavi #boxSupt { float:left; width:155px; }
#gnavi #boxSupt { width:155px; height:44px; background:url(../img/navi/support_act.gif) no-repeat;}
#gnavi #boxSupt a { width:155px; height:44px; background:url(../img/navi/support.gif) no-repeat; display:block;}
#gnavi #boxSupt a:hover { background:none;}
#gnavi #boxSupt a span { display:none;}

#gnavi #boxComp { float:left; width:122px; }
#gnavi #boxComp { width:122px; height:44px; background:url(../img/navi/company_act.gif) no-repeat;}
#gnavi #boxComp a { width:122px; height:44px; background:url(../img/navi/company.gif) no-repeat; display:block;}
#gnavi #boxComp a:hover { background:none;}
#gnavi #boxComp a span { display:none;}

#gnavi #boxLink { float:left; width:101px; }
#gnavi #boxLink { width:101px; height:44px; background:url(../img/navi/links_act.gif) no-repeat;}
#gnavi #boxLink a { width:101px; height:44px; background:url(../img/navi/links.gif) no-repeat; display:block;}
#gnavi #boxLink a:hover { background:none;}
#gnavi #boxLink a span { display:none;}

#gnavi #boxInqy { float:left; width:134px; }
#gnavi #boxInqy { width:134px; height:44px; background:url(../img/navi/inquiry_act.gif) no-repeat; no-repeat;}
#gnavi #boxInqy a { width:134px; height:44px; background:url(../img/navi/inquiry.gif) no-repeat; display:block;}
#gnavi #boxInqy a:hover { background:none;}
#gnavi #boxInqy a span { display:none;}


#gnavi .subbox { visibility:hidden; position:absolute; width:492px; }
#gnavi .subbox .subProt { width:123px; height:19px; float:left; }
#gnavi .subbox .subProt a { width:123px; height:19px; display:block; }
#gnavi .subbox .subProt a:hover { background:none;}
#gnavi .subbox .subProt a span { display:none;}
				#subProt01 { background:url(../img/navi/pull_pro_01_act.gif) no-repeat; }
				#subProt01 a { background:url(../img/navi/pull_pro_01.gif) no-repeat;  }
				#subProt02 { background:url(../img/navi/pull_pro_02_act.gif) no-repeat; }
				#subProt02 a { background:url(../img/navi/pull_pro_02.gif) no-repeat; }
				#subProt03 { background:url(../img/navi/pull_pro_03_act.gif) no-repeat; }
				#subProt03 a { background:url(../img/navi/pull_pro_03.gif) no-repeat;  }
				#subProt04 { background:url(../img/navi/pull_pro_04_act.gif) no-repeat; }
				#subProt04 a { background:url(../img/navi/pull_pro_04.gif) no-repeat; }
				.subProtAro { width:123px; height:12px; background:url(../img/navi/pull_pro_aro.gif) no-repeat; background-position:top;}


#gnavi .subbox2 { visibility:hidden; position:absolute; width:366px;}
#gnavi .subbox2 #subComp01 { background:url(../img/navi/pull_com_01_act.gif) no-repeat; width:122px; height:19px; float:left;}
#gnavi .subbox2 #subComp01 a { background:url(../img/navi/pull_com_01.gif) no-repeat; width:122px; height:19px; display:block;}
#gnavi .subbox2 #subComp01 a:hover { background:none;}
#gnavi .subbox2 #subComp01 a span { display:none;}
#gnavi .subbox2 #subComp02 { background:url(../img/navi/pull_com_02_act.gif) no-repeat; width:122px; height:19px; float:left;}
#gnavi .subbox2 #subComp02 a { background:url(../img/navi/pull_com_02.gif) no-repeat; width:122px; height:19px; display:block;}
#gnavi .subbox2 #subComp02 a:hover { background:none;}
#gnavi .subbox2 #subComp02 a span { display:none;}
#gnavi .subbox2 #subComp03 { background:url(../img/navi/pull_com_03_act.gif) no-repeat; width:122px; height:19px; float:left;}
#gnavi .subbox2 #subComp03 a { background:url(../img/navi/pull_com_03.gif) no-repeat; width:122px; height:19px; display:block;}
#gnavi .subbox2 #subComp03 a:hover { background:none;}
#gnavi .subbox2 #subComp03 a span { display:none;}
#gnavi .subbox2 #subCompAro { width:122px; height:12px; background:url(../img/navi/pull_com_aro.gif) no-repeat; background-position:top;}


#gnavi .subbox3 { visibility:hidden; position:absolute; width:268px;}
#gnavi .subbox3 #subInqy01 { background:url(../img/navi/pull_inq_01_act.gif) no-repeat; width:134px; height:19px; float:left;}
#gnavi .subbox3 #subInqy01 a { background:url(../img/navi/pull_inq_01.gif) no-repeat; width:134px; height:19px; display:block;}
#gnavi .subbox3 #subInqy01 a:hover { background:none;}
#gnavi .subbox3 #subInqy01 a span { display:none;}
#gnavi .subbox3 #subInqy02 { background:url(../img/navi/pull_inq_02_act.gif) no-repeat; width:134px; height:19px; float:left;}
#gnavi .subbox3 #subInqy02 a { background:url(../img/navi/pull_inq_02.gif) no-repeat;width:134px; height:19px; display:block; }
#gnavi .subbox3 #subInqy02 a:hover { background:none;}
#gnavi .subbox3 #subInqy02 a span { display:none;}
#gnavi .subbox3 #subInqyAro { width:134px; height:12px; background:url(../img/navi/pull_inq_aro.gif) no-repeat; background-position:top;}


#gnavi .subbox4 { visibility:hidden; position:absolute; width:336px;}
#gnavi .subbox4 #subSupt01 { background:url(../img/navi/pull_sup_01_act.gif) no-repeat; width:155px; height:19px; float:left;}
#gnavi .subbox4 #subSupt01 a { background:url(../img/navi/pull_sup_01.gif) no-repeat; width:155px; height:19px; display:block;}
#gnavi .subbox4 #subSupt01 a:hover { background:none;}
#gnavi .subbox4 #subSupt01 a span { display:none;}
#gnavi .subbox4 #subSupt02 { background:url(../img/navi/pull_sup_02m_act.gif) no-repeat; width:181px; height:19px; float:left;}
#gnavi .subbox4 #subSupt02 a { background:url(../img/navi/pull_sup_02m.gif) no-repeat;width:181px; height:19px; display:block; }
#gnavi .subbox4 #subSupt02 a:hover { background:none;}
#gnavi .subbox4 #subSupt02 a span { display:none;}
#gnavi .subbox4 #subSuptAro { width:155px; height:12px; background:url(../img/navi/pull_sup_aro.gif) no-repeat; background-position:top;}