@charset "utf-8";
/* CSS Document */

body  {
	font-size:13px;
*font-size:small; *font:x-small; 	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../images/bodyBg.gif);
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
table { font-size:inherit; font:100%; }
select,input,textarea { font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif; font-size:99%; }
h1,h2,h3,p,ul,dl,dt,dd,form { margin: 0px; padding: 0px; }
img { border-style: none; }
ul,dl { list-style: none; }
a { color: #333333; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { margin: 0; padding: 0; width:140px; height:80px; background: url(../images/_.gif) no-repeat; text-indent:-9999px; }
a#h1_link{ margin: 0; padding: 0; width:140px; height:80px; display:block; }
#page { background: url(../images/pageBg.jpg) repeat-x; }
#header { background: url(../images/headerBg.jpg) no-repeat center top; }
#header .inner { background: url(../images/headerInnerBg.jpg) no-repeat; width: 990px; margin: 0px auto; text-align: left; }
#header .inner .wrap { width: 990px; overflow: hidden; }
#header .left { float: left; width: 200px; }
#header .right { float: right; width: 760px; }
#header .right strong { text-align: right; display: block; }
#header .right .navi { width: 760px; overflow: hidden; height: 47px; }
#header .right .navi li { float: left; margin-right: 1px; }
#header .right .navi a { display: block; height: 47px; text-indent: -6666px; }
#header .right .navi a:hover { background-repeat:no-repeat; }
#header .right .navi .n01 a { width: 123px; }
#header .right .navi .n02 a { width: 123px; }
#header .right .navi .n03 a { width: 123px; }
#header .right .navi .n04 a { width: 123px; }
#header .right .navi .n05 a { width: 103px; }
#header .right .navi .n06 a { width: 139px; }
#header .right .navi .n01 a:hover { background: url(../images/navi01.jpg); }
#header .right .navi .n02 a:hover { background: url(../images/navi02.jpg); }
#header .right .navi .n03 a:hover { background: url(../images/navi03.jpg); }
#header .right .navi .n04 a:hover { background: url(../images/navi04.jpg); }
#header .right .navi .n05 a:hover { background: url(../images/navi05.jpg); }
#header .right .navi .n06 a:hover { background: url(../images/navi06.jpg); }
#header .sub { margin: 0px auto; height: 28px; width: 990px; text-align: left; }
#header .sub .pkz {
	float: left;
	width: 400px;
	padding-top: 7px;
	font-size: 93%;
	color: #C8A666;
	padding-left: 20px;
}
#header .sub .pkz2 {
	float: left;
	font-size: 93%;
	color: #cccccc;
	padding-right: 5px;
}
#header .sub .pkz a {
	color: #cccccc;
	text-decoration: underline;
}

#header .sub .size { float: right; width: 200px; padding-top: 2px; }
#header .sub .size img { vertical-align: bottom; }
#header .sub .size a { margin-right: 10px; }
#footer {
	height: 238px;
	text-align: center;
	clear: both;
	background-color: #221818;
	background-image: url(../images/footerBg.gif);
	background-repeat: repeat-x;
}
#footer .inner { background: url(../images/footerInnerBg_2.jpg) no-repeat; margin: 0px auto; width: 978px; text-align: right; padding-top: 12px; padding-right: 12px; }
#footer .inner img {
	margin-right: 10px;
	vertical-align: middle;
	padding-top: 10px;
	margin-top: 5px;
}
#footer .inner .goto {
	margin-right: 10px;
}
#footer address { padding-top: 18px; }
#contentShadow { background: url(../images/contentBgShadow.png) repeat-y; margin: 0px auto; width: 1018px; }
#content { background: url(../images/contentBg.jpg) repeat-y; margin: 0px auto; width: 990px; }
#content .inner {
	background: url(../images/contentFootBg.jpg) no-repeat left bottom;
	width: 990px;
	overflow: hidden;
	text-align: left;
	padding-bottom: 60px;
}
#main { float: left; width: 695px; padding-left: 35px; }
#sub { float: right; width: 260px; padding-bottom: 10px; }
#sub .reserve { background: url(../images/sub01_dummy.jpg) no-repeat; height: 186px; width: 220px; margin-bottom:-20px; padding-top: 40px; overflow: hidden; }
#sub .reserve_harbor { background: url(../images/sub01_dummy_harbor.jpg) no-repeat; height: 235px; width: 220px; margin-bottom:-20px; padding-top: 40px; overflow: hidden; }
#sub .reserve_harbor .bt_search { padding-left:10px}


/*
#sub .reserve { background: url(../images/sub01.jpg) no-repeat; height: 290px; width: 220px; margin-bottom: 15px; padding-top: 40px; overflow: hidden; }
*/

.select1_p {padding-top: 61px;
	padding-left: 13px;
	float: left;
	padding-right: 13px;
}
.select1 {
	font-size: 93%;
}
.select2_p {
	padding-top: 61px;
}
.select2 {
	font-size: 93%;
}
.select3_p {
	padding-left: 13px;
	float: left;
	padding-top: 22px;
	padding-right: 26px;
}
head~/* */body .select3_p {
	padding-top: 25px\9;
}
.select3 {
	font-size: 93%;
	width: 76px;
}
.select4_p {
	padding-top: 22px;
}
head~/* */body .select4_p {
	padding-top: 25px\9;
}
.select4 {
	font-size: 93%;
	width: 77px;
}
.rsv_submit {
	padding-left: 11px;
	padding-top: 14px;
}

.link1 {
	width: 203px;
	height:125px;
	display:block;
	overflow:hidden;
	padding-top: 60px;
	padding-left: 19px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	clear: both;
	float: none;
	background-image: url(../images/special_bg.jpg);
}


.link1_1 {
	width: 203px;
	height:125px;
}
.link1_p {
	padding-top: 62px;
	padding-left: 12px;
	width: 110px;
}


.link1 a {
	display:block;
	overflow:hidden;
	text-decoration: none;
	line-height: 18px;
	background-image: url(../../shop/img_other/sti1.jpg);
	height: 125px;
	padding: 0px;
}

.link1 a:hover{
	background-position: 0 0;
	text-decoration: none;
	background-image: url(../images/special_bg.jpg);
}

.spc1 {
	z-index:0;
}
.spc2{
	padding-top: 5px;
	padding-left: 11px;
}
.spc3 {
	position:relative;
	width:115px;
	height:43px;
	z-index:1;
	top: -70px;
	padding-left: 7px;
	font-size: 93%;
	letter-spacing: 0%;
	line-height: 100%;
}

#search table{ border-top: none; border-right: none; border-bottom: none; border-left: none; width: auto; margin-left: 9px; font-size: 14px; }
#search table td { padding: 2px; }
#search table .year_month_489ban { margin-right: 10px; }
#search table #search_button_489ban { margin-top: 5px; background: url(../images/reserve_bt.jpg) no-repeat; height: 45px; width: 203px; border-style: none;font-size:0;color: #333333;}

#sub .banner { }
#sub .map { margin-bottom:15px; }
#sub .banner img { margin-bottom: 15px; }
#sub .rank { background: url(../images/sub04.jpg) no-repeat left bottom; line-height: 1.5; padding-bottom: 20px; margin-bottom: 15px; font-size: 93%; }
#sub .rank dt { padding-top: 15px; }
#sub .rank dd { width: 200px; padding-left: 10px; overflow: hidden; }
#sub .rank dd img { float: right; }
#sub .ot_link {}
#sub .ot_link ul {}
#sub .ot_link ul .li_mynavi {
	padding-bottom: 15px;
	padding-left: 12px;
}


#floatmenu {
	width: auto;
	margin: auto;
}
#floatmenuinner {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 5;
}
#menu {
	position:absolute;
	right: 990px;
	top: 555px;
	/top: 600px;
	/*_top: 100px;*/
}
#menu a {
	height: 82px;
	width: 29px;
}


/* Font */
.red{color:#990000}

/* float */
.clearB{clear:both}
.floatL{float:left}
.floatR{float:right}


/* tripadvisor */
.widLNK{text-align:left; width:224px!important; margin:-15px -20px 5px 0!important}

#fbn_box {
	text-align: left;
	padding-right: 35px;
	padding-left: 21px;
}

#fbn_box p {
	text-align: left;
}


#fbn_box ul {
	padding-left: 14px;
}


#fbn_box li {
	float: left;
	padding-right: 4px;
	padding-bottom: 10px;
}


.group_box {
	background: url(../images/bg_group.png) no-repeat top left;
	height: 815px;
	width: 680px;
	clear: both;
	margin: 0 auto;
	padding-bottom:100px;
}

.ti_group {
	padding-top: 7px;
	padding-left: 6px;
	padding-bottom: 10px;
}

.group_map {
	width:287px;
	height:252px;
	padding-left: 26px;
}

.group_list {
	width:623px;
	height:429px;
	padding-left: 20px;
}
.group_list p{
	padding:0;
	margin:0;
	border:0;
	line-height:100%;}
.group_list a:hover{
	text-decoration:none;	
}
.group_list_l {
	width:309px;
	float:left;
}
.group_list_r {
	width:309px;
	float:right;
}
.group_list_l ul li a{
	zoom: 1;}
.group_list_r ul li a{
	zoom: 1;}
ul li.group01 p{
	height:55px;
	width:174px;
	background: url(../../images/gr_sti1.jpg) top left no-repeat;
	padding:25px 0 0 135px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	line-height:170%;

}
ul li.group02 p{
	height:45px;
	width:174px;
	background: url(../../images/gr_sti2.jpg) top left no-repeat;
	padding:35px 0 0 135px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	line-height:170%;

}
ul li.group03 p{
	height:45px;
	width:174px;
	background: url(../../images/gr_sti3.jpg) top left no-repeat;
	padding:35px 0 0 135px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	line-height:170%;

}
ul li.group04 p{
	height:45px;
	width:174px;
	background: url(../../images/gr_sti4.jpg) top left no-repeat;
	padding:35px 0 0 135px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	line-height:170%;

}
ul li.group05 p{
	height:45px;
	width:174px;
	background: url(../../images/gr_sti5.jpg) top left no-repeat;
	padding:35px 0 0 135px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	line-height:170%;

}
ul li.group06 p{
	height:45px;
	width:174px;
	background: url(../../images/gr_sti6.jpg) top left no-repeat;
	padding:35px 0 0 135px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	line-height:170%;

}
ul li.group07 p{
	height:55px;
	width:174px;
	background: url(../../images/gr_sti7.jpg) top left no-repeat;
	padding:25px 0 0 135px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	line-height:140%;

}
ul li.group08 p{
	height:45px;
	width:174px;
	background: url(../../images/gr_sti8.jpg) top left no-repeat;
	padding:35px 0 0 135px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	line-height:170%;

}
ul li.group09 p{
	height:45px;
	width:174px;
	background: url(../../images/gr_sti9.jpg) top left no-repeat;
	padding:35px 0 0 135px;
	color:#CCCCCC;
	font-size:10px;
	font-weight:bold;
	line-height:170%;

}


.gr_box {
	width:309px;
	height:90px;
	float:left;
}
#group_link{
	display:block;
	position:absolute;
	top:0;
	z-index:100;
}
.group_box2{
	background-image: url(../../images/group_box2_bg.jpg);
	background-repeat: repeat;
	border-radius: 5px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}
.group_box2 .group_box2_in{
	padding: 20px;
}
.group_box2 h3{
	padding-bottom: 25px;
}
.group_box2 dl{
	float: left;
	margin-right: 19px;
}
.group_box2 .dl_r{
	margin-right: 0px;
}
.group_box2 dl ul{
	height: 80px;
}
.group_box2 dl li{
	color: #FFFFFF;
}


.mb15{
	margin-bottom: 15px;
}
#search_489ban{
    width: 90%;
    margin: auto;
    text-align: center;
    padding-top: 5px;
}
.date_489ban{
    display: flex;
    padding-bottom: 10px;
}
.date_489ban dt{
    width: 50px;
}
.date_489ban dd{
    width: 170px;
    text-align: left;
}
.inbox_489ban{
    margin: auto;
    display: flex;
    padding-bottom: 10px;
    justify-content: center;
}
.inbox_489ban dl{
    display: flex;
    justify-content: flex-start;
}
.inbox_489ban .stay{
    margin-right: 10px;
}
.inbox_489ban .stay_489ban dt{
    width: 28px;
    margin-right: 2px;
}
.inbox_489ban .stay_489ban dd{
    margin-right: 10px;
}
.inbox_489ban .person_489ban dt{
    width: 28px;
    margin-right: 2px;
}
.inbox_489ban .person_489ban dd{
    margin-right: 10px;
}
#search_489ban button{
    margin: auto;
    text-align: center;
}