.lead_main{
	width: 540px;
	margin: 10px auto;
	text-align: left;
}

.ss_box{
	width: 555px;
	height: 460px;
	margin: 0 auto;
	text-align: center;
	padding-top:24px;
	background:url(../image/ship/cont_bg.png) top center no-repeat;
}
.btn_box{
	width: 400px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 0 0;
}

.left_box{
	width: 80px;
	height: 17px;
	margin: 0 auto;
	text-align: left;
	/* background:url(/dol/gallery/image/ship/btn_previous.png) top center no-repeat; */
	float: left;
}
.right_box{
	width: 80px;
	height: 17px;
	margin: 0 auto;
	text-align: left;
	/* background:url(/dol/gallery/image/ship/btn_next.png) top center no-repeat; */
	float: right;
}



/* slider
------------------------------------------------------------------------ */

#slider {
    position: relative;
    margin: 0 auto;
    width: 520px;
}

#slider a:focus {
    outline: 0;
}

.slider-view {
    position: relative;
    margin: 0;
    width: 520px;
    height: 390px;
    overflow: hidden; /* 必須 */
}

/* width は js で指定するのでここでは書かない */
.slider-container {
    position: absolute;
    top: 0;
    left: 0;
}

/* スライドするコンテンツ部分 */
.slider-container div {
    position: relative; /* ループ処理に使う */
    float: left;
    width: 520px; /* view と同じ大きさに */
    height: 390px;
}

/* デモ用 --------*/
.slider-container div a {
    display: block;
}

.slider-container div a:hover {
    color: #600;
}
/*-------- ここまで */

/* 進む、戻るの配置とデコレーション */
#slide-prev, #slide-next {}

#slide-prev {
    left: 2px;
}

#slide-next {
    right: 2px;
}

#slide-prev:hover,
#slide-next:hover {
    color: #ccc;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

/* ページネーションの配置とデコレーション */
.slider-pagination {
    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -110px;
    width: 250px;
}

.slider-pagination a {
    float: left;
    margin: 5px 5px 0;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    background: #f7f7f7;
    border: solid 1px #c8ac52;
    text-indent: -9999px;
    vertical-align: middle;
}

.slider-pagination a:hover {
    background: #f7de7b;
}

/* 現在表示しているコンテンツと同じページナンバー */
.slider-pagination a.current {
    box-shadow: 1px 1px 2px rgba( 0,   0,   0, 0.5) inset,
                0   0   2px rgba(68, 170, 238, 0.5);
    background: #c8ac52;
}



.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}