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

body{
	font-size:13px;
}
p {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	color: #000000;
}
.logo {
	text-align: center;
	margin: 8px 0px 0px;
	padding: 0px;
}



.ui-page {
	background-color: #f9f9f9;
}
#index .ui-header {
	height: 58px;
	padding: 0px;
	margin: 0px;
}

.ui-content {
	background-image: url(../img/content_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;

}
.ui-header {
	color: #000000;
	margin: 0px;
	padding: 5px 0px 0px;
	background-image: url(../img/header_bg.png);
	background-repeat: repeat-x;
	border-bottom: 2px solid #fe9328;
	height: 42px;
	    
}




.ui-footer {
	font-size: 13px;
	height: 42px;
	padding: 0px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #becee8;
}

.space {
	padding-right: 10px;
}
.navi {
	margin-top: 10px;
	background-image: url(../img/point_bg.png);
	background-repeat: no-repeat;
	background-position: 100px 176px;
	overflow: hidden;
}
.navi ul {
	padding: 0px;
	width: 260px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.navi li {
	list-style-type: none;
	float: left;
	margin: 0px 0px 10px;
}

.ui-header img{ margin:0; padding:0; border:0;}

/*画像自動調整*/
img {
     max-width: 100%;
     /*height: auto;*/
}


/*地図*/
div#map{
  width:100%;
  height:280px;
  border:4px solid white;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
}

.link{color:#FFF;background: url(../img/link.png) no-repeat right; font-weight:bold; height:30px; padding:10px 20px 0 5px; text-shadow:none; text-align:right;}
.link a{color:#FFF;  text-decoration:none; padding:0 20px 0 0;}
.link a:visit{color:#FFF;}
.link a:active{color:#FFF;}

.clear{clear:both; margin:0; padding:0;}
span.bana{color:#2DA1DA; font-weight:bold;}


.topcoment {
	margin-top: 5px;
	margin-bottom: 5px;
}
.close {
	width: 150px;
	clear: both;
	margin: 0px auto 20px;
	padding-top: 10px;
}

.close2 {

	width: 150px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 250px;
}


address {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0px;
}
address p {
	color: #000000;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
}
.listspace {
	padding: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}


strong {
	font-size: 14px;
	margin-bottom: 5px;
	color: #000000;
}
#index .ui-collapsible-content{
	background-color: #FFFFFF;
}  
.room01 .ui-collapsible-content{
	background-color: #fff4ce;
	background-image: url(../img/room_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.food01 .ui-collapsible-content{
	background-color: #fff4ce;
}



 
table {
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}
table p {
	font-size: 13px;
	line-height: 20px;
}

th {
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #edead3;
	
}



td {
	background-color: #FFFFFF;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	color: #000000;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
h1 {

}


h2 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px 0px 10px;
	color: #000000;
	text-align: left;
	margin: 0px;
}
h5 {
	font-size: 13px;
	color: #000000;
	text-align: left;
	font-weight: normal;
	line-height: 18px;
	margin: 10px 0px 0px;
	padding: 0px;
}
h6 {
	font-size: 13px;
	color: #FF6A6A;
	text-align: center;
	padding: 0px;
	font-weight: normal;
	margin: 5px 0px 3px;
}


hr {
	color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 10px;
	border-top: 1px solid #000000;
}
ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
li {
	list-style-type: none;
	float: left;
}

.text01 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}

.btn01 .ui-btn {
	color: #FFFFBB;
}


.iframebox {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFFFFF;
	width: 277px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
	height: 200px;
}

.telbox {
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
.telbox2 {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.plan01 {
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 18px;
	margin-bottom: 10px;
}
.plan02 {
	padding: 0px;
	width: 280px;
	margin: 15px auto 12px;
}
.plan03 {
	width: 300px;
	margin: 10px auto 0px;
	padding: 0px;
}


.basebox {
	padding-top: 15px;
}
.basebox2 {
	padding-top: 10px;
}
.basebox3 {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.imgbox {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.imgbox2 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}
.imgtext01 {
	margin: 0px 0px 10px;
	padding: 0px;
}


.lbimg {
	text-align: center;
	margin-top: 0px;
}
.lbspace {
	margin-right: 8px;
}



.button {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.button2 {
	padding: 0px;
	margin: 12px auto 10px;
}
.listbox ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.listbox li {
	float: none;
	list-style-type: disc;
}

.space01 {
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


#slider,#slider2,#slider3,#slider4,#slider5 {
	text-align: center;
}


#slider{
	background-color: #FFFFFF;
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat;
	border: 1px solid #ED8F30;
	
}

.inbox {
	padding-right: 5px;
	padding-left: 5px;
}


#reserve h2 {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}


.btn02 .ui-btn-inner {
	padding: 0.6em 0px 0.6em 25px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	zoom: 1
}



.coment01 {
	margin-bottom: 5px;
	
	
}
.coment01 p {
	font-size: 13px;
	line-height: 18px;
	color: #000000;
}
.coment02 {
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
}
.coment02 p {
	font-size: 13px;
	line-height: 18px;
	color: #000000;
}
.map00 {
	margin: 10px 0px;
	padding: 0px;
}
.coment03 {
	background-image: url(../img/top_back.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding: 5px;
}
.coment04 {
	margin-bottom: 5px;
}

.coment04 p {
	color: #993333;
}
.coment05 p {
	font-weight: bold;
}
.coment06 p {
	color: #000000;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
.coment06 {
	margin-bottom: 5px;
}
.coment07 {
	font-weight: bold;
	color: #795200;
	margin-top: 3px;
}
.coment07 p {
	font-size: 14px;
	line-height: 20px;
	color: #795200;
}



#kannai h6 {
	margin-top: 10px;
}
.subjectbox01 {
	margin: 3px 0px 5px;
	padding: 0px;
}
#slider2 {
	margin-top: 8px;
}
#lodge th{
	font-size: 13px;
	text-align: left;
	padding-left: 10px;
}
#lodge td {
	text-align: left;
}
#price th{
	font-size: 13px;
	text-align: left;
	padding-left: 10px;
}
#price td {
	text-align: left;
}#price h2 {
	margin: 10px 0px 0px;
	padding: 0px;
}
#price .subjectbox02 {
	margin-top: 18px;
}
#price .text03 {
	font-size: 13px;
}
#price h5 {
	font-size: 15px;
	line-height: 18px;
	padding-left: 10px;
	font-weight: bold;
}
.teble01 th {
	width: 100px;
}
.mapbox {
	position: relative;
}
.at01 {
	position: absolute;
	left: 23px;
	top: 4px;
}
.at02 {

	position: absolute;
	left: 124px;
	top: 8px;
}
.at03 {


	position: absolute;
	left: 219px;
	top: 34px;
}
.at04 {



	position: absolute;
	left: 24px;
	top: 116px;
}
#contact h2 {
	font-size: 14px;
	line-height: 20px;
}
#around hr {
	margin: 20px 0px 0px;
	padding: 0px;
}