/* CSS Document */

body { margin: 0px 0px 0px 0px; color: #333; background: url(../img/body_bg.gif) repeat-x #6f9db8; }
body { font-size: 12px; line-height: 16px; color:#7c7c7c; font-family: Verdana, Arial, Helvetica, sans-serif; }
p { font-size: 12px; line-height: 16px; color:#7c7c7c; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 12px 0px; }
td { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#7c7c7c; }
h1 { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 24px; padding: 0px; margin: 0px; }
h2 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;  border-bottom: 2px solid #CCCCCC; padding-bottom: 5px; }
ul { margin: 10px 0px 0px 25px; padding: 0px 5px 0px 10px; }
ol { margin: 10px 0px 0px 25px; padding: 0px 5px 0px 10px; }
table { border: 0px; }
img { border: 0px; }
img.top { vertical-align:top; }
li { line-height: 14px; padding-bottom: 5px; }

div#container{ position: relative; width: 778px; margin: 0px auto 10px auto; background: url(../img/main_bg.gif) repeat-y #fff; line-height: 10px; }

td#catch { font-size: 12px; line-height: 16px; color:#7c7c7c; padding-left: 5px; }
td#toplist { width: 180px; background: url(../img/toplist_bg.gif); }
td#sample { width: 541px; background: url(../img/sample_bg.gif); }
td#block { width: 265px; background: url(../img/block_bg.gif); }

div#block { font-size: 12px; line-height: 16px; color:#7c7c7c; margin: 5px 10px 0px 10px; }
div#sample { font-size: 12px; line-height: 16px; color:#7c7c7c; margin: 0px 10px 0px 0px; }

ul#top { font-size: 10px; line-height: 20px; list-style-image:url(../img/toplist_li.gif); margin: 4px 0px 2px 16px; padding: 0px 5px 0px 5px; }

ul#top a { color: #333; text-decoration:none; }
ul#top a:hover { color: #900; text-decoration:underline; }

#header { background: url(../img/header_bg.gif); }
#header div.right { float: right; }

#footer { background: url(../img/b_bg.gif); }
#footer div.right { float: right; }

div#maincon { padding: 0px 16px 10px 16px; }
div#maincon .t1 { font-weight: bold; color: #333333; }
div#maincon .n1 { font-size: 11px; line-height: 14px; }
div#maincon table.tbl1 { border: 1px solid #CCCCCC; }
div#maincon table.tbl1 td { border: 1px solid #CCCCCC; padding: 4px; }

td.chuli { width: 250px; vertical-align: top; }
td.chuli ul { margin: 0px 0px 10px 25px; padding: 0px 5px 0px 10px; }

table#step { position: relative; width: 615px; background: url(../img/step_bg.gif); position: relative; margin: 0px auto 0px auto;  }
table#step .left { width: 408px; }
table#step .right { width: 207px; text-align: center; }

table#note { position: relative; width: 526px; background: url(../img/note_bg.gif); position: relative; margin: 0px auto 0px auto; }
table#note td.con { line-height: 16px; padding: 0px 10px 0px 10px; color: #f37e00; }

table#tutomain { width: 778px; }
table#tutomain .center { width: 732px; }
table#tutomain .lsd { width: 23px; vertical-align:top; background: url(../img/sd_l.gif) no-repeat; }
table#tutomain .rsd { width: 23px; vertical-align:top; background: url(../img/sd_r.gif) no-repeat; }

p#split { width: 100%; background-image: url(../img/spliter.gif); line-height: 12px; margin: 0px; }
p#totop { text-align: right; }

.rednew { color: #FF0000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; }

div.tuts { margin: 10px; border-bottom: 1px dashed #CCCCCC; }
div.tuts img { margin-right: 10px; }