@charset "utf-8";  
/*------------------------------------------------------------ 
    ?f?t?H???g?X?^?C?? 
------------------------------------------------------------*/
/*

	text-align: center;
	margin:0 auto;



*/
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;  
    background: transparent;  
    border: 0;  
    outline: 0;  
}  
  
body{
	overflow-x:hidden;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
	position: relative;
}
body,table,input,textarea,select,option {  
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: normal;
}
  
article, aside, canvas, details, figcaption, figure,div,p,
footer, header, hgroup, menu, nav, section, summary {  
    display: block;  
	word-wrap: break-word;
}  
  
ol, ul {  
    list-style: none;  
}  
  
blockquote, q {  
    quotes: none;  
}  
  
:focus {  
    outline: 0;  
}  
  
ins {  
    text-decoration: none;  
}  
  
del {  
    text-decoration: line-through;  
}  
  
a:link {  
	color:#FFFFFF;
	text-decoration:none;
}  
  
a:visited {  
	color:#EEEEEE;
	text-decoration:none;
}  
  
a:hover {  
	color:#EEEEEE;
	text-decoration:none;
	opacity:0.7;
}  
  
a:active {  
	color:#EEEEEE;
	text-decoration:none;
}

hr{
	clear:both;
	width:100%;
	color:#999999;
}

img{
	vertical-align:bottom;
}
  
/*------------------------------------------------------------ 
main
------------------------------------------------------------*/
html,body {
}
body{
	/*
	background-image: url("img/bg_grad.png");
	background-repeat: repeat-x;
	*/
}

h1{
}

#container{
	display:block;
	clear:both;
	width:1500px;
	height:1280px;
	overflow:hidden;
	background-color:transparent;
	text-align:center;
	margin:0 auto;
    position: absolute;
    top: 320px;
}
#main{
	display:block;
	top:0px;
	left:0px;
	width:992px;
	height:1280px;
	overflow:hidden;
	background-color:transparent;
    padding-top: 420px;
    position: relative;
}
#maininner{
	display:block;
	width:992px;
	height:1280px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-color:transparent;
}
#overphoto{
	display:block;
	position:absolute;
	top:373px;
	left:0px;
	width:1500px;
	height:113px;
	background-color:transparent;
}

.btn_close{
	display:block;
	position:absolute;
	top:492px;
	left:668px;
	width:23px;
	height:23px;
	background-color:transparent;
	cursor:pointer;
}
#btn_hotel_1{
	display:block;
	width:133px;
	height:154px;
	background-color:transparent;
	cursor:pointer;
}
#btn_hotel_1:hover {  
	opacity:0.7;
}  
#btn_hotel_2{
	display:block;
	width:138px;
	height:154px;
	background-color:transparent;
	cursor:pointer;
}
#btn_hotel_2:hover {  
	opacity:0.7;
}  
#btn_hotel_3{
	display:block;
	width:138px;
	height:154px;
	background-color:transparent;
	cursor:pointer;
}
#btn_hotel_3:hover {  
	opacity:0.7;
}  
#btn_hotel_4{
	display:block;
	width:137px;
	height:154px;
	background-color:transparent;
	cursor:pointer;
}
#btn_hotel_4:hover {  
	opacity:0.7;
}  
#btn_hotel_5{
	display:block;
	width:138px;
	height:154px;
	background-color:transparent;
	cursor:pointer;
}
#btn_hotel_5:hover {  
	opacity:0.7;
}  
#btn_hotel_6{
	display:block;
	width:138px;
	height:154px;
	background-color:transparent;
	cursor:pointer;
}
#btn_hotel_6:hover {  
	opacity:0.7;
}  
#btn_hotel_7{
	display:block;
	width:133px;
	height:154px;
	background-color:transparent;
	cursor:pointer;
}
#btn_hotel_7:hover {  
	opacity:0.7;
}  

#btn_check{
	display:block;
	position:absolute;
	top:1195px;
	left:630px;
	width:252px;
	height:51px;
	background-color:transparent;
	cursor:pointer;
}


#btn_map_sapporo{
	display:block;
	position:absolute;
	top:850px;
	left:418px;
	width:121px;
	height:14px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_meruqulsapporo{
	display:block;
	position:absolute;
	top:871px;
	left:401px;
	width:130px;
	height:14px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_nobotelsapporo{
	display:block;
	position:absolute;
	top:892px;
	left:400px;
	width:70px;
	height:14px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_ginza{
	display:block;
	position:absolute;
	top:962px;
	left:361px;
	width:154px;
	height:14px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_mer_sapporo{
	display:block;
	position:absolute;
	top:984px;
	left:360px;
	width:130px;
	height:13px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_yokosuka{
	display:block;
	position:absolute;
	top:1007px;
	left:360px;
	width:143px;
	height:13px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_shinjuku{
	display:block;
	position:absolute;
	top:912px;
	left:168px;
	width:84px;
	height:15px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_shinjuku{
	display:block;
	position:absolute;
	top:912px;
	left:168px;
	width:84px;
	height:15px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_ibis_sapporo{
	display:block;
	position:absolute;
	top:933px;
	left:20px;
	width:213px;
	height:15px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_kyoto{
	display:block;
	position:absolute;
	top:952px;
	left:19px;
	width:189px;
	height:15px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_koshien{
	display:block;
	position:absolute;
	top:974px;
	left:101px;
	width:82px;
	height:15px;
	background-color:transparent;
	cursor:pointer;
}
#btn_map_okinawa{
	display:block;
	position:absolute;
	top:1154px;
	left:153px;
	width:154px;
	height:13px;
	background-color:transparent;
	cursor:pointer;
}




#popup_ginza{
	display:none;
	position:absolute;
	top: 15%;
	left: 0;
	right: 0;
	width:1px;
	height:1px;
	background-color:transparent;
	z-index: 999;
}
#popup_ginza_inner{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}
#popup_kyoto{
	display:none;
	position:absolute;
	top: 15%;
	left: 0;
	right: 0;
	width:1px;
	height:1px;
	background-color:transparent;
	z-index: 999;
}
#popup_kyoto_inner{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}
#popup_ibis_sapporo{
	display:none;
	position:absolute;
	top: 15%;
	left: 0;
	right: 0;
	width:1px;
	height:1px;
	background-color:transparent;
	z-index: 999;
}
#popup_ibis_sapporo_inner{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}
#popup_mer_sapporo{
	display:none;
	position:absolute;
	top: 15%;
	left: 0;
	right: 0;
	width:1px;
	height:1px;
	background-color:transparent;
	z-index: 999;
}
#popup_mer_sapporo_inner{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}
#popup_okinawa{
	display:none;
	position:absolute;
	top: 15%;
	left: 0;
	right: 0;
	width:1px;
	height:1px;
	background-color:transparent;
	z-index: 999;
}
#popup_okinawa_inner{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}
#popup_tokyoshinjuku{
	display:none;
	position:absolute;
	top: 15%;
	left: 0;
	right: 0;
	width:1px;
	height:1px;
	background-color:transparent;
	z-index: 999;
}
#popup_tokyoshinjuku_inner{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}
#popup_yokosuka{
	display:none;
	position:absolute;
	top: 15%;
	left: 0;
	right: 0;
	width:1px;
	height:1px;
	background-color:transparent;
	z-index: 999;
}
#popup_yokosuka_inner{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}






#p_ginza{
	display:none;
	position:absolute;
	top:92px;
	left:27px;
	width:645px;
	height:308px;
	background-color:transparent;
	cursor:pointer;
}
#p_kyoto{
	display:none;
	position:absolute;
	top:92px;
	left:27px;
	width:645px;
	height:308px;
	background-color:transparent;
	cursor:pointer;
}
#p_ibis_sapporo{
	display:none;
	position:absolute;
	top:92px;
	left:27px;
	width:645px;
	height:308px;
	background-color:transparent;
	cursor:pointer;
}
#p_mer_sapporo{
	display:none;
	position:absolute;
	top:92px;
	left:27px;
	width:645px;
	height:308px;
	background-color:transparent;
	cursor:pointer;
}
#p_okinawa{
	display:none;
	position:absolute;
	top:92px;
	left:27px;
	width:645px;
	height:308px;
	background-color:transparent;
	cursor:pointer;
}
#p_shinjuku{
	display:none;
	position:absolute;
	top:92px;
	left:27px;
	width:645px;
	height:308px;
	background-color:transparent;
	cursor:pointer;
}
#p_yokosuka{
	display:none;
	position:absolute;
	top:92px;
	left:27px;
	width:645px;
	height:308px;
	background-color:transparent;
	cursor:pointer;
}





#btn_plan_ginza{
	display:none;
	position:absolute;
	top:418px;
	left:27px;
	width:417px;
	height:86px;
	background-color:transparent;
	cursor:pointer;
}
#btn_plan_kyoto{
	display:none;
	position:absolute;
	top:418px;
	left:27px;
	width:417px;
	height:86px;
	background-color:transparent;
	cursor:pointer;
}
#btn_plan_ibis_sapporo{
	display:none;
	position:absolute;
	top:418px;
	left:27px;
	width:417px;
	height:86px;
	background-color:transparent;
	cursor:pointer;
}
#btn_plan_mer_sapporo{
	display:none;
	position:absolute;
	top:418px;
	left:27px;
	width:417px;
	height:86px;
	background-color:transparent;
	cursor:pointer;
}
#btn_plan_okinawa{
	display:none;
	position:absolute;
	top:418px;
	left:27px;
	width:417px;
	height:86px;
	background-color:transparent;
	cursor:pointer;
}
#btn_plan_toyoshinjuku{
	display:none;
	position:absolute;
	top:418px;
	left:27px;
	width:417px;
	height:86px;
	background-color:transparent;
	cursor:pointer;
}
#btn_plan_yokosuka{
	display:none;
	position:absolute;
	top:418px;
	left:27px;
	width:417px;
	height:86px;
	background-color:transparent;
	cursor:pointer;
}


#btn_plan{
	display:block;
	position:absolute;
	top:2688px;
	top:2552px;
	left:362px;
	width:379px;
	height:48px;
	background-color:transparent;
	cursor:pointer;
}
#btn_basic{
	display:block;
	position:absolute;
	top:2983px;
	left:362px;
	width:379px;
	height:48px;
	background-color:transparent;
	cursor:pointer;
}


#hotelbtns{
	display:block;
	position:relative;
	clear:both;
	width:100%;
	background-color:transparent;
	text-align:center;
	margin:0 auto;
}

#hotelbtn_1{
	display:block;
	position:absolute;
	top:827px;
	left:226px;
	width:332px;
	height:108px;
	opacity:1.0;
	cursor:pointer;
}
#hotelbtn_2{
	display:block;
	position:absolute;
	top:827px;
	left:572px;
	width:332px;
	height:108px;
	opacity:1.0;
	cursor:pointer;
}
#hotelbtn_3{
	display:block;
	position:absolute;
	top:827px;
	left:914px;
	width:332px;
	height:108px;
	opacity:1.0;
	cursor:pointer;
}


#pr{
	display:block;
	position:relative;
	clear:both;
	width:1100px;
	padding-top:30px;
	overflow:hidden;
	color:#000;
	background-color:transparent;
	text-align:center;
	margin:0 auto;
}

#slide{
	position:absolute;
	top:0px;
	left:0px;
	width:1100px;
	height:364px;
	overflow:hidden;
	background-color:transparent;
}
#slide_innerblock{
	position:relative;
	height:100%;
	width:100%;
	background-color:transparent;
}

#totop{
	display:none;
	position:fixed;
	right:30px;
	bottom:50px;
	width:50px;
	height:50px;
	background-color:transparent;
	cursor:pointer;
}

/*------------------------------------------------------------ 
sub
------------------------------------------------------------*/

.myClear{
	clear:both;
}
.myClear_15{
	clear:both;
	width:100%;
	height:15px;
	background-color:transparent;
}
.myClear_20{
	clear:both;
	width:100%;
	height:20px;
	background-color:transparent;
}


.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}