@charset "utf-8";
@import url("common.css");
@import url("table.css");
@import url("button.css");
/*TAB MENU*/
.tab {height:37px; margin:0 0 24px 0; padding:0; border-bottom:2px solid #072d53;}
.tab li	{height:37px; list-style:none; float:left; margin-right:1px;}
.tab li a {height:37px; display:inline-block; padding-left:20px; font-size:16px; color:#555; text-decoration:none; line-height:37px; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd}
.tab li span {height:36px; display:inline-block; padding-right:20px; cursor:pointer}
.tab li a.on,
.tab li a.on span,
.tab li a:hover,
.tab li a:hover span {background:#072d53; color:#fff;}
.tab_btn { position:absolute; top:90px; right:0px}
.btn_box{margin:6px 0 10px 0; text-align:right}
.note_box{margin:6px 0 10px 0}
.note1, .note2, .note3, .note4, .note5, .note6, .note7, .note8 {width:10px; padding:0 3px; margin:2px 2px 2px 7px; line-height:22px;}
.note1, .color_note1 {border: 3px solid #7030a0;}
.note2, .color_note2 {border: 3px solid #00b050;}
.note3, .color_note3 {border: 3px solid #0362b9;}
.note4, .color_note4 {border: 3px solid #ffc000;}
.note5, .color_note5 {border: 3px solid #c00000;}
.note6, .color_note6 {border: 3px solid #c00000;}
.note7, .color_note7 {border: 3px solid #7f7f7f;}
.note8, .color_note8 {border: 3px solid #000000;}
/*TAB MENU*/
#nav_box2{ width:1070px; height:40px; padding:15px 30px; background:#eee url(../../images/bg_nav.gif) no-repeat center bottom ; }
#nav_box{ width:1070px; height:100px; padding:15px 30px; background:#eee url(../../images/bg_nav.gif) no-repeat center center ; }
#nav{ width:100%;}
#nav li{ float:left; position:relative; background:#2484c5; text-align:center; margin-right:7px; color:#fff;box-sizing:border-box;border-radius:7px; border:none;}
#nav li ul.m1{position:absolute; display:none ; width:1100px; top:42px; left:0; padding-top:20px; background:url(../../images/bg_nav_li.gif) repeat-x; z-index:10000}
#nav li ul.m2{position:absolute; display:none ; width:1100px; top:42px; left:-117px; padding-top:20px;  background:url(../../images/bg_nav_li.gif) repeat-x; z-index:10000}
#nav li:hover ul, #nav li ul.on{ display:block}
#nav li ul li{float:left; background:#54595b; color:#fff;}
#nav li a{box-sizing:border-box;border-radius:7px; border:none}
#nav>li>a:link, #nav>li>a:visited { width:110px; height:42px; line-height:42px; background:#2484c5; color:#fff; display:block ; font-size:19px;}
#nav>li>a:hover, #nav>li>a:focus, #nav li a.on {background:#072d53; color:#fff!important;}
#nav>li>a:active {background:#000;}

#nav ul li {margin-right:2px;}
#nav ul li a:link, #nav ul li a:visited {height:35px; line-height:35px; background:#54595b; color:#fff; display:block; padding:0 3px; font-size:14px;}
#nav ul li a:hover, #nav ul li a:focus, #nav ul li a.on {background:#008489; color:#fff!important;}
#nav ul li a:active {background:#000;}

#map{ position:relative; margin-top:10px; height:100%; clear:both; overflow:hidden}
#map li{ float:left; width:522px; height:279px; padding-left:29px; line-height:32px; margin-bottom:10px}
#map li dl{ border:1px solid #ccc}
#map li dt{background:#2484c5; text-align:center; color:#fff}
#map li dd{}
.note_map{display:none ; border:1px solid #ccc;position:absolute; bottom:10px;z-index:1000000}
.l_03{left:30px; }
.r_04{right:30px;}
.help_btn{cursor:pointer;}

#map_all{ position:relative; margin-top:10px; height:100%; clear:both; overflow:hidden; width:1070px; height:574px; padding-left:30px; line-height:32px; margin-bottom:10px}
#map_all dt{background:#2484c5; text-align:center; color:#fff}
.txt_area_01,.txt_area_02,.txt_area_03,.txt_area_04,.txt_area_05,.txt_area_06,.txt_area_07{ font-size:16px; line-height:28px; background:#f4f2f1}
h4{ font-size:24px; margin-bottom:40px; line-height:24px }
.txt_area_01{ padding:50px 30px 0 550px; height:266px; background:#f4f2f1 url(../../images/img_01_01.jpg) no-repeat left top }
.txt_area_02{padding:20px 650px 0 30px; height:400px; background:#f4f2f1 url(../../images/img_01_02.jpg) no-repeat right top}
.txt_area_03{padding:40px 30px 0 550px; height:280px; background:#f4f2f1 url(../../images/img_01_03.gif) no-repeat left top}
.txt_area_04{padding:20px 30px 20px 30px; font-size:15px; line-height:30px;}
.txt_area_05{padding:40px 30px 0 550px; height:320px; background:#f4f2f1 url(../../images/img_01_04.jpg) no-repeat left top}
.txt_area_06{padding:30px 650px 0 30px; height:350px; background:#f4f2f1 url(../../images/img_01_05.jpg) no-repeat right top}
.txt_area_07{padding:40px 30px 0 550px; height:370px; background:#f4f2f1 url(../../images/img_01_06.jpg) no-repeat left bottom}
.law_area_01{ padding:0 30px 0 320px; height:500px; background:url(../../images/img_03_01.jpg) no-repeat left top }
.law_area_02{ padding:0 30px 0 320px; height:480px; background:url(../../images/img_03_02.jpg) no-repeat left top }
h5{ font-size:20px; margin-bottom:40px; line-height:24px}

.error{ margin:100px auto 0 auto; width:600px; font-size:22px; line-height:36px; text-align:center; background:url(../../images/bg_error.gif) center 50px no-repeat; padding-top:220px}

#help_box{ width:660px; margin:10px; padding:10px; color:#555555; font-size:14px; border:1px #ccc solid}
#help_box h3{ font-size:18px; margin-bottom:20px; color:#000000}
#help_box ul{ margin-bottom:20px}
#help_box ul li{padding-left:24px; background:url(../../images/blt_lnb.gif) no-repeat 10px 7px; line-height:24px}
#help_box  ul li p.blt{padding-left:12px; background:url(../../images/blt_sq_01.gif) no-repeat 0 10px; line-height:24px;}
#help_box  ul li p img{margin-bottom:20px}