@charset "utf-8";

/* reset
-------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td { font-size:100%; font-family:inherit; margin:0; padding:0; border:0; vertical-align:baseline; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
*+ html table { border-collapse:collapse; }
* html table { border-collapse:collapse; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
input { overflow:visible }
input, select, img { vertical-align:middle; }
textarea { overflow:auto; }
em {font-style:normal;}

/* base
-------------------------*/
html { font-size:100.2%; }
body { color:#777; font-family:'Verdana', sans-serif; font-size:12px; }
a img { border:0 none; }
hr { display:none; }
a:link,
a:visited { color:#333; text-decoration:none; }
input,
textarea { color:#777; font-family:'Verdana', sans-serif; font-size:1.00em; margin:0; }
*+ html input { margin:-1px 0; }
* html input { margin:-1px 0; }
*+ html textarea { margin:-1px 0; }
* html textarea { margin:-1px 0; }
table { line-height:1.2; }
caption { overflow:hidden; position:absolute; left:-9999px; top:-9999px; font-size:0; line-height:0; }
select,
option { color:#999; font-size:11px; font-family:'Verdana', sans-serif; line-height:18px; height:18px; }


/* reset_sub
-------------------------*/
img {vertical-align:top;border:0 none;}
.logo {width:222px;padding:44px 0 43px 0;float:left;}


/* main layout */
#main_wrap {position:relative; width:100%;}
#main_header {position:relative; z-index:100; width:1000px; margin:0 auto;margin-bottom:43px;}
#top_utill {height:10px;padding:14px 0 20px 0; font-size:0; line-height:0; text-align:right;}
#top_utill a {display:inline-block;margin-left:5px; padding-left:6px; background:url('/images/common/include/bul_top_utill.gif') no-repeat 0 1px;}
#top_utill .first {margin:0; padding-left:0;}
#main_header h1 {font-size:0; line-height:0;}

#gnb {margin-bottom:33px;background:url('/images/common/include/bg_gnb.gif') repeat-x 0 0;}
#gnb ul {display:inline-block; width:100%;}
#gnb li {float:left;}
#gnb .gnb_inner {position:relative; width:100%;}
#gnb #search_rank {position:absolute; top:0; right:204px; z-index:20; overflow:hidden; width:117px; height:25px; padding-top:2px;}
#gnb #search_rank ul {padding-left:9px;}
#gnb #search_rank li {float:none; padding-top:11px; line-height:1.1; letter-spacing:-1px;}
#gnb #search_rank li img {margin-right:5px;}
#gnb #search_rank li a {color:#fff;}
#gnb .add_bg {height:136px !important; background:url('/images/common/include/bg_rank.gif') no-repeat;}
#gnb .add_bg li a {color:#4e4f6a  !important;}
#gnb .top_search {position:absolute; top:10px; right:15px; width:182px; height:20px; padding:1px; background:url('/images/common/include/bg_search.gif') no-repeat;}
#gnb .top_search .txt {width:150px; height:17px; padding:3px 0 0 9px; border:0; color:#666;}
#gnb .top_search .bg {background:url('/images/common/include/txt_search.gif') no-repeat 10px 5px;}
#gnb .btn {vertical-align:middle;margin-left:9px;}
#gnb .menu {overflow:hidden; display:block; width:151px;}
#gnb .menu2 {overflow:hidden; display:block; width:207px;}
#gnb .menu3 {overflow:hidden; display:block; width:140px;}
#gnb .menu4 {overflow:hidden; display:block; width:129px;}
#gnb .menu a,
#gnb .menu2 a {display:block; padding-bottom:10px;}
#gnb li .menu a:hover {margin-left:-151px;}
#gnb li .menu2 a:hover {margin-left:-207px;}
#gnb li .menu3 a:hover {margin-left:-140px;}
#gnb li .menu4 a:hover {margin-left:-129px;}
#gnb li.hover .menu a {margin-left:-151px;}
#gnb li.hover .menu2 a {margin-left:-207px;}
#gnb li.hover .menu3 a {margin-left:-140px;}
#gnb li.hover .menu4 a {margin-left:-129px;}

#main_header #gnb {position:absolute; top:44px; right:0; width:778px;}
#main_header #gnb .submenu {display:none; width:1000px; left:-222px; overflow:hidden;}
#main_header #gnb li.hover .submenu {display:block;}

#footer {position:relative; width:1000px; margin:0 auto; border-top:1px solid #dbdbdb;margin-top:60px;}
#flink_area {padding:10px 0; border-bottom:1px solid #dbdbdb; font-size:0; line-height:0;}
#flink_area img {margin-left:12px;}
#flink_area .first {margin:0;}
#f_copyright {margin-top:15px;}
#f_copyright address {visibility:hidden; font-size:0; line-height:0;}
#f_family {position:absolute; top:4px; right:0; width:225px; border:1px solid #dbdbdb; background:#fff;cursor:pointer;}
#f_family .inner_wrap {display:none; position:relative; width:100%; overflow-y:scroll; overflow-x:hidden; height:195px; }
#f_family .inner_wrap .sitelink ul {width:215px; margin-left:-1px; padding:10px 0 5px 10px; line-height:1.5;}
#f_family .inner_wrap .sitelink ul a {color:#666;}
#f_cyber {position:absolute; top:40px; right:0px;}

body {text-align:center;}
.sub_body {width:1004px;border-collapse:collapse;border:0;margin:0 auto;text-align:left;background-color:#fff;}

#container {overflow:hidden;width:100%;}
#container #leftArea {float:left;width:222px;}
#container #contents {float:left;width:718px;padding-left:60px;}

#leftArea div {padding:0 0 9px 15px;}
#contents .spot_img {margin-bottom:18px;}
#contents .conts {line-height:18px;}
#contents .conts p {padding-bottom:23px;}
#contents .sign {text-align:right;margin-top:18px;}