@charset "utf-8";
/* h3 */
h3{font-size:0; line-height:1.5em;}

/* main_wrap */
#main_wrap{width:1000px; padding:16px 0 0 0;}

/* header */
#main_wrap #header{margin-left:30px;}

/* middle */
#middle{overflow:hidden; margin-bottom:10px; width:1000px; height:440px; background:url('/youth/images/main/bg_middle.gif') no-repeat right top; color:#555;}

/* main_visual */
#main_visual{float:left; width:448px; height:440px; margin-right:10px; background:url('/youth/images/main/visual.jpg') no-repeat left top;}
#main_visual img{margin:80px 0 0 85px;}

/* main_contents */
#main_contents{float:left; width:542px; height:411px;}

/* main_left */
#main_left{float:left; width:323px; height:440px; margin-right:24px;}

#left_bbs{position:relative; width:100%; height:102px; margin-top:36px;}
#left_bbs p.more_hid{display:none;}
#left_bbs p.more{position:absolute; top:12px; right:2px; width:32px; height:8px;}
#left_bbs p.more img{display:block;}
#left_bbs .hid{display:none;}
#left_bbs .view{display:block;}
#left_bbs ul{float:left; position: absolute; left:0; top:25px; border-top:1px solid #5197ca; padding-top:9px; margin-right:3px; z-index:1;}
#left_bbs ul li{float:left; width:323px; line-height:1.5em;}
#left_bbs ul li img{float:left; margin:2px 0 0 6px;}
#left_bbs ul li a:hover{text-decoration:underline;}
#tab_notice h3{position:absolute; left:0; top:0; z-index:3;}
.mlist{float:left; color:#555; line-height:1.5em; padding-left:16px; background:url('/youth/images/main/bu_circle.gif') no-repeat 3px 4px;}
.date{float:right; color:#898989; line-height:1.5em; width:53px;  font-size:0.95em; text-align:right;}

#left_sketch{width:100%; height:86px; margin-top:24px;}
#left_sketch p{float:left; width:115px; margin-right:15px;}
#left_sketch p img{width:115px; height:86px;}
#left_sketch .right{position:relative; float:left; width:193px;}
#left_sketch .right h3{margin-top:3px;}
#left_sketch .right dl{margin-top:7px; font-size:0.95em;}
#left_sketch .right dl dt{margin-bottom:10px; line-height:1.5em; font-weight:bold; color:#4794d6}
#left_sketch .right dl dd{margin-top:-5px; line-height:1.5em;}
#left_sketch .right a{position:absolute; right:0; top:0;}

#left_youthclub{width:100%; height:103px; margin-top:25px; background:url('/youth/images/main/youthclub_bg.gif') no-repeat left top;}
#left_youthclub .club01{float:left; display:inline; margin:15px 0 0 15px; width:110px; height:43px;}
#left_youthclub .club01 img{display:block;}
#left_youthclub .club02{float:right; display:inline; margin:26px 14px 0 0; width:94px; height:44px;}
#left_youthclub .club02 img{display:block; float:right;}

#left_info{clear:both; width:100%; height:49px; margin-top:15px;}
#left_info a{margin-left:4px;}

/* main_right */
#main_right{float:left; width:190px; height:440px;}

#right_coun{width:180px; height:155px; margin-top:36px; padding:0 5px; background:url('/youth/images/main/coun_bg.gif') no-repeat right top;}
#right_coun ul{margin-top:9px;}
#right_coun ul li{margin-bottom:2px;}

#right_cys{position:relative; width:180px; height:110px; margin-top:20px; padding:0 5px; background:url('/youth/images/main/cys_bg.gif') no-repeat right bottom;}
#right_cys a{position:absolute; right:4px; top:0;}

#right_magazine{position:relative; width:180px; height:90px; margin-top:20px; padding:0 5px; background:url('/youth/images/main/magazine_bg.gif') no-repeat right bottom;}
#right_magazine a{position:absolute; right:4px; top:0;}

/* main_footer */
#main_footer{clear:both; margin-left:30px; width:970px; height:100px; background:url('/youth/images/common/bg_footer.gif') no-repeat left bottom;}