@charset "utf-8";

#wrapper { width:100%; min-width:1000px; letter-spacing:0; }

#header { position:relative; z-index:99; width:100%; margin:34px 0 0 0; height:104px; background:url("image/shadow.png") repeat-x 0 bottom; }
#header .top_area { width:1000px; margin:0 auto; }
#header .top_area:after { content:' '; display:block; clear:both; }
#header .top_area .logo { float:left; }
#header .top_area .topmenu { float:right; margin:12px 0 0 0 ; text-transform:uppercase; }
#header .top_area .topmenu ul li { display:inline-block; *display:inline; zoom:1; color:#ededed; }
#header .top_area .topmenu ul li a { padding:0 0 0 7px; }
#header .top_area .topmenu ul li a img { vertical-align:middle; }

.gnb_wrap { width:100%; background:url("image/snb_bg.png") repeat-x 0px 0px; }
.gnb_wrap .wrap {  margin:0 auto; }

#gnbMenu { position:absolute; top:60px; width:100%; margin:0 auto;text-align:center; }
#gnbMenu .inner { }
#gnbMenu #gnb { font-weight:bold; font-size:17px; text-align:left; margin:0 -35px 0 0;}
#gnbMenu #gnb li{ position:relative; display:inline-block; *display:inline; zoom:1; padding:0 65px; }

#gnbMenu #gnb li a { display:block; color:#444; }
#gnbMenu #gnb.on{}
#gnbMenu #gnb li a,
#gnbMenu #gnb li.on a { padding:3px 0; }
#gnbMenu #gnb li.on a,
#gnb li a:hover{ color:#385f86; }
#gnbMenu #gnb .sub{display:none;position:absolute; top:28px; left:68px; letter-spacing:0; margin:23px 0 10px 0px; }
#gnbMenu #gnb .sub ul{ width:120px; text-align:left;  }
#gnbMenu #gnb li li{ display:block; float:none;  font-size:13px; margin:0 0 6px 0; padding:0; vertical-align:top; letter-spacing:0; }
#gnbMenu #gnb li.on li a,
#gnbMenu #gnb li li a { color:#fff; font-weight:normal; padding:0;  word-wrap:break-word; }
#gnbMenu #gnb li li.on1 a,
#gnbMenu #gnb li li a:hover,
#gnbMenu #gnb li li a:focus{ color:#fff; font-weight:bold; text-decoration:underline; }

#header.on .gnb_wrap { position:absolute; left:0; top:0; width:100%; height:365px; background:url("image/snb_bg.png") repeat-x 0 -35px; }
#header.on #gnbMenu {height:300px; }
#header.on #gnbMenu #gnb .sub{ display:block;}


/* visual */
#visual {width:100%; height:499px; text-align:center; margin-top:-4px; overflow:hidden; position:relative; z-index:0;}
#visual .cover{width:100%; height:499px; display:block; position:absolute; left:0; top:0; background-color:#fff; opacity:.6; filter:alpha(opacity=60);}
#visual .inner{width:1000px; height:499px; margin:0 auto; position:relative; z-index:0;}
#visual .control{overflow:hidden; position:absolute; right:145px; top:16px; z-index:3;}
#visual .control a{float:left;} 
#visual .m_visual{}
#visual .m_visual li{position:absolute; top:0; opacity:.3; filter:alpha(opacity=30);}
#visual .m_visual li.active{z-index:1;}
#visual .m_visual li.mv01{left:0;}
#visual .m_visual li.mv02{left:1000px;}
#visual .m_visual li.mv03{left:-1000px;}
#visual .m_visual li .info{width:790px; padding:25px 40px 25px; text-align:left; font-size:13px; color:#fff; background:url("image/mv_info_bg.png") repeat; position:absolute; left:0; bottom:0; display:none;}
#visual .m_visual li .info strong{display:block; font-size:25px; font-weight:100;}
#visual .m_visual li .info strong em{font-weight:bold;}

#visual .visual_nav {width:130px; height:499px; position:absolute; right:0; top:1px; z-index:3;}
#visual .visual_nav li {width:100%;}
#visual .visual_nav li a {height:166px; display:block; overflow:hidden;}
#visual .visual_nav li a img {margin-top:-166px; vertical-align:top;}
#visual .border {width:124px; height:160px; margin-top:1px; display:block; border:3px solid #728ec9; position:absolute; right:0; top:0; z-index:4}

/* contents */

#mcontents { margin:40px auto; }
#mcontents .news,
#mcontents .column { float:left; }

#mcontents .news,
#mcontents .column,
#mcontents .precedents { position:relative; }

#mcontents .news h3,
#mcontents .column h3,
#mcontents .precedents h3 {  margin:0 0 20px 0; color:#253860; font-weight:bold; font-size:17px }

#mcontents .links_next { position:absolute; top:5px; right:0; width:15px; }
#mcontents .links_prev { position:absolute; top:5px; right:14px; width:15px; }
#mcontents .precedents .links_next { position:absolute; top:-40px; right:0; width:15px; }

#mcontents .news { width:300px; }
#mcontents .column { width:314px; margin:0 43px; }
#mcontents .precedents { width:300px; float:right;}

#mcontents .news ul li,
#mcontents .precedents ul li{ zoom:1; margin-bottom:6px; vertical-align:top; }
#mcontents .news ul li:after,
#mcontents .precedents ul li:after { content:''; display:block; clear:both; }
#mcontents .news ul li span.news_title,
#mcontents .precedents ul li span.news_title {float:left;  width:220px; height:18px; overflow:hidden; }
#mcontents .news ul li span.date,
#mcontents .precedents ul li span.date { float:right; text-align:right; width:60px; }
#mcontents .news ul li span em,
#mcontents .precedents ul li span em { color:#253860; font-weight:bold; }

#mcontents .column { width: 314px; margin: 0 43px; }
#mcontents #mBytree { position:relative; overflow:hidden; }
#mcontents #mBytree .inner{ display:none; overflow:hidden; position:relative; height:130px; }
#mcontents #mBytree .inner.on{ display:block;}
#mcontents #mBytree .inner .column_list{  position:absolute;left:0;top:0;height:100%; }
#mcontents #mBytree .lawyer { float:left; width:106px; background:url("image/line.gif") no-repeat right center; text-align:center; }
#mcontents #mBytree .lawyer img {vertical-align:top; width:88px; height:106px; }
#mcontents #mBytree .lawyer span { display:block; margin:3px 0 0 0; font-weight:bold; color:#253860; }
#mcontents #mBytree .lawyer span strong { font-size:15px; color:#353535; }
#mcontents #mBytree .lawyer_column { float:right; width:198px; margin:0 0 0 10px; }
#mcontents #mBytree .lawyer_column dt { color:#253860; font-weight:bold; font-size:15px; height:22px; overflow:hidden; }
#mcontents #mBytree .lawyer_column dd.date { color:#b3b3b3; margin:0 0 5px 0; }
#mcontents #mBytree .lawyer_column dd.add { height:70px; padding:5px 0; overflow:hidden; }

/* tab */
#mcontents ul.tab { zoom:1; position:absolute; top:0; left:75px; width:160px; height:22px; top:0; background:#e6e6e6; }
#mcontents ul.tab:after{content:'';display:block;clear:both;}
#mcontents ul.tab li{ float:left; width:80px; }
#mcontents ul.tab li a { display:block; border-radius:1px; font-size:13px; height:22px; line-height:22px; text-align:center; font-weight:bold; color:#5b5b5b; }
#mcontents ul.tab li a:hover,
#mcontents ul.tab li a:focus,
#mcontents ul.tab li.on a { background:#253860; color:#fff; }
#mcontents .tab_cont { overflow:hidden; position:relative; height:0; zoom:1; }
#mcontents .tab_cont.on { overflow:visible;  height:auto; }

/* footer */
#footer { clear:both; border-top:1px solid #ddd; padding:28px 0 70px 0; }
#footer .ft_logo { float:left; width:160px; }
#footer .ft_menu { float:right; width:820px; }
#footer .ft_menu ul { color:#e7e7e7; }
#footer .ft_menu ul li { display:inline-block; *display:inline; zoom:1; font-weight:bold; }
#footer .ft_menu ul li a { color:#363636; padding:0 10px 0 10px; cursor:pointer; }
#footer .ft_menu ul li:first-child a {padding-left:0;; }
#footer .ft_menu .add_box { margin:10px 0 0 0 ; color:#979797; }
#footer .ft_menu span { margin-left:10px; }
#footer .ft_menu .copyright { margin:0px 0 0 0; }

#footer .familysite { position:absolute; top:0; right:0; min-width: 150px; border: 1px solid #ccc; overflow: hidden; /*background:#fff url("image/select_arrow.jpg") no-repeat 130px center;*/ }
#footer .familysite select { background: transparent; min-width: 150px; padding:3px 5px; font-size:13px; line-height: 1; border: 0; border-radius: 0; -webkit-appearance: none; }

.list_stick{}
.list_stick li{position:relative;padding:0 0 0 10px;}
.list_stick li:before{content:'-';position:absolute;left:0;top:0;}