@charset "utf-8";

body{margin:0;font-size:12px;background:url(images/bg_3.jpg);}
a:link,a:visited,a:active{text-decoration:none;}
a:hover{text-decoration:underline;}
div{word-break:break-all;}
img{border:none;}
form,ul,li{margin:0;padding:0;}

#bg_1,#bg_2{position:absolute;width:100%;z-index:-1;}
#bg_1{height:670px;background:url(images/bg_1.jpg) repeat-x;left:0;}
#bg_2{height:300px;background:url(images/bg_2.jpg) repeat-x;margin:-300px 0 0 0;}

#main{width:980px;margin:0 auto;padding:0 0 5px 0;background:#FFF;}
#header{width:960px;margin:0 auto;position:relative;}
#content{width:960px;margin:0 auto;min-height:500px;_height:500px;}
#left{width:230px;float:left;}
#right{width:725px;float:right;}
#right_l{width:360px;float:left;}
#right_r{width:360px;float:right;}

#logo{float:left;margin:5px;}
#logo img{height:79px;}
#search_box{position:absolute;top:25px;right:0;}
.button{border:1px solid #999;background:#FFF;width:50px;height:23px;cursor:pointer;}
.not_found{margin:30px 0;text-align:center;}

#focus{width:960px;height:360px;margin:0 auto;margin-bottom:5px;}
#focus div{position:absolute;width:960px;height:360px;overflow:hidden;display:none;}
#focus img{width:960px;height:360px;}

.list{margin-bottom:5px;}
.list a{color:#000;}
.list .head,.list .head_left,.list .head_right{height:30px;}
.list .head{background:url(images/head_c.gif) repeat-x;position:relative;border-width:0 1px;border-style:solid;border-color:#CCC;}
.list .head div{position:absolute;}
.list .head_l{background:url(images/head_l.gif) no-repea top left;width:5px;}
.list .head_r{background:url(images/head_r.gif) no-repeat top right;width:5px;}
.list .head_c{margin:12px 0 0 18px;font-size:13px;font-weight:bold;color:#333333;}
.list .main{margin:-10px 0 0 0;padding:15px 10px;border-width:0 1px 1px 1px;border-style:solid;border-color:#CCC;}
.list .main li{background:url(images/title.gif) no-repeat;list-style-type:none;padding:0 0 6px 10px;margin:8px 0 0 0;text-align:left;border-bottom:1px dotted #CCC;}

#notice,#contact,#friend,#excle_link{border:1px solid #CCC;margin-bottom:5px;}
#notice .head,#contact .head,#friend .head,#excle_link .head{margin:10px 15px;font-size:13px;font-weight:bold;}
#notice .main,#contact .main,#friend .main,#excle_link .main{width:210px;margin:0 10px;padding:10px 0;line-height:20px;border-top:1px dotted #CCC;}

#friend a{color:#000;}
#friend .main img{width:88px;height:33px;}
#excle_link a{font-size:14px;font-weight:bold;color:#00F;margin:10px 0;}

.hull{border:1px solid #CCC;margin-bottom:5px;}
.hull .head{background:url(images/hull_background.gif) repeat-x;height:30px;margin:0 0 5px 0;}
.hull .head div{float:left;margin:7px 0 0 15px;font-size:13px;font-weight:bold;color:#333;}

#about{padding:5px;}
#about_img{float:left;margin:0 10px 5px 0;border:1px solid #CCC;}
#about_img img{margin:8px;width:225px;height:168px;}
#about_text{font-size:13px;color:#888;letter-spacing:2px;line-height:20px;}

#about_main{padding:10px;line-height:20px;min-height:450px;_height:450px;border:1px solid #BCD2E6;margin-bottom:5px;}
#about_main .head{margin:10px 0 20px 0;font-size:14px;font-weight:bold;color:#36C;}

#footer{width:960px;margin:0 auto;padding:10px 0 0 0;background:#E3ECF3;}
#footer div{padding:5px;text-align:center;}
#footer a{color:#000;}
#footer_info a{margin:0 5px 0 0;}

#roll{position:relative;overflow:hidden;}
#roll a{color:#36C;}
#roll_sheet{position:absolute;}
#roll_sheet div{float:left;margin:0 3px;overflow:hidden;}
#roll_sheet table{width:148px;height:178px;text-align:center;border:1px;font-size:12px;border:1px solid #CCC;}
#roll_sheet img{max-width:140px;max-height:150px;_width:140px;_height:150px;}

.menu{font-size:14px;font-weight:bold;border:1px solid #BCD2E6;border-bottom:none;margin:0 0 5px 0;}
.menu ul{list-style:none;}
.menu a{voice-family:inherit;height:24px;text-decoration:none;}
.menu a:link,.menu a:visited{color:#8BADCF;display:block;background:url(images/navigation_about.gif);padding:8px 0 0 10px;}
.menu a:hover{color:#627EB7;background:url(images/navigation_about.gif) 0 -32px;padding:8px 0 0 10px;}

.cat_tree{border:1px solid #BCD2E6;}
.cat_tree ul{margin:0;padding:0;list-style:none;}
.cat_tree div{padding:10px 5px 10px 5px;background:url(images/menu.gif) repeat-x;font-size:14px;font-weight:bold;}
.cat_tree div a{color:#627EB7;}
.cat_tree ul ul div{padding:10px 5px 10px 20px;background:none;font-size:12px;font-weight:normal;}
.cat_tree ul ul div a{color:#00F;}

.img_sheet .unit{float:left;margin:0 5px 10px 0;width:24%;height:200px;border:1px solid #799AE1;overflow:hidden;}
.img_sheet .unit table{width:100%;height:100%;border:0;text-align:center;vertical-align:middle;font-size:12px;}
.img_sheet .unit img{max-width:168px;max-height:168px;_width:168px;_height:168px;}
.img_sheet a{color:#00F;}

.art_sheet li{height:35px;list-style:none;border-bottom:1px dotted #36C;margin:0 10px;}
.art_sheet td{height:35px;}
.art_sheet a{color:#00F;}

.link{clear:both;margin:20px 0;text-align:center;}
.link span,.link a{font-size:13px;font-weight:bold;color:#36C;margin:5px;}

.rec_sheet li,.dow_sheet li{list-style:none;border-bottom:1px dotted #36C;margin:0 10px;padding:10px 0;}
.rec_sheet .title,.dow_sheet .title{font-size:13px;font-weight:bold;color:#F00;margin:10px 0;}
.rec_sheet .time,.dow_sheet .time{color:#999;}
.rec_sheet .text,.dow_sheet .text{line-height:20px;}
.dow_sheet .title a{color:#00F;margin:0 10px;}

.mes_sheet li{list-style:none;border-bottom:1px dotted #36C;margin:0 10px;padding:10px 0;}
.mes_sheet div{line-height:20px;margin:5px 0;}
.mes_sheet span{color:#00F;}
.mes_sheet .reply{border:1px solid #F00;margin:10px 30px;padding:10px;}

#article{padding:10px;border:1px solid #BCD2E6;margin-bottom:5px;}
#article .title{text-align:center;}
#article .message{padding:10px;text-align:center;color:#999;border-bottom:1px dashed #00F;}
#article .main{margin:10px 0;line-height:20px;min-height:380px;_height:380px;}

#picture{border:1px solid #BCD2E6;margin-bottom:5px;}
#picture .img{overflow:hidden;text-align:center;_width:100%;border-bottom:1px dashed #BCD2E6;}
#picture .img img{max-width:710px;_width:expression(this.width>710?710:true);}
#picture .img table{width:100%;height:380px;margin:10px 0;text-align:center;vertical-align:middle;}
#picture .word table{margin:15px;line-height:20px;}
#picture span{font-weight:bold;}

#search .row{height:170px;margin:0 0 2px 0;padding:15px;}
#search .row_0{background:#F5F5F5;}
#search .row_1{background:#ECECF3;}
#search .img{float:left;width:170px;height:170px;overflow:hidden;}
#search .img table{width:100%;height:100%;text-align:center;vertical-align:middle;}
#search .img img{max-width:170px;max-height:170px;_width:170px;_height:170px;}
#search .word{float:left;margin:30px 0 0 80px;width:600px;}
#search .word div{clear:left;margin:5px;line-height:20px;}

#leave_word{padding:10px;}
#leave_word div{margin:10px;padding:0 0 0 20px;}

#service{position:absolute;width:110px;height:244px;right:10px;background:url(images/service.jpg) no-repeat;z-index:9;}
#service .main{margin:60px 0 0 18px;}
#close_service{position:absolute;width:15px;height:15px;top:6px;right:2px;background:url(images/close_service.jpg);cursor:pointer;}

#header .nav{clear:both;height:32px;margin:0 0 5px 0;padding:0;background:#E3ECF3;}
#header .nav a:link{text-decoration:none;cursor:pointer;}
#header .nav_left{line-height:32px;height:32px;float:left;}
#header .nav_left span, #header .nav_center span,#header .nav_right span{float:left;width:100px;line-height:32px;height:32px;text-align:center;}
#header .nav_right span {width:98px;}
#header .nav_left a:link span,#header .nav_left a:visited span {background:#3682BB url(images/nav_bg_btn.gif) right -32px no-repeat; color:#FFF; font-weight:bold;}
#header .nav_left a:hover span,#header .nav_left a.selected span,#header .nav_left a:visited.selected span{background:#BCDBF0 url(images/nav_bg_btn.gif) right -64px no-repeat;color:#2F77B4;font-weight:bold;}
#header .nav_center{height:32px;line-height:32px;float:left;background:#3682BB url(images/fills.gif) right 0px repeat-x;}
#header .nav_center a:link span,#header .nav_center a:visited span{background:url(images/fills.gif) right -32px no-repeat; color:#FFF;font-weight:bold;}
#header .nav_center a:hover span,#header .nav_center a.selected span,#header .nav_center a:visited.selected span{line-height:32px;background:#BCDBF0 url(images/nav_bg_btn.gif) right 0px no-repeat;color:#2F77B4;font-weight:bold;}
#header .nav_right a:link span,#header .nav_right a:visited span {background:#3682BB url(images/nav_bg_btn.gif) right -96px no-repeat; color:#FFF; font-weight:bold;}
#header .nav_right a:hover span,#header .nav_right a.selected span,#header .nav_right a:visited.selected span{background:#BCDBF0 url(images/nav_bg_btn.gif) right -128px no-repeat;color:#2F77B4;font-weight:bold;}