body {margin: 0 auto; padding: 0; font: 75% Tahoma; line-height: 1.3em; background: url('images/pg_bg.gif') repeat-y center;}
a {text-decoration: none; color: #000099;}
a:hover {text-decoration: underline;}

h1, h2, h3, p {margin: 0; padding: 7px 3px;}
h1 {font-size: 230%;}
h2 {font-size: 170%;}
h3 {font-size: 150%;}

.max_width {width: 1000px; margin: auto; padding: 0; background: #ffffff;}
.fleft {float: left;}
.fright {float: right;}
.clear {clear: both;}

.hbnr img {margin: 9px;}
.mnu {background: #fff;}
.mnu dl {margin: 0; padding: 0; text-align: right;}
.mnu dl dt {display: inline; background: none;url('images/_mnu_spc.gif') no-repeat right center;}
.mnu dl dt a {color: #000; padding: 5px 17px; font-weight: normal; font-size: 130%; line-height: 35px;}
.mnu dl dt a:hover {color: #4c4c4c; text-decoration: underline;}
.mnu dl dt.n {background: none;}

.mnuleft {width: 160px;}
.mnuleft dl {margin: 13px 0; padding: 0;}
.mnuleft dl dt {background: url('images/_mnl_spc.gif') no-repeat center bottom;}
.mnuleft dl dt a {background: url('images/_ic_bullets.gif') no-repeat left center;display: block; padding: 7px 0 7px 13px; margin: 0 7px; font-weight: bold; font-size: 110%; color: #101170;}
.mnuleft dl dt a:hover {color: #e2b400; text-decoration: none;}

.pctn {width: 595px;}
.pctn h1 {margin-top: 13px; color: #000166;}
.pctn p {padding: 7px;}
/*-------------------------------------------------------*/
.pctn .blks .blk {width: 190px; min-height: 295px; background: url('images/_bg_border_point.gif') repeat-y left top; float: left; border-bottom: 1px #000000 solid; margin-left: 7px;}
* html .pctn .blks .blk {height: 245px; margin-left: 5px;}
.pctn .blkrp p {color: #fff;}
.pctn .blks .blk p {font-size: 110%; text-align: left; display: block;}
.pctn .blks .blk p.lnk {font-size: 95%; text-align: center; padding-top: 0;}
.pctn .blks h3 {color: #ffffff; text-align: right; padding: 5px 5px 5px 70px; line-height: 19px; font-size: 120%;}
.pctn .blks h3.spl {padding-left: 50px;}
.pctn .blks .blk1 {background: url('images/_bg_blk_1.gif') no-repeat left top;}
.pctn .blks .blk2 {background: url('images/_bg_blk_2.gif') no-repeat left top;}
.pctn .blks .blk3 {background: url('images/_bg_blk_3.gif') no-repeat left top;}
.pctn .blks .blk4 {background: url('images/_bg_blk_4.gif') no-repeat left top;}
.pctn .blks .blk1 p {padding-top: 33px;}
.pctn .blks .blk1 p.spl {padding-top: 7px; text-indent: 63px;}
.pctn .blks .blk1 dl {margin: 0; padding: 0;}
.pctn .blks .blk1 dl dt {margin-left: 7px; padding-left: 13px; padding-right: 3px; background: url('images/_ic_star.gif') no-repeat left 5px; margin-top: 3px;}
.pctn .blks .blk p img {margin:  7px 0 0px 7px;}
.pctn .blks .blk a {color: #000099;}
.pctn span.bf {font-size: 210%; font-weight: bold; line-height: 27px;}

.blkono {margin-top: 0; background: url('images/_bg_blk_ono.gif') repeat-x left top; width: 99%; margin-left: 5px;}
/*.blkono .blkrecm {overflow-y: hidden; overflow-x: scroll; width: 650px; height: 332px;}*/
.blkono h1 {color: #ffffff; text-align: left; padding: 0 77px 37px; background: url('images/_bg_blk_4.gif') no-repeat left top; line-height: 47px;}
.blkono .blkrecm table {font-size: 97%; margin-top: 1px;}
.blkono .blkrecm table tr td {white-space: wrap;}
.blkono .blkrecm table tr.h {font-weight: bold; color: #14436e; font-size: 120%;}
.blkono .blkrecm table tr.odd {background: #fff3c2;}

.rght {width: 235px;}
.rght .blk {margin-top: 13px;}
.rght .blk h3 {font-size: 120%; text-align: center; background: #000166; color: #edcb45; padding: 3px 0; line-height: 17px;}
.rght .blk p {text-align: justify;}
.rght .blk p.rmr {padding: 0 3px; text-align: right;}
.rght .blk p img {margin: 3px; margin-left: 7px;}
.rght .lvchat1 {background: url('images/_bg_lvchat.gif') repeat-x left top;}
.rght div.btlivchat {background: url('images/_bg_livchat_left.gif') no-repeat left bottom;}
.rght div.btlivchat a {padding: 0 205px 0 9px; display: block;}

.rght .blkchat {background: url('images/_bg_blk_got_quest.gif') no-repeat left top; height: 94px;}
.rght .lvchat .clear p {padding: 0;}
.rght .blkchat h3 {background: none; padding: 0;}
a.readmr {font-size: 90%; color: #edcb45; background: url('images/_arr_rmr.gif') no-repeat left center; padding-left: 13px;}

.fter {border-top: 7px #000166 solid;}
.fter p {padding: 3px 5px; font-size: 90%; font-weight: bold; text-align: justify; color: #292929;}


.ctpg span {display: block;}

.cta dl {margin: 23px;}
.cta dl dt {margin: 7px 0;}
p.btlivchat {text-align: center;}
p.btlivchat a {padding: 80px 205px 0 13px; background: url('images/_bg_livchat.gif') no-repeat left bottom;}

.tdm {padding: 7px; line-height: 19px;}
.tdm a {color: #ffffff;}

.blkrp {width: 197px; height: 215px; float: left; background: url('images/_bg_blk_rp.gif') no-repeat; margin-left: 7px;}
.blkrp h1 {font-size: 90%; color: #ffffff; margin: 0; padding-left: 27px; text-indent: 0px; line-height: 15px; margin: 3px 0 3px 7px;}
.blkrp p {padding: 0 7px; margin: 0;}

.rp1 h1 {background: url('images/_bl_rp_1.gif') no-repeat 0 7px;}
.rp2 h1 {background: url('images/_bl_rp_2.gif') no-repeat 0 7px;}
.rp3 h1 {background: url('images/_bl_rp_3.gif') no-repeat 0 7px; padding-left: 29px;}
.rp4 h1 {background: url('images/_bl_rp_4.gif') no-repeat 0 7px;}