@charset "utf-8";

/*---------------------- shuffle ---------------------- */
.board_inner { /*width: 195px; 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:195px; height:195px;*/ position: relative; display: block; }
.pagination { visibility: hidden; }
.js_enabled .pagination { visibility: visible; }
.js_enabled .pagination { width: 80px; height: 16px; position: absolute; top: 0; }
.js_enabled .pagination a { display: block; width: 81px; height: 16px; }
.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 #FFCCCC; text-align:left; padding:2px 0 0 3px;}
.js_enabled .next .more { background: url(../img/bt_shuffle_next.gif) 0 0 no-repeat #FFCCCC; text-align:right; padding:2px 3px 0 0;}
.js_enabled .prev { left: 0; top:160px; }
.js_enabled .next { left: 83px; top:160px;  }
#thumbnail { width: 167px; height:160px; overflow: hidden; position: absolute; top:0; left:0; /*top: 11px; left: 25px;*/ }
#thumbnail p { text-align: center; }
#thumbnail p img { vertical-align: bottom; }
#thumbnail a img { border:none !important; }
#thumbnail ul { width: 3000px; text-align: left; margin:0; padding:0; list-style-type:none; }
#thumbnail ul li { width: 167px; height:160px; float: left; line-height: 1.4em; margin:0; padding:0;}
#thumbnail ul li.scroll_top { width: 167px; padding: 0; border:1px solid red; }



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

.portfolio #snav_picup #thumbnail ul.keyword_list li { line-height: 140%; 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: 167px; height:160px;
  
/*黒背景テーブル位置調整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: 120%; color: #FFFFFF !important; font-weight: bold; padding-bottom:5px; }
.portfolio #snav_picup #thumbnail .project_txt dd { font-size: 120%; color: #FFFFFF; margin-top: 10px; }


.portfolio #snav_picup #thumbnail .project_txt dt a {color: #FFFFFF !important;}
.portfolio #snav_picup #thumbnail .project_txt dt a:hover {color: #333 !important;}