/* COMMON */
html, body {width: 100%; height: 100%; margin: 0; padding: 0; font: 84.9% tahoma, verdana, sans-serif; color: #666; background: #FFF;}

#allpage {min-width: 990px;}
* html #allpage {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <= 990)? "990px" : "auto");}
.sp #allpage {}

table {font-size: 100%; border-collapse: collapse;}
table td, table th {}
/*table td {vertical-align: top;}    */

a {color: #9090A6; text-decoration:underline;}
a:hover {color: #525D67;}
a img, img {border: none;}

.usual {margin-bottom: 30px;}
.usual input {width: 250px; border: 1px solid #AAA; padding-left: 4px;}
.usual div {margin: 0 0 1.1em 0;}
.usual input, .usual  select, .usual  textarea {margin-top: 4px;}
.usual textarea {width: 330px; height: 100px; border: 1px solid #AAA;}
.radio {border: none; margin-bottom:-2px;}
.radio p {text-indent: -20px; padding: 5px 0 0 25px; margin: 0;}
.radio p input {border: none; margin: 0 5px 0 0; vertical-align: middle; padding: 0; width: 15px; height: 15px; background: none;}
.usual .cldr input {width: 6.5em;}
.usual .cldr img {vertical-align: middle; margin: 0 0 6px 5px; cursor: pointer; cursor: hand;}
.element_required {color: #FE3721; font-family: tahoma, sans-serif;}

form {padding: 0; margin: 0 0 1em 0;}
label, button {cursor: pointer; cursor: hand;}
input, select, textarea, button {font: 100% tahoma, verdana, sans-serif; color: #333;}

input, textarea, select {margin: 3px 0;}
input, textarea {border: 1px solid #ff0000; width:200px}
.btn {color: #FFF; background: #716F6F; border: none; padding: 3px 5px;}

ul {padding: 0; margin: 0 0 1em 20px;}
ol {padding: 0; margin: 0 0 1em 40px;}
ul li {padding-bottom: 0.5em; padding-left: 15px; background: url(/i/li.gif) no-repeat 0 0.4em; list-style: none;}
ol li {padding-bottom:0.3em;}
dl {padding:0;margin:0 0 1em 0;}
dd {padding:0;margin:0;}

p {padding: 0; margin: 0.5em 0 1.3em 0;}

h1 {color: #3DA42A; margin: 0 0 1em 0; font: bold 115% tahoma, sans-serif; width: 100%; overflow: hidden;}
h1 span {background: url(/i/h1_brd.gif) repeat-x 0 100%; float: left; padding: 0 0 7px 0;}
h2 {padding: 0; margin: 1.2em 0 0.3em 0; font: bold 115% tahoma, sans-serif; color: #3DA42A;}
h3 {padding: 0; margin: 1.2em 0 0.3em 0; font: 115% tahoma, sans-serif; color: #3DA42A;}
h4 {padding: 0; margin: 0 0 0.5em 0; font: 115% tahoma, sans-serif; color: #000;}
h5 {}
h3 a {color: #3DA42A;}
.text-dark-grey {color: #999;}
.text-blue {color: #0475cf;}
.text-small {font-size: 92%;}
.text-red, .red {color: #f90100;}

.usual h2 {color: #666; font: 100% tahoma, sans-serif;}

/* BASE */
hr {border: none; background: #CCC; color: #CCC; height: 1px; text-align: left; margin-right: auto; margin-left: 0;}
.fleft {float: left;}
.fright {float: right;}
.rel {position: relative;}
.abs {position: absolute;}
.spacer {width: 1px; height: 1px; font-size: 1%;}
.both {clear: both;}
.aright {text-align: right;}
.acenter {text-align: center;}
.aleft {text-align: left;}
.grey {color: #666;}

/* New Systems */
.header {background: #C9EBBA url(/i/header01.gif) no-repeat; overflow: hidden; width: 100%; margin-top: 22px; float: left;}
.header div.fright {width: 220px; height: 237px; text-align: right; background: url(/i/01.png) no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/01.png',sizingMethod=crop);}
.slogan {background: url(/i/slogan.gif) no-repeat 199px 36px; height: 237px;}
.slogan_eng {background: url(/i/slogan_eng.gif) no-repeat 199px 36px; height: 237px;}
.logo {position: relative; left: -5px;}
.sp .header {margin-bottom: 10px;}
.sp .logo {left: 5px;}
.header a {display: block; height: 159px;}

#head01 .header {background: #D3D3D3 url(/i/head01_bg2.gif);}
#head01 .slogan {background: url(/i/head01_bg.gif) repeat-y 316px 0; height: auto;}
#head01 .slogan div {}
#head01 .slogan div div {}
#head01 .slogan div div div {background: url(/i/head01.gif) no-repeat;}
#head01 .slogan div div div div {background: url(/i/head01_txt.gif) no-repeat 25% 43px; height: 159px;}
#head01 img.fright {width: 46px; height: 42px; background: url(/i/logo_head.gif) no-repeat;}

#head02 .header {background: #C9EBBA url(/i/header01.gif) no-repeat 0 -50px;}
#head02 .slogan {background: url(/i/slogan.gif) no-repeat 230px 14px; height: auto;}
#head02 .slogan div {}
#head02 .slogan div div {}
#head02 .slogan div div div {height: 159px;}
#head02 img.fright {width: 113px; height: 159px; background: url(/i/03.png) no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/03.png',sizingMethod=crop);}

#head03 .header {background: #C9EBBA url(/i/header01.gif) no-repeat 0 -50px;}
#head03 .slogan {background: url(/i/slogan1.gif) no-repeat 185px 14px; height: auto;}
#head03 .slogann {background: url(/i/slogan2.jpg) no-repeat 470px 14px; height: auto;}
#head03 .slogan div {}
#head03 .slogan div div {}
#head03 .slogan div div div {height: 159px;}
#head03 img.fright {width: 113px; height: 159px; background: url(/i/03.png) no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/03.png',sizingMethod=crop);}
/*
#head03 .header {background: none; margin-top: 7px;}
#head03 .slogan {background: url(/i/04.png) no-repeat; padding-top: 15px; height: auto;}
#head03 .slogan div {background: url(/i/head03_bg2.gif) no-repeat 317px 0;}
#head03 .slogan div div {background: url(/i/head03_bg.gif) repeat-y 317px 0;}
#head03 .slogan div div div {background: url(/i/head03_bg3.gif) no-repeat 317px 0;}
#head03 .slogan div div div div {background: url(/i/head03_txt.gif) no-repeat 25% 80px; height: 159px;}
#head03 img.fright {width: 46px; height: 42px; background: url(/i/logo_head.gif) no-repeat;}
*/
#head04 .header {background: none; margin-top: 7px;}
#head04 .slogan {background: url(/i/05.png) no-repeat; padding-top: 15px; height: auto;}
#head04 .slogan div {background: url(/i/head03_bg2.gif) no-repeat 317px 0;}
#head04 .slogan div div {background: url(/i/head03_bg.gif) repeat-y 317px 0;}
#head04 .slogan div div div {background: url(/i/head04_bg3.gif) no-repeat 317px 0;}
#head04 .slogan div div div div {background: url(/i/head04_txt.gif) no-repeat 20% 25px; height: 159px;}
#head04 img.fright {width: 46px; height: 42px; background: url(/i/logo_head.gif) no-repeat;}

.content {width: 100%; overflow: hidden; float: left;}
.left {width: 26%; float: left; margin-right: -10000px;}
.right {margin-left: 26%;}
.left .cont {padding: 7px 15px 0 40px;}
.right .cont {padding: 28px 30px 0 0;}
.sp .right .cont {padding: 0 30px 0 0;}
.sp .left .cont {padding: 7px 30px 0 30px;}

.phones {font: 20px tahoma, sans-serif; background: url(/i/h1_phones.gif) no-repeat 20px 50%; color: #4FAC3D;}
.phones div {background: url(/i/phone_brd.gif) no-repeat;}
.phones div div {background: url(/i/phone_brd.gif) no-repeat 100% 0; padding: 12px 25px 17px 180px; margin-right: 180px;}

.phonese {font: 20px tahoma, sans-serif; background: url(/i/h1_phones_e.gif) no-repeat 20px 50%; color: #4FAC3D;}
.phonese div {background: url(/i/phone_brd.gif) no-repeat;}
.phonese div div {background: url(/i/phone_brd.gif) no-repeat 100% 0; padding: 12px 25px 17px 180px; margin-right: 180px;}


.publish {float: right; padding: 21px 5px 15px 0;}
.publish img {float: left; margin: 0 0 0 35px;}
.top {width: 100%;}
.sp .top {float: left; margin-top: 28px;}

.sprld {float: right; width: 218px;}
.sp .sprld {float: none; width: auto;}
.center {margin-right: 240px;}
.main_part .left .cont, .main_part .right .cont {padding-top: 21px;}
.h1_img {padding: 0 0 8px 2px; background: url(/i/h1_brd.gif) repeat-x 0 100%; margin: 0 0 15px 0;}
.bot_part .left .cont, .bot_part .right .cont {padding-top: 0px;}

.news {overflow: hidden; float: left; width: 100%; margin: 0 0 20px 0;}
.date {font-size: 11px; width: 70px; height: 64px; float: left; margin-top: 2px; background: url(/i/date.gif) no-repeat; color: #FFF;}
* html .date {margin-right: -10000px;}
.date span {display: block; padding: 14px 4px 0 0; text-align: center;}
.news div.txt {margin: 0 0 0 80px;}
.news a.n_link {display: block; font-weight: bold; color: #666; margin: 0 0 7px 0;}
.news a.em {font-weight: normal; display: inline; margin: 0; color: #3DA42A;}
.right .news {padding: 0 0 16px 0; background: url(/i/line.gif) repeat-x 0 100%;}
.right .bg_none {background: none; padding: 0; margin: 0;}
.fp .left .date {display: none;}
.fp .sprld .date {display: none;}
.sprld .news div.txt {margin: 0 0 0 0px;}
.fp .left .news div.txt {margin: 0;}
.pager a, .pager span {display: inline; font-weight: normal; margin: 0; color: #3DA42A; padding: 0 5px;}
.pager span {color: #666;}

.red_block {background: url(/i/red_bg01.gif) repeat-x;}
.red_block div {background: url(/i/red.gif) no-repeat;}
.yellow_block {background: url(/i/yellow_bg01.gif) repeat-x;}
.yellow_block div {background: url(/i/yellow.gif) no-repeat;}
.green_block {background: url(/i/green_bg01.gif) repeat-x;}
.green_block div {background: url(/i/green.gif) no-repeat;}
.block img {margin: 20px 10px 0 0;}
.block {width: 31%; float: left;}
.block a {display: block; height: 130px;}

#yellow {width: 38%;}
#yellow div {margin: 0 30px;}
#yellow div div, #red div div, #green div div {margin: 0;}

#red div {margin-right: 3px;}
#green div {margin-left: 3px;}

.block div div {margin: 0; height: 139px; text-align: right; cursor: pointer; cursor: hand;}

.blocks {padding-right: 0; margin-top: 17px;}
.subscr {min-height: 120px; background: url(/i/subscr_bg.gif);}
* html .subscr {height: 120px;}
.subscr div {padding: 18px 12px 4px 12px;}
.subscr button {background: #55AF45; color: #FFF; font-weight: bold; border: 1px solid #55AF45; vertical-align: middle;}
.subscr input {border: 1px solid #FFF; vertical-align: middle; margin: 0 5px 0 0; width: 70%;}
.subscr form {margin: 8px 0 12px 0;}
.subscr a {color: #666;}

.footer {padding: 0 0 25px 0; overflow: hidden; float: left; width: 100%;}
.footer .f_bg {background: url(/i/footer_brd.gif) repeat-x; padding: 25px 25px 0 0;}
.footer .left .f_bg {padding: 25px 0 0 25px; color: #999;}
.footer .left .f_bg b {color: #666;}
.footer .right .f_bg {padding: 25px 30px 0 0;}
.footer .left .cont, .footer .right .cont {padding: 25px 0 0 0;}
.footer .left .cont {padding-left: 25px;}
.footer .right .cont {padding-right: 15px;}
.footer .fright {padding-top: 5px;}

.menu {margin: 30px 20px 0 5px; color: #6FC050;}
.menu li {position: relative; padding: 0; font-size: 11px; background: url(/i/menu_brd.gif) no-repeat 0 100%; text-align: right; float: left; width: 100%;}
.menu li a {color: #333; position: relative; display: block; padding: 5px 0 6px 21px; text-decoration: none; background-image: url(/i/menu_li.gif); background-repeat: no-repeat; background-position: 0 6px;}
.menu li a:hover {background-image: none; color: #6FC050;}
.menu li b {font-weight: normal; padding: 0 10px 0 20px; background: #FFF;}
.menu li span {display: block; background: url(/i/menu_hover.gif) no-repeat 0 6px;}

ul#nav div {position: absolute; display: none; z-index: 400; right: -200px; top: 0; width: 200px;}
ul#nav div ul {margin: 0; padding: 0;}
ul#nav li:hover div, ul#nav li.over div {display: block;}
ul#nav div li {float: left; text-align: left; padding: 0; margin: 0; background:none;}
ul#nav div li a {color: #333; padding-left: 0; background: none; padding: 0; filter: alpha(opacity=75); opacity: 0.75;}
* html ul#nav div li a {height: 14px;}
ul#nav div li a span {background: #FAFAFA url(/i/smenu.gif) no-repeat 17px 9px; min-height: 14px; padding: 5px 0 6px 0; margin: 0 0 0 0; padding-left: 35px;}
ul#nav div li a:hover {color: #288F00;}
ul#nav div li a:hover span {background: #FAFAFA url(/i/smenu.gif) no-repeat 17px -66px;}
ul#nav li div img {display: none;}
ul#nav li div ul li img {display: block; width: 200px; height: 1px;}

.sp .menu {margin: 30px 0 0 15px;}
ul#nav li.curr div {position: static; display: block; width: auto;}
ul#nav li.curr {padding-bottom: 0;}
ul#nav li.curr span a {background: none; color: #6FC050;}
ul#nav li.curr div ul {margin: 0;}
ul#nav li.curr div ul li {background: url(/i/smenu2.gif) no-repeat 28px -65px; margin: 0 -100px 0 0; text-align: left; clear: both;}
ul#nav li.curr div ul li a {color: #666; padding: 5px 0 5px 39px; min-height: auto; filter: none !important; opacity: 1; background: url(/i/smenu2.gif) no-repeat 28px 10px !important;}
ul#nav li.curr div ul li a span {background: none; padding: 0;}
ul#nav li.curr div em {font-style: normal; display: block; padding: 5px 0 6px 21px;}
ul#nav li.curr div ul li a:hover {background-image: none !important; color: #6FC050;}
ul#nav li.curr div ul li a:hover span {background: none;}
ul#nav li.curr div ul li.current i {padding: 5px 0 6px 39px; width: auto; display: block; font-style: normal;}
ul#nav li.curr div img {clear: both; display: block; height: 10px;}
ul#nav li.curr div ul li img {display: none;}

.footer #nav div, .footer ul#nav li:hover div, .footer ul#nav li.over div {display: none;}
.footer .menu {margin: 0; background: url(/i/phone_brd.gif) no-repeat; float: left; padding: 5px 10px 7px 10px;}
.footer .menu li {background: none; width: auto; text-align: left; padding-right: 6px;}
.footer .menu li a {display: inline; padding: 0; background: none; text-decoration: underline; color:  #999;}
.footer .menu li a:hover {color: #6FC050;}
.footer .menu li b {display: inline; padding: 0; background: none;}
.footer .menu li span {display: inline; padding: 0; background: none;}
.footer .menu li ul {display: none;}
.footer .right .fleft {background: url(/i/phone_brd.gif) no-repeat 100% 0;}
.footer .menu li.curr em {display: inline; padding: 0;}
.footer ul#nav li div img {display: none;}

.em {text-decoration: none;}
.em img {vertical-align: middle; margin: 0 8px 0 0;}
.em em {text-decoration: underline; font-style: normal;}

.section_text {width: 100%; float: left; line-height: 130%;}
.section_text p, .section_text li {text-align: justify;}
.pict {float: left; margin: 0 15px 15px 0; padding-left: 10px; background: url(/i/pict_bg.gif) repeat-y;}
.price {padding: 10px 0 15px 40px; width: 100%; overflow: hidden;}
.price a {display: block; background: url(/i/ico_price.gif) no-repeat; padding: 5px 0 11px 40px; color: #3DA42A; float: left;}
.price a:hover {color: #3DA42A;}

.links {width: 75%; background: url(/i/line.gif) repeat-x; padding: 12px 0 0 0; margin: 15px 0 0 0;}
.links li {background: url(/i/arr.gif) no-repeat 0 3px;}
.links a {color: #3DA42A;}
.links a:hover {color: #3DA42A;}
.links b {display: block; padding: 0 0 8px 0;}

.tbl {border-collapse: collapse; margin: 8px 0;}
.tbl td {border: 1px solid #CCC; border-width: 1px 0; padding: 4px;}

.submenu {padding-top: 0;}
.submenu ul {margin-top: 0;}
.submenu li {background: url(/i/smenu.gif) no-repeat 0 5px;}
.submenu li a {text-decoration: none; color: #333; text-decoration: underline;}
.submenu li a:hover {color: #6FC050;}

.path {padding: 0 0 0 0;}

.submenu li.act {color: #6FC050; background: url(/i/smenu2.gif) no-repeat 0 -70px;}