@charset "utf-8";

/*---------------------- shuffle ---------------------- */
.board_inner { width: 280px; height: 195px; padding: 0; background: url(../img/bg_recent_project.gif) no-repeat 0 0; margin-top: 25px; display: block; }

.prev_over .board_inner { background-position: 0 -390px; }
.next_over .board_inner { background-position: 0 -195px; }

#shuffle,
.js_enabled { width:280px; height:195px; position: relative; display: block; }
.pagination { visibility: hidden; }
.js_enabled .pagination { visibility: visible; }
.js_enabled .pagination { width: 25px; height: 195px; position: absolute; top: 0; }
.js_enabled .pagination a { display: block; width: 25px; height: 195px; }
.js_enabled .pagination a:link,
.js_enabled .pagination a:visited { background-position: 0 0; }


.js_enabled .prev .more { background: url(../img/bt_shuffle_prev.gif) 0 0 no-repeat; }
.js_enabled .next .more { background: url(../img/bt_shuffle_next.gif) 0 0 no-repeat; }
.js_enabled .prev { left: 0; }
.js_enabled .next { left: 255px; }
#thumbnail { width: 230px; height:172px; overflow: hidden; position: absolute; top: 11px; left: 25px; }
#thumbnail p { text-align: center; }
#thumbnail p img { vertical-align: bottom; }
#thumbnail ul { width: 3000px; text-align: left; }
#thumbnail ul li { width: 230px; height: 172px; float: left; line-height: 1.4em; }
#thumbnail ul li.scroll_top { width: 169px; padding: 0; }


#recent_projects #thumbnail ul.keyword_list li { line-height: 0; position: relative; }
#recent_projects #thumbnail ul.keyword_list li a img { z-index: 0; }
#recent_projects #thumbnail .project_txt { position: absolute; background-color: #000000;

/*半透明用css*/
 filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;
 
  width: 230px; height: 173px;
  
/*黒背景テーブル位置調整css*/  
  top: 0px;
  
  left: 0; z-index: 1; }
#recent_projects #thumbnail .project_txt tr td { padding: 0 10px; vertical-align: middle; }
#recent_projects #thumbnail .project_txt dl { }
#recent_projects #thumbnail .project_txt dt { font-size: 84%; color: #0099cc; font-weight: bold; }
#recent_projects #thumbnail .project_txt dd { font-size: 84%; color: #FFFFFF; margin-top: 10px; }

/* portfolio_pickup */
.portfolio #snav_picup .board_inner { width: 230px; padding: 0 10px; background: none; margin-top: 15px; display: block; }
.portfolio #snav_picup #shuffle { width: 230px; height:172px; position: relative; display: block; }
.portfolio #snav_picup #thumbnail { height: 172px; left: 0; top: 0; }

.portfolio #snav_picup #thumbnail ul.keyword_list li { line-height: 0; position: relative; }
.portfolio #snav_picup #thumbnail ul.keyword_list li a img { z-index: 0; }
.portfolio #snav_picup #thumbnail .project_txt { position: absolute; background-color: #000000;

/*半透明用css*/
 filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;
 
  width: 230px; height: 172px;
  
/*黒背景テーブル位置調整css*/  
  top: 0px;
  
  left: 0; z-index: 1; }
.portfolio #snav_picup #thumbnail .project_txt tr td { padding: 0 10px; vertical-align: middle; }
.portfolio #snav_picup #thumbnail .project_txt dl { }
.portfolio #snav_picup #thumbnail .project_txt dt { font-size: 84%; color: #0099cc; font-weight: bold; }
.portfolio #snav_picup #thumbnail .project_txt dd { font-size: 84%; color: #FFFFFF; margin-top: 10px; }