#topmenu           {list-style-type:none; margin:0px 0 0px 0px; padding: 0px 0px 0px 7%;width: 93%; height:40px;background:#7db107 no-repeat bottom left;border-top:3px solid #88cc22; border-bottom:3px solid #888888; }
#topmenu li        {float:left; padding-top:0px;margin:0 1px 0 0; position:relative; width:100px; height:3em; z-index:100;}
#topmenu li dl     {position:absolute; margin-top:30px;top:10; left:0;}
#topmenu li a, #topmenu li a:visited {padding-top:7px;margin-top:10px;font-size:12pt;text-decoration:none;}
#topmenu li dd     {display:none;}
#topmenu li:hover, #topmenu li a:hover {border:0;}
#topmenu li:hover dd, #topmenu li a:hover dd {display:block;}
#topmenu li:hover dl, #topmenu li a:hover dl {padding-bottom:15px;}
#topmenu table     {border-collapse:collapse; padding:0; margin:-1px; font-size:1em; }
#topmenu dl        {width: 150px; margin: 0px; padding: 0px; background:rgba(100,160,70,0.8) no-repeat bottom left; text-align:center; cursor:pointer;vertical-align: middle; }
/*rgba(200,180,90,0.5) #topmenu dl        {width: 150px; margin: 0; padding: 0; background:#c9ba65 url(/machinetool2/_image/bottom.gif) no-repeat bottom left; text-align:center; cursor:pointer;}

background:#83c999;

*/
#topmenu dt        {margin:0;padding-top: 10px; font-size: 1.1em; color: #fff; border-bottom:3px solid #888888;height:30px;vertical-align: middle; }
#topmenu .one      {background: #7db107 no-repeat top left;border-left:1px solid #ffffff;border-right:1px solid #ffffff;}
#topmenu .one:hover{background: #3d8137 url(/machinetool2/_image/top.gif) no-repeat top left;display:block;}
#topmenu .left     {background: #7db107 url(/machinetool2/_image/top-left.gif) no-repeat top left;padding-top: 10px; }
#topmenu .right    {background: #7db107 url(/machinetool2/_image/top-right.gif) no-repeat top right;padding-top: 10px; }
#topmenu .two      {background: #949e7c url(/machinetool2/_image/top.gif) no-repeat top left;}
#topmenu .three    {background: #d4d8bd url(/machinetool2/_image/top.gif) no-repeat top left;}
#topmenu .four     {background: #e2dfa8 url(/machinetool2/_image/top.gif) no-repeat top left;}
#topmenu dd        {margin-left:0px; padding:0; color: #fff; font-size: 2em; background:rgba(60,150,60,0.3) ; text-align:left; }
                                                    /* #47a  rgba(66,110,160,0.7)  */
#topmenu dd.last   {border-bottom:6px solid #444;}
.gallery dt a, .gallery dt a:visited {display:block; color:#444; }
.gallery dd a, .gallery dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 35px;
        background:rgba(60,150,60,0.01) url(/archinet2/_image/arrow.gif) no-repeat 20px 10px ; width:110px; }
     /* 4a5 */
.gallery dd a:hover {background:#58a url(/archinet2/_image/arrowr.gif) no-repeat 20px 10px; font-weight: bold;color:#ffff88;}
                                          /*   */
/* mobile*/
#mb-topmenu           {list-style-type:none; margin:0px 0 0px 0px; padding:0; width:100px;height:1024px;background:#7db107 no-repeat bottom left;border-top:3px solid #88cc22; border-bottom:3px solid #888888; }
#mb-topmenu li        {float:left; padding-top:0px;margin:0 1px 0 0; position:relative; width:100px; height:3em; z-index:100;}
#mb-topmenu li dl     {position:absolute; margin-left:100px;top:0; left:0;}
#mb-topmenu li a, #mb-topmenu li a:visited {padding-top:3px;margin-top:3px;font-size:12pt;text-decoration:none;}
#mb-topmenu li dd     {display:none;}
#mb-topmenu li:hover, #mb-topmenu li a:hover {border:0;}
#mb-topmenu li:hover dd, #mb-topmenu li a:hover dd {display:block;}
#mb-topmenu li:hover dl, #mb-topmenu li a:hover dl {padding-bottom:15px;}
#mb-topmenu table     {border-collapse:collapse; padding:0; margin:-1px; font-size:1em; }
#mb-topmenu dl        {width: 150px; margin: 0px; padding: 0px; background:rgba(100,160,70,0.8) no-repeat bottom left; text-align:center; cursor:pointer;vertical-align: middle; }
/*rgba(200,180,90,0.5) #mb-topmenu dl        {width: 150px; margin: 0; padding: 0; background:#c9ba65 url(/machinetool2/_image/bottom.gif) no-repeat bottom left; text-align:center; cursor:pointer;}

background:#83c999;

*/
#mb-topmenu dt        {margin:0;padding-top: 10px; font-size: 1.1em; color: #fff; border-bottom:3px solid #888888;height:30px;vertical-align: middle; }
#mb-topmenu .one      {background: #7db107 no-repeat top left;border-left:1px solid #ffffff;border-right:1px solid #ffffff;}
#mb-topmenu .one:hover{background: #3d8137 url(/machinetool2/_image/top.gif) no-repeat top left;display:block;}
#mb-topmenu .left     {background: #7db107 url(/machinetool2/_image/top-left.gif) no-repeat top left;padding-top: 10px; }
#mb-topmenu .right    {background: #7db107 url(/machinetool2/_image/top-right.gif) no-repeat top right;padding-top: 10px; }
#mb-topmenu .two      {background: #949e7c url(/machinetool2/_image/top.gif) no-repeat top left;}
#mb-topmenu .three    {background: #d4d8bd url(/machinetool2/_image/top.gif) no-repeat top left;}
#mb-topmenu .four     {background: #e2dfa8 url(/machinetool2/_image/top.gif) no-repeat top left;}
#mb-topmenu dd        {margin-left:0px; padding:0; color: #fff; font-size: 2em; background:rgba(60,150,60,0.3) ; text-align:left; }
                                                    /* #47a  rgba(66,110,160,0.7)  */
#mb-topmenu dd.last   {border-bottom:6px solid #444;}
#mb-topmenu .gallery dt a, .gallery dt a:visited {display:block; color:#444; }
#mb-topmenu .gallery dd a, .gallery dd a:visited {color:#fff; text-decoration:none; display:block; padding:2px 5px 2px 35px;
        background:rgba(60,150,60,0.01) url(/archinet2/_image/arrow.gif) no-repeat 20px 10px ; width:110px; }
     /* 4a5 */
#mb-topmenu .gallery dd a:hover {background:#58a url(/archinet2/_image/arrowr.gif) no-repeat 20px 10px; font-weight: bold;color:#ffff88;}
