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

body { background:url(../images/body_bg.jpg) no-repeat center top; color:#636363;}
.con { width:1076px; margin:auto;}
.maincon { width:1004px; float:right; padding-right:10px; padding-top:5px;}

.top { padding-top:15px;}
.bot { border-top:1px solid #CBCBCB; clear:both; padding:25px 5px; }

/** topnavi start **/
#nav {position:absolute;top:0px;left:0px;list-style:none;}
#nav li ul {list-style:none;}
#nav li {float:left;text-align:left;position:relative;}
#nav li ul {top:40px;left:0;display:none;position:absolute;background-color:#FFFFFF}
#main_div { position:relative; width:775px; height:40px;}

#nav li a.item1,
#nav li a.item2,
#nav li a.item3,
#nav li a.item4,
#nav li a.item5,
#nav li a.item6,
#nav li a.item7 { display:block;background:url(../images/navi_bg.gif); height:40px;}

#nav li a.item1 { width: 114px; background-position: 0 0; }
#nav li a.item2 { width: 111px; background-position: -114px 0; }
#nav li a.item3 { width: 110px; background-position: -225px 0; }
#nav li a.item4 { width: 108px; background-position: -335px 0; }
#nav li a.item5 { width: 108px; background-position: -443px 0; }
#nav li a.item6 { width: 108px; background-position: -551px 0; }
#nav li a.item7 { width: 113px; background-position: -659px 0; }

#nav li.item1 a.item1:hover,
#nav li.item1:hover a.item1, #navi1 #nav li a.item1 { background-position: 0 -40px; }
#nav li.item2 a.item2:hover,
#nav li.item2:hover a.item2, #navi2 #nav li a.item2 { background-position: -114px -40px; }
#nav li.item3 a.item3:hover,
#nav li.item3:hover a.item3, #navi3 #nav li a.item3 { background-position: -225px -40px; }
#nav li.item4 a.item4:hover,
#nav li.item4:hover a.item4, #navi4 #nav li a.item4 { background-position: -335px -40px; }
#nav li.item5 a.item5:hover,
#nav li.item5:hover a.item5, #navi5 #nav li a.item5 { background-position: -443px -40px; }
#nav li.item6 a.item6:hover,
#nav li.item6:hover a.item6, #navi6 #nav li a.item6 { background-position: -551px -40px; }
#nav li.item7 a.item7:hover,
#nav li.item7:hover a.item7, #navi7 #nav li a.item7 { background-position: -659px -40px; }

#nav li.item6 ul {top:40px;left:-225px;width:440px;display:none;position:absolute;background-color:#FFFFFF}
#nav li.item7 ul {top:40px;left:-200px;width:304px;display:none;position:absolute;background-color:#FFFFFF}

#nav li.item1 ul li {height:270px; width:300px;}
#nav li.item2 ul li {height:270px; width:300px;}
#nav li.item3 ul li {height:300px; width:300px;}
#nav li.item4 ul li {height:273px; width:395px;}
#nav li.item5 ul li {height:275px; width:301px;}
#nav li.item6 ul li {height:275px; width:428px;}
#nav li.item7 ul li {height:270px; width:300px;}

#nav li.item1 ul li,
#nav li.item2 ul li,
#nav li.item3 ul li,
#nav li.item4 ul li,
#nav li.item5 ul li,
#nav li.item6 ul li,
#nav li.item7 ul li { border: 4px solid #D0D0D0;}

.item { float:right; padding-top:10px;}
.item a { background:url(../images/item.jpg) no-repeat 0 7px; float:left; padding-left:13px; cursor:pointer; text-decoration:none; margin-right:15px;}

.navi_tit { border-bottom:1px solid #DDDDDD; width:100px; font-weight:bold; text-align:left; padding-top:10px; margin-bottom:5px;}
/** topnavi end **/

.leftmain { float:left; width:229px;}
/* left_navi */
.leftnavibg { background:url(../images/left_bg.jpg) no-repeat top center; width:209px; height:270px; padding-left:20px; padding-top:25px;}
.leftnavitit { font-size:16px; font-weight:bold; padding-bottom:10px;}
.leftnavimain { background:url(../images/item_s.jpg) no-repeat 0 7px; padding-left:20px; border-bottom:1px solid #ECECEC; width:175px; margin-top:8px; padding-bottom:2px;}
.leftnavitit2 { background:url(../images/item_s1.jpg) no-repeat 0 7px; border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding-left:5px; color:#6D8A35; margin-top:13px;}
.leftnavipop { background:url(../images/pop_bg.jpg) no-repeat bottom center; width:203px; height:300px; padding-left:15px; padding-bottom:15px; padding-right:10px; margin-bottom:20px;}
.leftnavitab td { border-bottom:1px dashed #C8C8C8;}
.leftnaviimg { border:1px solid #C9C9C9;}
.leftnavitxt { line-height:18px; padding-left:10px;}
.leftnavimaintit { padding-right:5px; color:#6D8A35}
.leftnavipul { padding-top:8px;}
.leftnavi_m { padding-left:20px;}

/*right*/
.right_main { float:right; border:1px solid #E4E4E4; width:742px; margin-bottom:20px; padding-top:30px; padding-left:20px; height:600px;}
.right_main_border { float:right; width:760px; margin-bottom:20px; overflow:hidden;}
.right_tit { font-size:28px; font-weight:bold; padding-top:4px;}
.right_f_b { padding-top:20px; padding-left:5px; color:#9E9E9E}
.right_tit2 { font-size:14px; font-weight:bold; padding-top:20px; padding-bottom:10px;}
.right_f_b2 { padding-left:5px; padding-top:10px; width:370px; font-size:13px; line-height:26px;}
.right_steps { background:url(../images/steps_bg.jpg) no-repeat top center; width:760px; margin-top:20px;}
.right_bg { width:760px; height:136px; margin-top:10px;}
.right_bg_tit { float:left; padding-top:30px; padding-left:20px;}
.right_Q { font-size:22px; font-weight:bold; padding-bottom:5px;}
.right_A { font-weight:bold; color:#333333; padding-bottom:5px;}

/*users*/
.user_tit { border-top:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; color:#6D8A35; font-weight:bold; font-size:14px; padding-top:3px;}
.user_bg { background:url(../images/users/user_bg.jpg) no-repeat center bottom; width:984px; height:646px; margin-bottom:20px; padding-left:20px; padding-top:15px; color:#6D8A35;}
.user_type { background:url(../images/users/user_type.jpg) no-repeat center top; width:73px; height:20px; float:left; color:#FFFFFF; text-align:center; margin-left:40px; cursor:pointer; margin-bottom:25px;}
.user_mess { clear:both; background:url(../images/users/user_new.jpg) no-repeat 0 11px; padding-left:20px; font-weight:bold; border-top:1px solid #CBCBCB; padding-top:5px; margin-left:5px;}

.input_border	{color:#808080; border:1px solid #bbbbbb;}