@charset "utf-8";
/* global */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
 
/* custom */
body {background: #e8e7e7 url(bg.gif) repeat-y center; color: #666; font: normal 12px Arial, Helvetica, sans-serif}
.clear {clear: both;}
.mag {margin-top: 8px;}
.sipt {background: url(sipt.png) no-repeat; border: solid 1px #dadada; padding: 6px 5px; width: 280px;}
.sbtn {background: url(sbtn.png) no-repeat; border: 0; height: 30px; width: 60px;}
.more {background: url(more.gif) no-repeat center; display: block; float: right; height: 30px; width: 50px;}
a {color: #666; text-decoration: none;}
a:hover {color: #f30; text-decoration: underline;}

/* container */
#container {background: #fff; margin: 0 auto; padding: 0px 10px; width: 930px;}
/* header */
#header {}
#header-box {height: 100px; margin: 0 auto; width: 950px;}
#header-logo {background: url(logo.png) no-repeat; float: left; height: 80px; margin-top: 10px; width: 250px;}
#header-other {float: right;}
#toplink {padding: 8px; text-align: right;}
#search-box {margin: 20px 10px 0px 300px;}
/* navbar */
#navbar {background: #333;}
#navbar ul {background: #c20000; height: 35px; margin: 0 auto; width: 950px;}
#navbar ul li {font: bold 12px normal; float: left; height: 35px; line-height: 35px; text-align: center; width: 100px;}
#navbar ul li a {color: #fff; text-decoration: none;}
#navbar ul li a:hover {color: #ff0; text-decoration: none;}
.navline {border-right: solid 1px #e71818; height: 30px;}

#rows-a {}
#rows-a-left {float: left; width: 300px;}
#rows-a-center {float: left; margin-left: 10px; width: 380px;}
#rows-a-right {float: left; margin-left: 10px; width: 230px;}
#slide {height: 200px;}
#news {border: solid 1px #dadada;}
#news h3 {font: bold 13px normal; padding: 7px;}
#notice {border: solid 1px #dadada; padding: 1px;}
#notice h3 {background: #c20000; color: #fff; font: bold 13px normal; padding: 7px;}
#notice div {line-height: 20px; padding: 5px;}
#quick {background: url(quick.jpg) no-repeat; height: 50px; text-align: center;}
#quick p {font-size: 13px; padding: 7px 0px 0px 35px;}
#quick a {color: #fff; text-decoration: none;}

#casebox {border: solid 1px #dadada; padding: 1px;}
#casebox h3 {background: url(title.png) no-repeat; font-weight: bold; height: 30px; line-height: 30px; padding-left: 25px;}
#casebox div {}
#newsbox {}
#newsbox-left {float: left; width: 300px;}
#newsbox-center {float: left; margin-left: 10px; width: 305px;}
#newsbox-right {float: left; margin-left: 10px; width: 305px;}
.combox {border: solid 1px #dadada;}
.combox h3 {background: url(title.png) no-repeat; font: bold 13px normal; height: 30px; line-height: 30px; padding-left: 25px;}
.combox div {}

.artlist {}
.artlist li {font-size: 13px; padding: 5px 4px 4px 5px;}
.artlist li span {float: right; font-size: 10px;}
.imglist {padding: 5px 0px 0px 5px;}
.imglist li {float: left; margin: 1px; padding: 10px 12px;}
.imglist li img {background: #fff; border: solid 1px #dadada; padding: 2px;}
.imglist li strong {display: block; font-weight: normal; height: 14px; margin-top: 5px; overflow: hidden; text-align: center; width: 126px;}

/* sitepath */
.sitepath {background: #f9f9f9; margin: 0 auto; padding: 9px 0px 9px 10px; width: 940px;}
/* mainbox */
#mainbox {margin-top: 10px;}
#mainbox-left {float: left; width: 230px;}
#mainbox-right {float: right; width: 690px;}

#navbox {border: solid 1px #dadada;}
#navbox h3 {background: url(title.png) no-repeat; font: bold 13px normal; height: 30px; line-height: 30px; padding-left: 25px;}
#navbox div {padding: 8px;}
.catelist li {border-bottom: dashed 1px #dadada; padding: 10px; text-align: center;}
.pagelist li {border-bottom: dashed 1px #dadada; padding: 10px; text-align: center;}

#update {border: solid 1px #dadada;}
#update h3 {background: url(title.png) no-repeat; font: bold 13px normal; height: 30px; line-height: 30px; padding-left: 25px;}

#listbox {border: solid 1px #dadada; padding: 0px 10px;}
.newslist li {border-bottom: dotted 1px #dadada; padding: 10px;}
.newslist li span {float: right; font-size: 10px;}
.piclist {padding: 10px 0px 0px 7px;}
.piclist li {float: left; margin: 1px; padding: 5px 17px;}
.piclist li img {background: #FFFFFF; border: solid 1px #dadada; padding: 2px;}
.piclist li strong {display: block; font-weight: normal; height: 14px; margin-top: 5px; overflow: hidden; text-align: center; width: 126px;}
.showpage {padding: 10px; text-align: center;}

/* infobox */
#infobox {border: solid 1px #dadada; padding: 0px 10px;}
.ititle {color: #F60; font: bold 24px normal; text-align: center; padding: 10px 0px;}
.icontent {line-height: 23px; padding: 5px;}
.icontent p {padding: 8px;}

/* footer */
#footer {background: url(fbg.gif) repeat-x; height: 95px; line-height: 23px; padding-top: 5px; text-align: center;}

/*guest*/
#guebox {}
#gueform {background: #FFF; border: solid 1px #dadada; padding: 8px 8px 10px 100px;}
.rowsbox {padding: 8px;}
.rowsbox strong {margin-right: 10px;}
.rowsbox label {}
.gipt {border: solid 1px #CCC; padding: 4px;}
.gbtn {background: #09C; border: 0; color: #FFF; padding: 2px;}