/*
======== table of content. ===============

summary:レスポンシブ基本要素

==========================================
*/

html, body { background:transparent; margin:0; padding:0; }

#sliders { position:relative; max-width:980px; overflow:hidden;  }
.sp-slides .sp-slide { float:left; margin:0 1% 10px 0; width:32.5%; }
.sp-slides .sp-slide:nth-child(3n) { margin-right:0; }
.sp-slides .sp-slide .sp-image { width:320px; height:240px; vertical-align:top; }
.txt_case { position:relative; margin:0 10px; padding:6px 0 0 32px; color:#fff; font-size:114.2%; } 
.txt_case img { position:absolute; left:0; top:0; }

#ie9,
#ie8 { width:980px; }

#ie9 .sp-slides .sp-slide .sp-image,
#ie8 .sp-slides .sp-slide .sp-image { width:320px!important; height:240px!important; vertical-align:top; }