/*※一括数値設定の順序は、左から「上」「右」「下」「左」*/

/*---- スライド・ボックス ----*/
#slidebox{
margin: 0px;
padding: 0px;
border: 1px solid #999;
}
#slidebox img{
position: absolute;
left: 0px;
top: 0px;
border: none;
}
/*---- スライド・ナビ ----*/
#slidenavi{
margin: 0px auto;
	padding: 0px 5px 5px 5px;
	text-align: center;
	height: 60px;
	background-attachment: scroll;
    background-color: #FFF;
	background-image: url(images/pattern_slideshow.gif);
	background-repeat: repeat;
	background-position: left top;
}
#slidenavi a{
/* インライン・ブロック化 */
display: -moz-inline-box;
display: inline-block;
/display: inline; /zoom: 1;
/* その他 */
color: #999;
text-decoration: none;
}
/* ボタン画像のスタイル（★） */
#slidenavi a img{
width: 110px;
height: auto;
margin: 0px;
padding: 0px;
background-color: #FFF;
}
/* 表示中 */
#slidenavi a.on{
	background-attachment: scroll;
	background-image: url(images/arrow_slideon.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#slidenavi a.on img{
	border: 2px solid #F00;
	filter:alpha(opacity=100);/*IE向け*/
	-moz-opacity: 1;/*Firefox（Mozzila）向け*/
	opacity: 1;/*Safari・Opera向け*/
	margin: 5px 2px 0px 2px;
	padding: 0px;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.498039) 2px 2px 1px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 2px 2px 1px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.498039) 2px 2px 1px 0px;
}
/* それ以外 */
#slidenavi a.off img{
border: solid 2px #fff;
filter:alpha(opacity=100);/*IE向け*/
-moz-opacity: 1;/*Firefox（Mozzila）向け*/
opacity: 1;/*Safari・Opera向け*/
margin: 5px 2px 0px 2px;
padding: 0px;
}
#slidenavi a:hover.off img{
	border: 2px solid #060;
	filter:alpha(opacity=100);/*IE向け*/
	-moz-opacity: 1;/*Firefox（Mozzila）向け*/
	opacity: 1;/*Safari・Opera向け*/
	margin: 5px 2px 0px 2px;
	padding: 0px;
}