/*----------------------------------------------------------
    reset
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro Pro W3",'メイリオ','Meiryo',"Osaka",Arial,sans-serif;
    font-size: .875em;
    min-width: 1000px; background-color:#FFFFFF; }

img {
    border: 0;
    margin:0;
    padding:0
}



ul li { list-style-type: none;}
ol { list-style: decimal outside none; }


.clear {
    clear: both;
}

.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}
	

a:hover img {
filter:brightness(115%);
}



/*----------------------------------------------------------
                frame
------------------------------------------------------------*/



#bg_01 { background-color:#080507;}
#bg_02 { background-color:#ffffff;}
#bg_03 { background-color:#929497;}
#bg_04 { background-color:#e3e3e3;}

h1{
	width:502px;
	height: 435px;
	z-index: 0;
	text-indent: -9999px;
	overflow: hidden;
	top: 142px;
	left: 920px;
	margin-left: -475px;
	position: absolute;

}


.btn_c { margin: 0 4px;}


.cnt_01 { width:1000px;
	margin: 0 auto ;
	padding:0 0 34px 0;
    position: relative;
    z-index: 999; text-align:center;}
	
.cnt_02 { width:1000px;
	height:897px;
	margin: 0 auto;
    position: relative;
    z-index: 999; text-align:center;}
	
.cnt_03 { width:1000px;
	margin: 0 auto;
	padding: 28px 0 18px 0;
    position: relative;
    z-index: 999; text-align:center;}
	
.cnt_04 { width:1000px;
	margin: 0 auto;
    position: relative;
    z-index: 999; text-align:center;}
	
	

.bn_s { width:252px;
	margin:0 0 0 7px;
	padding: 0 0 9px 0;
	}
	
.bn_l { width:359px;
	float:left;
	margin:0 7px 0 0;
	}

.bn_l_box {
	padding:19px 0 0 0;
	}
	
.bn_s_box {
	float:left;
	width:260px;
	}



.lotel_box { width:187px;
	float:left;
	margin:0 6px;
	padding:0 0 28px 0;
	}
	
.lotel_box img {
 padding:0 0 14px 0;}	

.hotel_wrap {
	margin:0 2px;
	}



html,body{
    width: 100%;
}

/*----------------------------------------------------------
                縦スライダー
------------------------------------------------------------*/


/*サムネイルのポインターの色を変える*/
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border-color: #fcbf3a;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  color: #fcbf3a;
}
/*縦スライド時の矢印の位置*/
.sp-vertical .sp-previous-arrow {
  top: 0;
}
.sp-vertical .sp-next-arrow {
  bottom: 0;
}