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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Tahoma,Arial;
}
cite { font-style:normal; }
h1,h2,h3,h4,h5,strong { font-weight:bold; }


body { font-size:12px; background:#EEE url(../images/background.gif) repeat-y center top; }

/* @ Tables */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* @ link */
a { text-decoration:none; color:black; }
a:hover { text-decoration:underline; }

/* @ forms */
label,button { cursor: pointer; }
input { font-size:12px; }
input.text,textarea.text { border:1px solid #6189C6; padding:3px 4px; font-family:Verdana, Arial, Helvetica, sans-serif; }


#wrapper {width:990px;margin:0 auto;background:white;}
#header {position:relative; height:80px; }
#footer {clear:both;text-align:center;margin:5px 0;}
#footer a{text-decoration:underline;color:blue;}
#footer a:hover{text-decoration:none;}
#logo {position:absolute;left:1em;top:10px;}


#footer:after,.mod:after,.mod-face:after,#pageSize ul:after,#lc:after,.tools ul:after {content:".";display:block;height:0;visibility:hidden;clear:both;}


#menu {background:url(../images/image.png) no-repeat left top;height:48px;color:white;font-size:7px;}
#menu a {color:white;font-size:12px;margin:0 9px 0 0;}
#menu ul {list-style:none;height:40px;line-height:40px;}
#menu ul li {float:left;margin:0 0 0 9px;_display:inline;}

/**/
#contents {text-align:center;}
#contents h1 {font-size:14px;color:#06C}
#contents hr {color:#DDD;}
#contents img {padding:3px;max-width:700px; _width:expression(this.width> 700? "700px": "auto" );}

.tools {background:#EEE;border:1px solid #CCC;padding:4px;margin:0 10px;clear:both;position:relative;}
.tools input {border-width:1px;border-color:#000 #CCC #CCC #000;border-style:solid;padding:2px 4px;}
.tools button {border-width:1px;border-color:#FFF #CCC #CCC #FFF;}
.tools ul {list-style:none;clear:both;width:100%;}
.tools ul li {float:left;width:33%;height:1%;line-height:24px;}
.tools ul li a:hover {color:red;}
span.btn,span.btn a,span.btn-2,span.btn-2 a,span.btn-3,span.btn-3 a {display:inline-block;}
span.btn,span.btn-2,span.btn-3 {border:1px solid #CCC;}
span.btn-2,span.btn-3 {position:absolute;}
span.btn-3 {right:4px;}
span.btn a {line-height:20px;padding:0 8px;text-decoration:none;border-width:1px;border-color:#d8e9ff #666 #666 #d8e9ff;border-style:solid;background:url(../images/image.png) no-repeat left -74px;}
span.btn a:hover {background:#FFF;color:red;border-width:1px;border-color:#666 #FFF #FFF #666;border-style:solid;}
span.btn-2 a,span.btn-3 a {line-height:20px;padding:0 8px;text-decoration:none;border-width:1px;border-color:#FFF #666 #666 #FFF;border-style:solid;}
span.btn-2 a:hover,span.btn-3 a:hover {background:#FFF;color:red;border-width:1px;border-color:#666 #FFF #FFF #666;border-style:solid;}
span.none {line-height:20px;padding:0 8px;text-decoration:none;border-width:1px;border-color:#FFF #666 #666 #FFF;border-style:solid;color:#888;}



/*Mod*/
.mod,.mod-face {clear:both;margin:5px 0;}
.mod2 {border-left:1px solid #0FB0EE;background-color:#F6F6F6;margin:0 0 10px 0;}
.mod dt,.mod span.title,.mod dd,.mod2 dt,.mod2 dd,.mod-face dt,.mod-face dd,.mod-face span.title  {background-image:url(../images/image.png);background-repeat:no-repeat;display:block;}
.mod dt,.mod span.title,.mod-face dt,.mod-face span.title {height:26px;line-height:26px;}
.mod dt,.mod-face dt {background-position:left -48px;}
.mod span.title,.mod-face span.title {background-position:left -74px;float:left;padding:0 10px;font-weight:bold;color:white;margin:0 0 0 1.2em;_margin:0 0 0 .6em;}
.mod dd,.mod-face dd {background-position:left -100px;width:134px;height:187px;padding:3px 0 0 0;float:left;margin:5px 0 0 10px;_display:inline;}
.mod-face dd {width:110px;height:128px;background-position:right bottom;}
.mod dd img {display:block;margin:0 auto;clear:both;padding:0;width:120px;height:160px;}
.mod-face dd img {display:block;margin:0 auto;clear:both;padding:5px 0 0 0;width:100px;height:100px;}
.mod dd .subject,.mod-face dd .subject {line-height:22px;display:block;width:120px;margin:0 auto;clear:both;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mod-face dd .subject {width:100px;}
.mod dd a,.mod-face dd a {color:black;text-decoration:none;clear:both;display:block;}
.mod dd a:hover,.mod-face dd a:hover {color:blue;}

.mod2 dt {background-position:-354px -74px;height:26px;line-height:26px;padding:0 0 0 1em;color:white;font-weight:bold;}
.mod2 dd {height:28px;background-position:-134px bottom;background-color:#F6F6F6;position:relative;}
.mod2 dd a {border-left:4px solid #CCC;background-color:#F6F6F6;height:26px;line-height:26px;display:block;padding:0 0 0 5px;text-decoration:none;width:170px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mod2 dd a:hover {border-left:4px solid #F960C8;color:#FF00AD;}
.mod2 dd cite {position:absolute;top:0;right:5px;height:26px;line-height:26px;font-size:11px;}
.mod2 dd cite.update {color:#FF00AD;}

/*guide*/
#guide {padding:10px 1em 0 1em;clear:both;color:#06C;}
#guide a {text-decoration:underline;color:#06C;}
#guide a:hover {text-decoration:none;}

/*pageSize*/
#pageSize {margin:10px auto 0 auto;clear:both;background-color:#F5F5F5;width:692px;border:1px solid #DDD;padding:4px;position:relative;}
#pageSize ul {margin:2px 0 0 0;list-style:none;}
#pageSize ul li {float:left;line-height:20px;border:1px solid #CCC;margin:0 4px 0 0;}
#pageSize ul li.current {padding:0 8px;background-color:#daf5ff;border-bottom:1px solid #555;border-top:1px solid #03AAEF;border-left:1px solid #4238FF;border-right:1px solid #FE00A1;}
#pageSize ul li a {display:block;padding:0 8px;border:1px solid #FFF;text-decoration:none;}
#pageSize ul li a:hover {background:#FF00A1 url(../images/image.png) no-repeat -270px -75px;border:1px solid #E1008E;border-bottom:1px solid #555;color:white;}
#pageSize .select {position:absolute;right:8px;top:6px;}

#cpage {clear:both;margin:5px 0 0 0;}
#cpage span,#cpage span a {display:inline-block;}
#cpage span {border:1px solid #005AEE;margin:0 0 5px 0;background:#9BD7FA;}
#cpage span a {padding:0 5px;font-family:"ËÎÌå";line-height:1.5;text-decoration:none;border:1px solid #d8e7ff;}
#cpage span a:hover {background:#FFF;}
#cpage span.current {padding:1px 5px;background:white;border:none;font-weight:bold;color:red;}


/**/
#lc {float:left;width:728px;margin:0 0 0 2px;_display:inline;}
#rc {float:right;width:250px;margin:0 3px 0 0;_display:inline;}

/*link*/
#link {width:970px;margin:0 auto;clear:both;padding:5px;background-color:#F6F6F6;border:1px solid #CCC;}

#footer {text-align:center;}

/*ad*/
.at {position:absolute;left:200px;top:10px;width:760px;height:60px;background:#EEE;}
.al {clear:both;}
.ar {clear:both;margin:0 0 10px 0;}
.ah {clear:both;width:980px;margin:10px auto;}
.ato {margin:0 0 10px 0;clear:both;width:100%;}
.ao {width:360px;float:left;margin:0 0 0 4px;_display:inline;}
.bup { display:none }