@charset "utf-8";
/* CSS Document */

#wrapper { width:900px; height:auto; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px}

/* header */
#header { width:900px; height:auto; float:left}
#header #logo_slogan { width:900px; height:100px; float:left; background:url(../image/header_top.jpg) no-repeat}
#header #baner { width:900px; height:270px; float:left; background:url(../image/baner.jpg) no-repeat}
#header #navi { width:900px; height:42px; float:left}
#header #navi #navi_left { width:10px; height:42px; float:left; background:url(../image/navi_left.gif) no-repeat}
#header #navi #navi_right { width:10px; height:42px; float:left; background:url(../image/navi_right.gif) no-repeat}
#header #navi #navi_center { width:880px; height:42px; float:left; background:url(../image/navi_center.gif) repeat-x}
#header #navi #navi_center .navi_small { padding:10px 30px; color:#FFFFFF; text-align:center; line-height:42px; background:url(../image/navi_border_right.gif) right no-repeat; font-size:14px; font-weight:bold}
#header #navi #navi_center .navi_small:hover { background:#00FF00 url(../image/navi_border_right.gif) right no-repeat; color:#FF0000}
#header #navi #navi_center .navi_small_end { padding:10px 30px; color:#FFFFFF; text-align:center; line-height:42px; font-size:14px; font-weight:bold}
#header #navi #navi_center .navi_small_end:hover { background:#00FF00; color:#FF0000}

/* main */
#main { width:900px; height:auto; float:left; margin-top:10px; display:inline}
#side { width:243px; height:auto; float:left; margin-right:5px;_margin-right:4px}
#side .side_title { width:203px; height:35px; float:left; font-size:14px; font-weight:bold; padding-left:40px; line-height:35px; background:url(../image/side_title.gif) no-repeat; color:#FFFFFF}
#side .side_main { width:241px; height:auto; float:left; border:solid 1px #CCCCCC; background:url(../image/bgr_side_small.gif); margin-bottom:5px; display:inline }
#side .side_main .side_main_small { width:191px; height:33px; float:left; padding-left:50px; font-weight:bold; color:#FFFFFF; line-height:35px; background:url(../image/bullet.gif) left no-repeat; border-bottom:solid 1px #FFFFFF}
#side .side_main .side_main_small:hover { text-decoration:underline; color:#FF0000}   
#side .side_main .support { width:148px; height:170px; float:left; padding:10px 45px }
#side .side_main .text { color:#FFFFFF ; font-weight:bold; text-align:center; line-height:30px}
#side .side_main .text2 { color:#FFFFFF ;  text-align:left; line-height:20px; padding-left:40px}

/* content */
#content { width:652px; height:auto; float:left}
#content #content_top { width:652px; height:10px; float:left; background:url(../image/content_top.gif) no-repeat}
#content #content_main { width:650px; height:auto; float:left; border:solid 1px #CCCCCC; border-top:none;_margin-top:-5px}
#content #welcome { padding:10px; text-align:justify;line-height:15px}
#content .red { color:#FF0000; font-weight:bold; }
#content .box_post { width:630px; height:118px; float:left; padding:10px}
#content .box_post .img { width:128px; height:118px; float:left;}
#content .box_post .text3 { width:480px; height:118px; float:left; text-align:justify; line-height:15px; padding:0px 10px}
#content .box_post .more { width:57px; height:21px; float:right; background:url(../image/more.gif) no-repeat}
#content .box_post .more:hover {  background:url(../image/more_hover.gif) no-repeat}

/* foot */
#foot { width:900px; height:140px; float:left}
#foot_left { width:900px; height:10px; float:left; background:url(../image/foot_top.gif) no-repeat}
#foot_center { width:598px; height:110px; float:left; background:url(../image/foot_center.gif) repeat-x; text-align:left; color:#FFFFFF; padding-left:300px; line-height:15px; padding-top:10px; border-left:solid 1px #CCCCCC;border-right:solid 1px #CCCCCC;_margin-top:-6px }
#foot_center a { color:#FF0000; font-weight:bold}
#foot_center a:hover { text-decoration:underline}
#foot_right { width:900px; height:10px; float:left; background:url(../image/foot_bottom.gif) no-repeat;_margin-top:-27px}