@charset "UTF-8";
#title-bg { display:block; height:90px; padding-top:10px; width:504px; background:url(title_bg.jpg) no-repeat #222; border:1px solid #666;}
#contents h1 { color:#FFF; font-size:25px; line-height:85px;height:85px;padding:0 0 0 8px; margin:0 0 0 0; border-bottom: 2px solid #fff; }

.tree_navi { display:block; text-align:right; font-size:10px;color:#999;}
.tree_navi a { color:#999; text-decoration:none; padding:0 5px;}
.tree_navi a:hover { color:#222; text-decoration:none; padding:0 5px;}
.tree_navi strong { color:#222; font-weight:normal; padding:0 5px;}

#art { width:506px; background:url(../images/art.gif) no-repeat; background-position:left top; border-top:2px solid #222;}
.art { width:480px; margin:20px 0 0 15px; clear:both; background-position:left top; }
.art h2 { color:#222; font-size:14px; line-height:20px; margin:10px 0; padding:0 0 0 22px;background-image:url(../images/pt2.gif); background-position:left; background-repeat:no-repeat;}
.art p { font-size:12px; line-height:18px; color:#333; padding:0 10px 0 25px; margin:0;}
.art-image1 { float:right; width:180px; margin:5px 5px 5px 10px; padding:1px;  border: 1px solid #666;}
.art-image1 img { border:none;}
.art-image2 { float:right; width:180px; margin:0 5px 0 10px; clear:right; padding:1px;  border: 1px solid #666;}
.art-image2 img { border:none;}

.art-link a { color:#666;}
.art-link a:hover { color: #222;}

.art-end {clear:both; height:10px; overflow:hidden; display:block;}
.art-end hr {filter: alpha(opacity=0.2);opacity:.02}

.date { font-size:9px; font-family: Arial, Helvetica, sans-serif; }

.linklist {clear:both;display:block;text-align:center; font-size:12px; color:#222; line-height:14px;height:16px; margin-top:15px;}
.linklist a { color:#666; border:1px solid #FFF; padding:0 4px; text-decoration:none; font-weight:bold;}
.linklist a:hover { color:#222; padding:0 4px; text-decoration:none; font-weight:bold;}
.linklist strong { color:#222; padding:0 4px; text-decoration:none; }

.art-cat {text-align:left; display: block; clear:both; height:auto; padding:5px;font-size:10px; line-height:16px; }
.art-cat strong { float:left; color:666;}
.art-cat ul { margin:0;padding:0 10px; list-style: none;float:left;}
.art-cat li { margin:0;padding:0 0 0 0; display:block; float:left;white-space:nowrap; line-height:16px;}
.art-cat li A {color: #666; text-decoration:none; font-weight:bold;}
.art-cat li A:hover {color: #222; text-decoration: underline;font-weight:bold;}

#memberlink { background:url(../images/memberlink.gif) #fff repeat-x; background-position:bottom; line-height:20px; text-align:right; font-size:11px; font-weight:bold; display:block;}
#memberlink a { color:#666; padding:0 5px 0 20px;background:url(../images/pt0.gif) #fff no-repeat; text-decoration:none;}
#memberlink a:hover { color:#222;padding:0 5px 0 20px;background:url(../images/pt2.gif) #fff no-repeat; text-decoration:none;}