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

#col1{ width:400px; float:left;  }
#col2{ float:right; width:350px; }
#content h2, #content h3{ font-size:1.1em; color:#772D77; }


#col1 h2{ height:40px; }
#col1 h2.clear{ padding-top:20px; height:20px; }


/*portfolio list*/
#col1 dl{ width:120px; float:left; margin:0 5px 10px 0; }
#col1 dl:hover dd{ background:#CFCFCF; }
#col1 dl:hover dt a{ border:solid 3px #772D77; height:120px; width:120px; }
#col1 dt{ height:112px; width:120px; margin-bottom:2px; background-repeat:no-repeat; text-indent:-1000em; }
#col1 dt a{ height:112px; width:120px; display:block; }
#col1 dd{ height:23px; background:#e8e8e8; padding:4px 0 0 3px; }
#col1 dd a{ font-weight:bold; text-decoration:none; }
#col1 dl.current dd{ background:#CFCFCF; }
#col1 dl.current dt a{ border:solid 3px #772D77; height:106px; width:120px; }




/*portfolio item*/
#col2 h3{ margin-top:20px; }
#col2 a.urllink{ color:#999; text-decoration:none; }
#col2 div{ height:73px; }
#col2 h3{ color:#5c5c5c; }