body {margin:0;padding:0;font-size:12px;background:#900 url(images/bg.gif);padding:3px 0 10px;color:#600;}
a:link {color:#600;text-decoration:none;}
a:visited {color:#600;text-decoration:none;}
a:hover {color:#999;text-decoration:none;}
a:active {color:#600;text-decoration:none;}
* {font-family:tahoma,sans-serif;padding:0;margin:0;}
img,a img {border:0;}

#out {width:760px;border:1px #fcc solid;margin:0 auto;background:#600;border-top:3px #fc6 solid;border-bottom:3px #fc6 solid;}

#loginbar {width:760px;}

#login {background:#eee url(images/login.gif);border-top:3px #fc6 solid;border-bottom:3px #fc6 solid;margin:15px 0;color:#900;height:17px;line-height:17px;padding:5px 25px;}

#login input {border:1px #ccc solid;height:16px;margin-right:5px;vertical-align:middle;}
#login .btn {background:#900;color:#fff;height:19px;font-size:12px;padding:0 2px;cursor:pointer;}

#nav {border-top:3px #fc6 solid;border-bottom:3px #fc6 solid;padding-top:17px;background:url(images/line1.jpg) no-repeat;}
#nav p {height:12px;padding:62px 30px 4px;background:url(images/line2.jpg) no-repeat;}
#nav p a {z-index:53;position:relative;text-align:center;display:block;float:left;width:65px;color:#fff;}
#nav p a:hover {color:#ccc;}

#welcom {background:#ddd;padding:5px;text-align:center;}

#left {z-index:40;position:relative;background:#600;border:5px #fff solid;float:left;width:125px;overflow:hidden;height:420px;padding:5px;font-size:14px;font-weight:bold;color:#fff;}
#left p {padding-left:25px;background:url(images/abg.gif) no-repeat;padding-top:20px;height:30px;margin-bottom:30px;}
#left img {display:block;height:190px;width:120px;border:1px #eee solid;margin:0 auto;}
#left a {z-index:56;position:relative;display:block;padding:3px;color:#fff;font:normal 12px arial;text-decoration:underline;}
#left a:hover {color:#ccc;}

#left_ad {float:left; width:125px; padding:0; background:#600; vertical-align:bottom; margin-top:100px;}
#left_ad img {display:block;height:29px;width:120px;border:1px #eee solid;}

#right {padding-top:5px;float:right;width:615px;}
.index dl {border-bottom:5px #ddd solid;}
#right dl {width:240px;float:left;margin:0 10px 3px;}
#right dl.bbs {width:600px;margin:0 0 5px 3px;}
#right dl.base {font-size:14px;line-height:1.5em;width:500px;margin:0 0 5px 20px;}
#right dl.bbs dd {height:auto;padding-bottom:10px;}
#right dl.base dd {height:auto;padding:10px;border:0;}
#right dl.bbs p.re {font-size:12px;margin:10px 0 5px;padding:3px 30px;background:#eee;}
#right dl.bbs dt {font-size:12px;font-weight:normal;margin-bottom:2px;}
#right dl.bbs var {padding:0 10px;}
#right dl.sp {width:300px;}
#right dl.sp1 {width:570px;}
.index dd {border:1px #900 solid;border-top:0;height:130px;}
#right dd.rec {height:80px;}
#right dt {background:url(images/libg.gif) no-repeat;font-size:16px;font-weight:bold;padding:32px 0 2px 30px;}
#right h3 {font-size:16px;padding-left:2em;padding:2px 15px;}
#right p {padding:2px 10px;clear:both;}
#right p.sp {padding-bottom:10px;text-align:right;}
#right dl.base p.sp {padding-bottom:10px;text-align:left;}
#right p.page {text-align:center;}
#right p.page a {font-weight:bold;}
#right p.page * {margin:0 3px;}
#right p var {float:right;margin-top:-14px !important;margin-top:-17px;}
#right #cont {font-size:14px;line-height:1.5em;padding:10px 40px 10px;list-style:square;}
#right #cont h2 {text-align:center;font-size:16px;}
#right #cont p {text-indent:2em;}
#right #cont var {float:right;margin-top:-14px !important;margin-top:-17px;}
#right #cont li {clear:both;padding:3px;}
//#right a {z-index:55;position:relative;}

#right a:link {color:#600;text-decoration:underline;}
#right a:visited {color:#600;text-decoration:underline;}
#right a:hover {color:#999;text-decoration:underline;}
#right a:active {color:#600;text-decoration:underline;}

#test {width:760px;border:1px #fcc solid;margin:0 auto;background:#ffffff;border-top:3px #fc6 solid;border-bottom:3px #fc6 solid;font-size:14px;line-height:1.5em;}

#link {clear:both;background:#fff;border-bottom:5px #ddd solid;text-align:center;padding-bottom:3px;height:35px;}
#link a {z-index:56;position:relative;}

#footer {background:#fff;text-align:center;border-bottom:3px #fc6 solid;margin-bottom:15px;padding:10px 0 5px;}
#footer p {padding-bottom:5px;}
#footer a {margin:0 5px;z-index:56;position:relative;}

#content {float:left;background:#fff;}

#loginform p {text-align:center;height:23px;margin:0;padding:0;background:none;font-size:12px;font-weight:normal;}
#loginform p.p1 input {width:70px;height:14px;background:transparent;border:1px #ccc solid;}
#loginform p.p2 input {margin:0 3px;cursor:pointer;height:18px;background:#900;border:1px #ccc solid;color:#fff;font-size:12px;}

#right dl.base p.sp input {cursor:pointer;}

#nav_con {
height:570px;
width:1002px;
padding-top:175px;
top:0;
left:0;
position:absolute;
display:none;
z-index:50;
}

#nav_con p {
text-indent:10px;
display:none;
height:200px;
margin:0 auto;
width:710px;
padding-left:50px;
position:relative;
z-index:100;
}
#nav_con p a {
color:#fff;
display:block;
background:#600;
border:1px #900 solid;
padding:3px 0;
width:90px;
}
#nav_con p a:hover {
color:#ccc;
}

#nav_con #base {
padding-left:20px;
width:580px;
}
#nav_con #rec {
padding-left:80px;
width:505px;
}
#nav_con #comp {
padding-left:260px;
width:425px;
}
#nav_con #faq {
padding-left:330px;
width:380px;
}
#nav_con #sp {
padding-left:400px;
width:310px;
}

