@charset "utf-8";
/* CSS Document */

/*---------------blog---------------*/
#blog-navigation{  margin:20px 0 20px; padding:0; }
#blog-navigation li{float:left; display:inline; margin-right:5px;}
#blog-navigation li.end{ margin:0;}

#blog-navigation li a:hover img { opacity:0.8; filter:alpha(opacity=80); }

#blog h3{ background:url(../imgdir/common/title_bar_1st.gif) top left no-repeat; height:21px; line-height:21px; color:#FFF; text-indent:21px; font-weight:bold; clear: both; margin-top: 15px; text-transform:uppercase; }

#blog h4{ background:url(../imgdir/common/icon01.gif) top left no-repeat; height:21px; line-height:14px; color:#000; text-indent:14px; font-weight:bold; clear: both; margin-top: 15px; text-transform:uppercase;}
.blog-box {clear: both; width:600px; display: block;}
.blog-box dl ,.blog-box dt ,.blog-box dd{ margin: 0; padding: 0;}
.blog-box h5{ clear: both;}
.blog-box dl{ float:left; display:inline; margin-right:5px;padding-bottom:15px;}
.blog-box dd{margin-top:7px;}
.blog-box dt a:hover img { opacity:0.8; filter:alpha(opacity=80); }