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

body{ margin:0; padding:0; background:url(../images/bg.jpg) repeat-x #a4a7ac; color:#666666;  font-size:12px;}
img{ border:none;}
#main{ width:877px; margin:0 auto 0 auto;}
#top{ height:154px;}
#top #topmenu{ color:#FFFFFF; float:left; height:108px; font-size:10px;}
#top #topmenu .line{ border-left-style: solid; border-left-color: #46596d; border-left-width: 1px; }
#top #topmenu .line_end{ border-left-style: solid; border-left-color: #46596d; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-right-color: #46596d; }
#top #topmenu a{ text-decoration:none; padding:0 3px 0 3px; color:#FFFFFF; text-align:center;} 
#top #topmenu a:hover{ text-decoration: underline; color:#ffffff;}
#top #submenu{ color:#FFFFFF; width:877px; background:url(../images/menu_bg.jpg) no-repeat; float:left; height:38px;}
#top #submenu img{ padding:4px 13px 6px 13px;}
#top #logo{ height:108px; float:right;}




/*#mainframe{ background: url(../images/main_bg.gif) no-repeat; height:742px; padding:10px;}*/
#mainframe_top{width:877px; background:url(../images/mainframe_top.png) no-repeat; height:10px;  float:left;font-size:1px;}
#mainframe{width:855px; background:#FFFFFF; border-right-width: 1px; border-left-width: 1px; border-right-style: dotted; border-left-style: dotted; border-right-color: #e8e8e8; border-left-color: #e8e8e8; padding:0 10px 0 10px; float:left;}
#mainframe_bottom{width:877px; background:url(../images/mainframe_bottom.png) no-repeat; height:10px; float:left;}
#mainframe #left {width:521px; float:left;}
#mainframe #left #mainBanner{height:344px; margin-bottom:10px;}


#mainframe #right{ float:right; width:326px; float:right;}
#mainframe #right #notice{height:167px; margin-bottom:10px;}
#mainframe #right #notice #header{height:20px; width:289px; float:left;}
#mainframe #right #notice #more{height:20px; float:right;}
#mainframe #right #notice #content{height:137px; float:left; width:100%;}
#mainframe #right #notice .list{ background:url(../images/dot.gif) repeat-y; margin:10px;}
#mainframe #right #notice .list a{ padding:0 0 0 15px;  text-decoration: none; color:#8c8c8c;}
#mainframe #right #notice .list .date{ text-align:right;}
#mainframe #right #notice .list a:link{ text-decoration: none; color:#8c8c8c; }
#mainframe #right #notice .list a:active{ text-decoration: none; color:#8c8c8c; }
#mainframe #right #notice .list a:visited{ text-decoration: none; color:#8c8c8c; }
#mainframe #right #notice .list a:hover{ text-decoration: none; color:#07a4ad;}
#mainframe #banner { width:857px; height:152px; margin:0 0 10px 0;}
#mainframe #menu { width:188px; float:left; margin:0 0 10px 0;}
#mainframe #subcontent { width:659px; float:right; margin:0 0 10px 0;}
#mainframe #subcontent #header{ width:659px; height:20px;}
/*#mainframe #right #notice #content ul{margin:10px ; padding:0;}*/
/*#mainframe #right #notice #content li{ height:22px; background-image: url(../images/dot.gif); background-repeat: repeat-x;list-style-position: inside; }*/

#mainframe #right #news{ margin-bottom:10px; float:right; width:326px;}
#mainframe #right #news #header{height:20px; width:289px; float:left;}
#mainframe #right #news #more{height:20px; float:right;}
#mainframe #right #news #content{ float:left; width:100%;}
#mainframe #right #news .list{ /*background:url(../images/dot2.gif) no-repeat;*/ margin:0px 10px 0 10px;}
#mainframe #right #news .list td{ height:22px;}
#mainframe #right #news .list a{ padding:0 0 0 0px;  text-decoration: none; color:#444444;}
#mainframe #right #news .list .date{ text-align:right;}
#mainframe #right #news .list a:link{ text-decoration: none; color:#444444; }
#mainframe #right #news .list a:active{ text-decoration: none; color:#444444; }
#mainframe #right #news .list a:visited{ text-decoration: none; color:#444444; }
#mainframe #right #news .list a:hover{ text-decoration: none; /*color:#d60741;*/color:#00F;}
#mainframe #right #news #content #form{ text-align:right; font-size:11px; padding:5px 15px 0 15px;}
#mainframe #right #news #content #form a{ text-decoration:none; color:#666666; }

#mainframe #right #product {/*height:388px;*/ margin-bottom:10px; float:right; width:326px;}
#mainframe #right #product #header{height:20px; width:289px; float:left; margin-bottom:10px;}
#mainframe #right #product #more{height:20px; float:right;}
#mainframe #right #product #content{/*height:368px;*/ float:left; width:100%;}
#mainframe #right #product .list{ height:110px; background:url(../images/dot.gif) repeat-y; margin:10px;}
#mainframe #right #product .list a{ padding:0 0 0 15px;  text-decoration: none; color:#8c8c8c;}
#mainframe #right #product .list .date{ text-align:right;}
#mainframe #right #product .list a:link{ text-decoration: none; color:#8c8c8c; }
#mainframe #right #product .list a:active{ text-decoration: none; color:#8c8c8c; }
#mainframe #right #product .list a:visited{ text-decoration: none; color:#8c8c8c; }
#mainframe #right #product .list a:hover{ text-decoration: none; color:#5bad07;}
#mainframe #right #product #cell { float:left; width:326px; /*margin-bottom:10px;*/}
#mainframe #right #product #cell #img{ width:147px; height:140px; float:left;}
#mainframe #right #product #cell #header{ background:url(../images/product_main_content_bg.gif) no-repeat; height:37px; width:159px; float:right; margin-bottom:10px; padding:5px; text-align:center;}
#mainframe #right #product #cell #info{ float:right; /*height:117px;*/ width:159px; padding:5px;}
#mainframe #right #product #cell #info .header{ color:#e6004f; font-weight: bold; }


#mainframe #left #tranning{height:189px; margin-bottom:10px; float:left; width:521px;}
#mainframe #left #tranning #header{ margin-bottom:10px;}
#mainframe #left #tranning #content{ background:url(../images/tranning_main_content_bg.gif) no-repeat; height:139px; padding:10px;}
#mainframe #left #tranning #content #list{ float:left; width:321px; height:130px;}
#mainframe #left #tranning #content #list ul{ margin:0; padding:0 0 0 10px;}
#mainframe #left #tranning #content #list li{ height:21px;}
#mainframe #left #tranning #content #youtube{ float:right; width:170px; height:130px;}
#mainframe #left #tranning #content a{ text-decoration:none; color:#000000;}
#mainframe #left #tranning #content a:hover{ text-decoration:none; color:#fd7700;}


#mainframe #left #center {height:229px; margin-bottom:10px; float:left; width:521px;}
#mainframe #left #center #header{ margin-bottom:20px; width:330px;}
#mainframe #left #center #content{height:119px; width:330px;margin-bottom:10px;}
#mainframe #left #center #content .header{ color:#c5a52b; font-weight: bold; line-height:20px;}
#mainframe #left #center #more{height:20px; float:left;width:330px; text-align:right;}
#mainframe #left #center #img{height:189px; float:left;width:170px;float:right; margin:0 10px 0 10px;}
#mainframe #left #center #content ul{ margin:0px; padding:0 0 0 10px;}



#footer{ color:#000000; float:left;width:857px; padding:0 10px 0 10px;}
#footer a{color:#000000; text-decoration:none; padding:0 5px 0 5px;}
#footer .address{ text-align:right;}


.focusLink a{color:#0741d6; font-weight:bold;font-size:14px; line-height:20px; text-decoration:none;}
.focusLink a:hover{color:#d6a307;}
.focusLink {padding:3px 0px 0px 0px;}

.li_link{color:#666666}
.li_link:hover{color:#d6a307}

.newicon{float:left;background:url(../images/icon/new.gif) no-repeat; width:25px; height:9px;}
.newicon2{float:left;background:url(../images/icon/new.png) no-repeat; width:28px; height:9px;}

.skyBlueA{color:#008aff;text-decoration:underline;}