@import url(base.css);
@import url(layout.css);

/* Layout */
#container{padding:0; letter-spacing:-1px; line-height:1.2; background:url(../../../image/usr/main/bg_login.gif) no-repeat 680px top;}
#header{height:142px;}
#footer{top:0;}

#job, #area{width:650px;}
#login, #company, #notice, #nation, #guide{position:absolute; left:677px;}

#flash{margin-left:-14px;}

/* Left_Part */
#job{background:url(../../../image/usr/main/bg_job.gif) no-repeat; padding:19px 17px; height:246px; margin-bottom:10px;}
#job .f_left{margin-right:25px;}
#job div{width:295px;}
#job ul{padding:13px;}
#job ul li{margin-bottom:5px; background:url(../../../image/usr/main/bar_dot.gif) repeat-x bottom; padding-bottom:5px;}
#job .btn{position:relative; top:-17px; float:right;}
#job .f_right{margin-right:30px; display:inline;}

#employ{width:440px; _width:435px; float:left;}
#employ dl{background:url(../../../image/usr/main/bg_employ.gif) no-repeat; padding:10px; height:80px; width:188px; float:left; margin:0 13px 8px 0;}
#employ dt{color:#3993ae; margin-bottom:13px;}
#employ dt img{vertical-align:middle;}
#employ .end{margin-right:0;}

#etc{float:right; width:208px;}
#etc img{margin-bottom:3px;}

/* Right_Part */
#login{top:19px;}
#login .btn{position:relative; top:4px;}
#login .data{padding:5px 0;}
#login .data img{vertical-align:middle;}
#login .data .btn2{position:relative; top:-22px; float:right;}

#company{top:155px;}

/*
#notice{top:260px; background:url(../../../image/usr/main/bg_notice.gif) no-repeat; padding:10px; height:262px;}
#notice ul{margin:-10px 6px 20px 6px; padding-top:10px;}
#notice ul li{ background:url(../../../image/usr/main/bg_list.gif) no-repeat; padding:4px 4px 0 8px; *padding-top:3px; margin-bottom:1px; height:24px; width:238px; line-height:0.9;}
#notice .gry{position:relative; top:-15px; float:right;}
#notice .btn{position:relative; top:-22px; left:220px;}
*/

#notice{top:260px; background:url(../../../image/usr/main/bg_notice.gif) no-repeat; height:282px;}
#notice .tab{margin-top:10px; clear:both;}
#notice ul{margin:-30px 6px 20px 6px; padding:10px;}
#notice ul li{ background:url(../../../image/usr/main/bg_list.gif) no-repeat; padding:4px 4px 0 8px; *padding-top:3px; margin-bottom:1px; height:24px; width:238px; line-height:0.9;}
#notice .gry{position:relative; top:-2px; float:right;*top:-15px;}
#notice .btn{position:relative; top:-32px; left:230px;}

#nation{top:555px;}
#nation .nation{background:url(../../../image/usr/main/bg_nation.gif) no-repeat; margin-bottom:20px; padding:4px; margin-bottom:20px;}
#nation .nation img{ vertical-align:middle;}
#nation .nation .btn{position:relative; top:-20px; float:right; margin-right:5px;}
#nation .find{background:url(../../../image/usr/main/bg_search.gif) no-repeat; padding-top:12px; height:97px;}
#nation .find span{position:relative; top:15px; left:10px;}

#guide{top:780px;}
#guide .btn{position:relative; top:-12px; margin-right:5px; float:right;}
#guide .tab{margin-top:-20px; clear:both; background:url(../../../image/usr/main/bg_guide.gif) repeat-x left 24px;}
#guide .data{background:url(../../../image/usr/main/bg_tab.gif) no-repeat; padding:5px 0 5px 130px; position:relative; top:-4px; *top:-2px;}
#guide .data li{background:url(../../../image/usr/main/bu_g.gif) no-repeat left 5px; padding-left:8px; margin:5px 0; font-size:90%;}

#banner{ clear:both;background:url(../../../image/usr/main/bg_banner.gif) repeat-x; padding:17px 0; position:relative; top:15px;}
#banner img{vertical-align:middle;}
#banner div{position:relative; left:50px; top:-20px; width:860px;}
#banner div img{margin-right:20px;}
#banner div .end{margin:0;}
#banner .btn{position:relative; top:-18px; float:right;}

.pop{background:url(../../../image/usr/main/bg_pop.gif) no-repeat; width:198px; padding:9px 0 4px 11px; margin-bottom:18px;}
.pop .p{margin-top:2px;}


/* Etc */
.box{background:url(../../../image/usr/main/bg_box.gif) no-repeat; padding-top:15px; width:281px;}
.box .in{background:url(../../../image/usr/main/bg_box.gif) no-repeat bottom; padding:0 10px 15px 10px; width:261px;}

.line{background:url(../../../image/usr/main/bar_dot.gif) repeat-x bottom; padding-bottom:5px; margin-bottom:5px;}
.box_gry{background:#f8f8f8; border:1px #e5e2e2 solid; padding:3px 0 6px 5px; letter-spacing:-1px; font-size:90%; margin:4px 0; text-align:left;}
.box_gry .point a{color:#e16f6c; text-decoration:none;}
.box_gry img{position:relative; top:3px;}

.log{width:98px!important;}
.sec{width:200px;}
.cont{width:102px;}
.nat{width:136px;}