* { margin: 0; padding: 0 }
p { text-align: left; margin: 15px 0 }
p, ul { font-size: 13px; line-height: 1.4em } 
h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }

.slider-wrap {position: relative;width: 666px;}
 
 
.stripViewer { /* スライドパネルの大外枠 */
position: relative;
overflow: hidden; 
border: 3px solid #000;
width: 660px;
height:100%;
clear: both;
background: #fff;
}
 
.stripViewer .panelContainer { /* スライドパネルの外枠 */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
}
 
.stripViewer .panelContainer .panel { /* 実際にスライドするパネル */
float:left;
height: 100%;
position: relative;
width: 660px; 
}
 
.stripViewer .panelContainer .panel .wrapper { padding: 10px;}
 
.stripNav { border-left:1px solid #000;margin-left:-1px;}
 
.stripNav ul {list-style: none; display:none}/*タブメニュー、簡単に非表示にするにはdisplay:noneを追加*/
 
.stripNav ul li {float: left;}
 
.stripNav a {/*タブメニューのリンク部分*/
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 32px;
background: #c6e3ff;
color: #000;
text-decoration: none;
display: block;
padding: 0 15px;
background:#fff;
border:1px solid #000;
border-left:none;
}
 
.stripNav li.tab1 a {border-left:1px solid #000; }
 
.stripNav li a:hover {background: #999;}/*マウスオン*/
 
.stripNav li a.current {background: #000;color: #fff;}/*選択されているタブ*/
 
.stripNavL, .stripNavR {/*矢印、簡単に非表示にするにはdisplay:noneを追加*/
position: absolute;
display:none
top: -2px;
text-indent: -9000em;
}
 
.stripNavL a, .stripNavR a {display: block;height: 40px;width: 40px;}/*矢印のサイズ*/
.stripNavL {left: 580px;background: url("images/arrow-left.gif") no-repeat center;}/*左矢印の位置*/
.stripNavR {right: 0;background: url("images/arrow-right.gif") no-repeat center;}/*右矢印の位置*/

div slider1{ overflow: hidden; }