#wrap { min-width: 1024px; }
/*    header    */
#header { width:100%;height: 123px; background:url(/images/_common/layout/bg_navi_01.gif) repeat-x; }
#header .top_smenu { width : 1024px;height: 123px;margin: 0 auto; }

h1 { float: left;width: 203px; margin: 23px 0 0 12px; }

#header .top_smenu select { width: 152px; height: 26px; margin: 28px 0 0 17px; padding: 0 0 0 6px; font-size:12px; background:url(/images/_common/layout/btn_select_t.gif) left top no-repeat; -webkit-appearance: none; border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px; color: #888; }
#header .top_smenu p.event { float:right; margin: 11px 14px 0 0; }

#header .main_menu { float: left; height: 36px; margin: 7px 0 0 22px; font-size: 18px; color:#000; }
#header .main_menu a { font-weight: bold; color: #000; }
#header .main_menu .topmenu_on {  background:url(/images/_common/layout/bg_menu_on.gif) left 47px repeat-x; }
#header .main_menu .topmenu_on a { font-weight:800; font-size: 20px;  }

#header .main_menu li { float: left; height: 51px;  }
#header .main_menu li a { float:left; padding-top: 15px; }
#header .main_menu li.top_01 {  width: 170px; margin: 0 18px 0 0; } 
#header .main_menu li.top_01 a {  width: 144px; height:36px;  padding: 8px 0 0 26px;  }
#header .main_menu li.top_02 {  width: 121px; margin: 0 27px 0 0;  } 
#header .main_menu li.top_02 a {  width: 101px; height:36px;  padding: 8px 0 0 20px;  }
#header .main_menu li.top_03 {  width: 115px; margin: 0 29px 0 0; }
#header .main_menu li.top_03 a {  width: 95px; height:36px;  padding: 8px 0 0 20px;  }
#header .main_menu li.top_04 {  width: 115px; margin: 0 26px 0 0; }
#header .main_menu li.top_04 a {  width: 95px; height:36px;  padding: 8px 0 0 20px;  }
#header .main_menu li.top_05 {  width: 204px;  }
#header .main_menu li.top_05 a {  width: 177px; height:36px;  padding: 8px 7px 0 20px;  }

#header .main_menu .end.topmenu_on a span { margin: 1px 0 0 13px; }
#header .main_menu .end { background:none;}
#header .main_menu .end a { margin: 0; color:#e90129; }
#header .main_menu .end a span { vertical-align: top;  margin: 0px 0 0 13px; display: inline-block;line-height: 20px; }

#header ul.main_join { float: right; margin: 22px 14px 0 0; } 
#header ul.main_join li { float: left; }
#header ul.main_join li.login { }
#header ul.main_join li.join { margin: 0 20px 0 0; padding: 0 0 0 22px;  background:url(/images/main/bg_dot_03.gif) left 4px no-repeat; }
#header ul.main_join li.join:hover { text-decoration: underline; }

.sub_box { width: 938px; height:19px; margin: 0 auto 1px auto; padding: 14px 30px 19px 30px; background-color: #fffbf7; }
.sub_box ul li { float:left; font-size:13px; font-weight:bold; color: #a9515c;  }
.sub_box ul li.menual { width: 162px; padding: 0 0 0 38px; line-height: 27px; background:url(/images/_common/sub/sub_icon_01.gif) left top no-repeat; }
.sub_box ul li.download {  width: 162px; padding: 0 0 0 38px; line-height: 27px; background:url(/images/_common/sub/sub_icon_02.gif) left top no-repeat;  }
.sub_box ul li.guide { width: 162px; padding: 0 0 0 33px; line-height: 27px; background:url(/images/_common/sub/sub_icon_03.gif) left top no-repeat;  }
.sub_box p.fold_off { float:right; margin: 3px 0 0 0; }

.sub_box_on { width: 928px; height:86px; margin: 0 auto 1px auto; padding: 26px 30px 19px 40px; background-color: #fffbf7; }
.sub_box_on dl { float:left; padding: 6px 0 0 0; }
.sub_box_on dl dt { font-size:16px; font-weight:bold; color:#333; }
.sub_box_on dl dt a{vertical-align: middle; margin: 0 0 0 9px;}
.sub_box_on dl dd { margin:8px 0 0 0;  line-height: 20px; font-size:12px; color:#777; }
.sub_box_on dl.menual { float:left; width:212px; padding: 6px 0 11px 90px; border-right:1px solid #E1E3E3; background:url(/images/_common/sub/sub_icon_04.gif) 8px 13px no-repeat; }
.sub_box_on dl.menual dd { width: 170px; }
.sub_box_on dl.download { float:left; width:211px;margin: 0 0 0 16px; padding: 6px 0 11px 85px; border-right:1px solid #E1E3E3; background:url(/images/_common/sub/sub_icon_05.gif) 8px 13px no-repeat; }
.sub_box_on dl.download dd { width: 200px; }
.sub_box_on dl.guide { float:left; margin: 0 0 0 18px; padding: 6px 0 11px 83px; background:url(/images/_common/sub/sub_icon_06.gif)  8px 13px no-repeat; }
.sub_box_on dl.guide dd{ width: 195px; }
.sub_box_on p.fold_on{ float:right;}

#footer { width: 100%; background-color: #6c6c6c; }
#footer .footer {  width : 1024px;height: 121px;margin: 0 auto; }
#footer .footer p.logo { float:left; margin: 47px 0 0 24px; }
#footer .footer div.center { float:left; width: 662px; padding: 25px 0 25px 36px; }
#footer .footer div.center ul li { float: left; padding: 0 29px 0 0; font-size:13px; background:url(/images/_common/layout/footer_bar_01.gif) 64px 6px no-repeat; color:#ddd; }
#footer .footer div.center ul li.end { background:none; padding:0; }
#footer .footer div.center ul li a { color:#ddd; }
#footer .footer div.center ul li a:hover { text-decoration: underline; }
#footer .footer div.center p{ float:left; font-size: 13px; color:#c7c7c7; }
#footer .footer div.center p.support{ margin: 3px 0 0 0; }
#footer .footer div.center p.support span.name { color: #fff; }
#footer .footer div.center p.support span.mail { margin: 0 0 0 6px; }
#footer .footer div.center p.support span.yellow { color: #ffe796; }
#footer .footer div.center p.support span.yellow a { color: #ffe796; }
#footer .footer div.center p.copyright { margin: 11px 0 0 0; color:#afafaf; }
#footer .footer div.right { float:right; position: relative; width: 152px; margin: 25px 13px 0 0; }
#footer .footer div.right p { float:right; }
#footer .footer div.right p a.linkhubblog { margin: 0 1px 0 3px; }
#footer .footer div.right .family_site { display: inline-block; width: 152px; height: 26px; padding: 0 0 0 7px; font-size:12px; color: #fff; }
#footer .footer div.right .family_site p.site_on { float:left; width:147px; height:23px; padding: 3px 0 0 10px; background:url(/images/_common/layout/btn_select_s.gif) left top no-repeat; -webkit-appearance: none; border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px; letter-spacing: -0.3px;}
#footer .footer div.right .family_site p.site_off { float:left; width:147px; height:23px; padding: 3px 0 0 10px; background:url(/images/_common/layout/btn_select_b.gif) left top no-repeat; -webkit-appearance: none; border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px; letter-spacing: -0.3px;}
#footer .footer div.right .family_site ul { position: absolute; display: inline-block; left:7px; bottom:22px; width: 150px; margin: 0 0 10px 0; padding: 4px 0 6px 0; border-right:1px solid #bdbcb9; border-left:1px solid #bdbcb9; border-top:1px solid #bdbcb9; background-color: #6c6b69; }
#footer .footer div.right .family_site ul li{ padding:2px 0 1px 7px;}
#footer .footer div.right .family_site ul li:hover{background-color: #585858; }
#footer .footer div.right .family_site ul li:first-child a {letter-spacing: -0.3px;}
#footer .footer div.right .family_site ul li a { display:block; font-size:12px; color: #fff; letter-spacing: -1px;}

#container .container_box .page_num { margin: 25px 0 0 0;text-align: center; }
#container .container_box .page_num a.first { display:inline-block; width: 29px; height: 29px; margin: 0 0 0 0; background:url(/images/_common/button/btn_first.gif) left top no-repeat; }
#container .container_box .page_num a.first_off { display:inline-block; width: 29px; height: 29px; margin: 0 0 0 0; cursor:default; background:url(/images/_common/button/btn_first_off.gif) left top no-repeat; }
#container .container_box .page_num a.prev { display:inline-block; width: 29px; height: 29px; margin: 0 3px 0 1px; background:url(/images/_common/button/btn_prev.gif) left top no-repeat; }
#container .container_box .page_num a.prev_off { display:inline-block; width: 29px; height: 29px; margin: 0 3px 0 1px; cursor:default; background:url(/images/_common/button/btn_prev_off.gif) left top no-repeat; }
#container .container_box .page_num a.next { display:inline-block; width: 29px; height: 29px; margin: 0 0 0 5px; background:url(/images/_common/button/btn_next.gif) left top no-repeat; }
#container .container_box .page_num a.next_off { display:inline-block; width: 29px; height: 29px; margin: 0 0 0 5px; cursor:default; background:url(/images/_common/button/btn_next_off.gif) left top no-repeat; }
#container .container_box .page_num a.end { display:inline-block; width: 29px; height: 29px; margin: 0 0 0 1px; background:url(/images/_common/button/btn_end.gif) left top no-repeat; }
#container .container_box .page_num a.end_off { display:inline-block; width: 29px; height: 29px; margin: 0 0 0 1px; cursor:default; background:url(/images/_common/button/btn_end_off.gif) left top no-repeat; }
#container .container_box .page_num a.num_on { display:inline-block; vertical-align:top; width: 29px; height: 29px; margin: 0 0 0 1px; line-height:28px; font-size:14px; font-weight: bold; background-color:#818181; color: #FFF; cursor:default; }
#container .container_box .page_num a.num { display:inline-block; vertical-align:top; width: 29px; height: 29px; margin: 0 0 0 1px; line-height:28px; font-size:14px; color: #333;}