@charset "utf-8";
html body{height:100%;}
#skilNavi a.skipBtn {display:block; height:0; width:100%; position:absolute; text-align:center; top:0; left:0; overflow:hidden;}
#skilNavi a.skipBtn:focus, #skilNavi a.skipBtn:active  {display:block; position:relative; color:white; font-weight:bold; height:20px; background:black;}

#wrap { position:relative; width:965px; overflow:hidden; margin:0 auto; }

#header .logo{ position:absolute;top:0;left:0;width:188px;z-indeX:10; }
#topmenu { position:absolute;top:0;right:0;width:777px; text-align:right; z-index:100; background:url('../images/common/topmenu_bg.png') no-repeat;}
#container { position:relative; width:965px; float:left; z-index:1; }

#menu { position:relative; width:188px; height:505px; float:left; padding-top:200px; background:url('../images/common/menu_bg.gif') no-repeat center top; }
#menu .menu_tree { position:relative; float:left; width:188px; }
#menu .menu_tree li a{width:188px;padding:34px 0 0  0;height:0;font-size:0;overflow:hidden;display:block;background:url('../images/common/bg_menu.png') no-repeat center 0; }
#menu .menu_tree li.m1 a{background-position:44px 0;}
#menu .menu_tree li.m2 a{background-position:44px -36px;}
#menu .menu_tree li.m3 a{background-position:44px -72px;}
#menu .menu_tree li.m4 a{background-position:44px -108px;}
#menu .menu_tree li.m5 a{background-position:44px -144px;}
#menu .menu_tree li.m1 a:hover, #menu .menu_tree li.m1 a.active{background-position:-106px 0;}
#menu .menu_tree li.m2 a:hover, #menu .menu_tree li.m2 a.active{background-position:-106px -36px;}
#menu .menu_tree li.m3 a:hover, #menu .menu_tree li.m3 a.active{background-position:-106px -72px;}
#menu .menu_tree li.m4 a:hover, #menu .menu_tree li.m4 a.active{background-position:-106px -108px;}
#menu .menu_tree li.m5 a:hover, #menu .menu_tree li.m5 a.active{background-position:-106px -144px;}

#menu .menu_tree li .depth2{background:url('../images/common/menu_bg_btm.gif') 0 bottom no-repeat;padding-bottom:10px;}
#menu .menu_tree li .depth2 ul{ width:188px; background:#534427 url('../images/common/menu_bg_top.gif') no-repeat center 0;padding-top:10px;}
#menu .menu_tree li .depth2 ul li {}
#menu .menu_tree li .depth2 ul li a{width:112px;height:22px;line-height:22px;vertical-align:middle;padding:0 22px 0 54px;font-weight:bold;font-size:12px;color:#ab9d7d;background:url('../images/common/menu_bg_01.gif') no-repeat 0 0; }
#menu .menu_tree li .depth2 ul li a:hover, #menu .menu_tree li .depth2 ul li a.this{padding:0 22px 0 54px; color:#fff;background:url('../images/common/menu_bg_02.gif') no-repeat 0 0; }
.mt1 { width:188px; height:10px; background:url('../images/common/menu_bg_top.gif') no-repeat center 0; }
.mt2 { width:153px; padding-left:35px; color:#ac9d7e; font-weight:bold; height:22px; line-height:22px;}
.mt2:hover { width:153px; color:#ffffff; font-weight:bold; padding-left:35px; height:22px; line-height:22px;}
.mt3 { width:188px; height:12px; }
#footer { position:relative; width:724px; float:right; border-top:1px #a68d50 solid; padding-top:28px; padding-left:12px; padding-bottom:100px; margin-top:10px; }