body{
	background-image:url("../images/background.jpg");
	background-size:100%;
	font-family:sans-serif;
	margin: 0;
	padding: 0;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

ul, li {
	list-style: none outside none;
}

.subheader_r {
	margin: 17px 0;
}

.tel {
	margin: 15px 0;
}


.tel ul {
	margin-top: 0;
	overflow: hidden;
}

.tel ul li {
    float: right;
    margin-top: 15px;
    margin-bottom: 0px;
}



/*
navi
---------------*/

nav ul li{
 	border-bottom: 1px solid #CCCCCC;
 	
}
nav ul li a{
	background:transparent url(../img/arrow01.gif) 100% 50% no-repeat;
	display:block;
}

#nav{
	margin:0px 0px 5px 0px;
}

#nav ul{
	clear:both;
	overflow:auto;
	padding: 0;
	margin: 0;
}
#nav ul li{
	width:50%;
}
.nav-l{ float:left;  }
.nav-r{ float:right; }



#nav ul li.nav-l a{
	display:block;
	margin:3px 3px 6px 13px;
}
#nav ul li.nav-r a{
	display:block;
	margin:3px 13px 6px 3px;
}

/*
#nav ul li.nav-l a,
#nav ul li.nav-r a{
	background:transparent url("images/nav.png") top left repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #bbbbbb;
	text-align:center;
	height: 44px;
}
*/

#nav ul li.nav1 a{
	background:transparent url("../images/nav.png") top left repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #bbbbbb;
	text-align:center;
	height: 44px;
}
#nav ul li.nav2 a{
	background:transparent url("../images/nav2.png") top left repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #bbbbbb;
	text-align:center;
	height: 44px;
}
#nav ul li.nav3 a{
	background:transparent url("../images/nav3.png") top left repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #bbbbbb;
	text-align:center;
	height: 44px;
}
#nav ul li.nav4 a{
	background:transparent url("../images/nav4.png") top left repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #bbbbbb;
	text-align:center;
	height: 44px;
}
#nav ul li.nav5 a{
	background:transparent url("../images/nav5.png") top left repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #bbbbbb;
	text-align:center;
	height: 44px;
}
#nav ul li.nav6 a{
	background:transparent url("../images/nav6.png") top left repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #bbbbbb;
	text-align:center;
	height: 44px;
}
#nav ul li.nav7 a{
	background:transparent url("../images/nav7.png") top left repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #bbbbbb;
	text-align:center;
	height: 44px;
}
#nav ul li.nav10 a{
	background:transparent url("../images/nav10.png") top left repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #bbbbbb;
	text-align:center;
	height: 44px;
}


/*-----------------------------------------------------*/

/*
 .ui-header1111
-------------------*/
.ui-body-y .ui-header{
	background-image:url("../images/header-background.png");
	-webkit-background-size:100% 75px;
	background-size:100% 75px;
	position:relative;
	height:75px;
	z-index:1;
}
/*
.ui-body-y .ui-header::before{
	content:url("../images/header-flag.png");
	position:absolute;
	left:5px;
	top:0;
}
*/
/*
.ui-body-y .ui-header::after{
	content:url("../images/header-reef-s.png");
	position:absolute;
	right:0px;
	bottom:15px;
}
*/
.ui-body-y .ui-header h1{
	text-indent:-9999px;
	background-image:url("../images/logo.png");
	width:192px;
	height:15px;
	min-height:15px;
	padding:0;
	margin:23px auto 4px;
}
.ui-body-y .ui-header a{
	display:block;
	width:100%;
	height:100%;
}
.ui-body-y .ui-header h2{
	color:#6f5b00;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	margin:0 auto;
	width:192px;
}
.ui-body-y .ui-header p{
	font-size:12px;
	color:#4c8d00;
	margin:0 125px 0 15px;
}
.ui-body-y .ui-content{
	position:relative;
	margin-top:-20px;
	z-index:2;
	padding-bottom: 0;
}

/*
 #index .ui-header
-------------------*/

#index.ui-body-y  .ui-header{
	background-image:url("../images/header-background-top.png");
	background-size:100% 75px; 
	background-repeat: no-repeat;
	background-position: center top;
	height:75px;
}
/*
#index.ui-body-y .ui-header:after{
	content:url("../images/header-reef.png");
	bottom:-4px;
}
*/
#index.ui-body-y .ui-header h1{
	margin-bottom:0px;
}
#index.ui-body-y .ui-header h2{
	width:auto;
	margin:0 auto 5px 15px;
}
#index.ui-body-y .ui-content{
	margin-top:-25px;
}

/*
 .ui-header
-------------------*/
/*
.ui-body-y .ui-header::before{
	content:url("../images/header-flag.png");
	position:absolute;
	left:5px;
	top:0;
}
*/
/*
.ui-body-y .ui-header::after{
	content:url("../images/header-reef-s.png");
	position:absolute;
	right:0px;
	bottom:-7px;
}
*/
/*20120731_ロゴ変更前
.ui-body-y .ui-header h1{
	text-indent:-9999px;
	background-image:url("../images/logo.png");
	width:146px;
	height:15px;
	min-height:15px;
	padding:0;
	margin:23px auto 4px;
}
*/
.ui-body-y .ui-header h1{
	text-indent:-9999px;
	background-image:url("../images/logo.png");
	background-repeat: no-repeat;
	width:276px;
	height:64px;
	min-height:15px;
	padding:0;
	margin:13px auto 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2){
	.ui-body-z .ui-header h1{
		background-image:url("../images/logo@2.png");
		-webkit-background-size:146px 15px;
		background-size:146px 15px;
	}
}

.ui-body-y .ui-header a{
	display:block;
	width:100%;
	height:100%;
}

/*
 .ui-content
-------------------*/
.ui-body-y .ui-content h2{
	font-size:14px;
	font-weight:bold;
	color:#80190a;
	margin-top: 14px;
	margin-bottom: 0;
	line-height: 1.1em;
/*	float: left;*/
}
.ui-body-y .ui-content h4{
	font-size:14px;
	font-weight:bold;
	color:#4c976c;
	margin-top: 14px;
	margin-bottom: 0;
}
.ui-body-y .ui-content p{
	font-size:12px;
	color:#665400;
	margin-top: 0;
	overflow: hidden;
}
.ui-body-y .ui-content p.bold{
	font-size:12px;
	color:#665400;
	margin-top: 0;
	overflow: hidden;
	font-weight: bold;
}
.ui-body-y .ui-content div.ml{
	font-size:12px;
	color:#665400;
	margin-top: 0;
	overflow: hidden;
	margin-left: 15px;
}
.ui-body-y .ui-content p img{
	border:solid 3px #ae9f59;
	margin:5px 10px 10px 0;
}

/*
 .ui-content .recommend
-------------------*/
.ui-body-y .ui-content .recommend{
	text-align:center;
	margin-top: 20px;
}
.ui-body-y .ui-content .recommend img{
	border:solid 3px #ae9f59;

}
.ui-body-y .ui-content .recommend a{
	position:relative;
	display:inline-block;
	padding-top:5px;
	text-decoration:none;
}
.ui-body-y .ui-content .recommend a.new:before{
	content:"new";
	display:block;
	font-size:11px;
	color:white;
	background:#a06d24;
	padding:2px 5px;
	position:absolute;
	top:-3px;
	left:10px;
}
.ui-body-y .ui-content .recommend a.new:after{
	content:"";
	display:block;
	width:0;
	border-bottom:3px solid #7e4d06;
	border-left:3px solid #7e4d06;
	border-top:3px solid transparent;
	border-right:3px solid transparent;
	position:absolute;
	top:-1px;
	left:39px;
}

/*
 .ui-content .ui-collapsible-set
-------------------*/

.ui-body-y .ui-collapsible-set{
	margin-top:20px;
}
.ui-body-y .ui-collapsible-contain{
	margin-top:-5px;
}
.ui-body-y .ui-collapsible-contain h3{
	border-radius:8px 8px 0 0;
	margin:0 13px;
	font-weight:normal;
}
.ui-body-y .ui-collapsible-contain:last-of-type h3{
	border-radius:8px;
}
.ui-body-y .ui-collapsible-contain:nth-of-type(1) h3{
	background:#c2c76b;
	background: -webkit-gradient(linear, left top, left bottom,from(#c2c76b),to(#9a9f41));
}
.ui-body-y .ui-collapsible-contain:nth-of-type(1) h3:not(.ui-collapsible-heading-collapsed){
	border-bottom:4px #c2c76b solid;
}
.ui-body-y .ui-collapsible-contain:nth-of-type(2) h3{
	background:#95be66;
	background: -webkit-gradient(linear, left top, left bottom,from(#95be66),to(#649f1f));
}
.ui-body-y .ui-collapsible-contain:nth-of-type(2) h3:not(.ui-collapsible-heading-collapsed){
	border-bottom:4px #95be66 solid;
}
.ui-body-y .ui-collapsible-contain:nth-of-type(3) h3{
	background:#62b77d;
	background: -webkit-gradient(linear, left top, left bottom,from(#62b77d),to(#387c4e));
}
.ui-body-Y .ui-collapsible-contain:nth-of-type(3) h3:not(.ui-collapsible-heading-collapsed){
	border-bottom:4px #62b77d solid;
}
.ui-body-y .ui-collapsible-contain:nth-of-type(4) h3{
	background:#bf8a5c;
	background: -webkit-gradient(linear, left top, left bottom,from(#bf8a5c),to(#a15411));
}
.ui-body-y .ui-collapsible-contain:nth-of-type(4) h3:not(.ui-collapsible-heading-collapsed){
	border-radius:8px 8px 0 0;
	border-bottom:4px #bf8a5c solid;
}

.ui-body-y .ui-collapsible-contain a{
	font-size:14px;
	color:white;
	text-shadow:1px 0 1px rgba(0,0,0,0.3); 
	text-decoration:none;
	padding:8px 0 10px;
}
.ui-body-y .ui-collapsible-contain a.link{
	font-size:13px;
	color:blue;
	text-shadow:1px 0 1px rgba(0,0,0,0.3); 
	text-decoration:none;
	padding:8px 0 10px;
}

.ui-body-y .ui-collapsible-contain:last-of-type a{
	padding-bottom:8px;
}
.ui-body-y .ui-collapsible-contain .ui-btn-inner{
	border:none;
}


.ui-body-y .ui-collapsible-contain .ui-collapsible-content{
	background-color:#edf3e4;
	margin:0 13px;
	padding:8px;
	border-left: 1px solid #ccc49a;
	border-right: 1px solid #ccc49a;
	-webkit-box-shadow: 0 0 10px #c7ad77 inset;
	box-shadow: 0 0 10px #c7ad77 inset;
}
.ui-body-y .ui-collapsible-contain .ui-collapsible-content p{
	margin:5px;
	color:#665400;
	font-size:12px;
}
.ui-body-y .ui-collapsible-contain .ui-collapsible-content div.ml{
	margin:5px 5px 5px 15px;
	color:#665400;
	font-size:12px;
}
.ui-body-y .ui-collapsible-contain .ui-collapsible-content p.plink{
	text-align:right;
	margin-right:5px;
}
.ui-body-y .ui-collapsible-contain:last-of-type .ui-collapsible-content{
	border-bottom: 1px solid #ccc49a;
	border-radius: 0 0 8px 8px;
}


.ui-body-y .ui-collapsible-heading a span.ui-btn {
	width:15px;
	height:15px;
}
.ui-body-y .ui-collapsible-contain .ui-icon{
	background:url("../images/icon-check.png") no-repeat 0 5px;
	-webkit-background-size:13px 7px;
	background-size:13px 7px;
	-webkit-box-shadow:none;
	box-shadow:none;
	width:15px;
	height:15px;
}
.ui-body-y .ui-collapsible-contain .ui-btn-hover-d{
	border: 3px solid #e6edc5;
	background:rgba(255,255,255,.5)
}
.ui-body-y .ui-collapsible-contain .ui-btn-up-d {
	border: 3px solid #e6edc5;
	background: #c2c76b;
}
.ui-body-y .ui-collapsible-contain:nth-of-type(2) .ui-btn-up-d {
	background: #95be66;
}
.ui-body-y .ui-collapsible-contain:nth-of-type(3) .ui-btn-up-d {
	background: #62b77d;
}
.ui-body-y .ui-collapsible-contain:nth-of-type(4) .ui-btn-up-d {
	background: #bf8a5c;
}

/* .footer
-------------------*/
.ui-body-y .ui-footer{
	background-image:url("../images/footer-background.jpg");
	background-size:100% 97px;
	height:97px;
	margin-top: 10px;
}
.ui-body-y .ui-footer small{
	margin-top:60px;
	font-size:10px;
	color:#FFF;
	text-align:center;
	display:block;
}
.ui-body-y .ui-footer .content_small_top{
	margin-top:23px;
	font-size:10px;
	color:#FFF;
	text-align:center;
	display:block;
}
.ui-body-y .ui-footer .content_small{
	margin-top:17px;
	font-size:10px;
	color:#FFF;
	text-align:center;
	display:block;
}

/*.ui-body-y .ui-footer small:before{
	content:url("../images/footer-reef.png");
	padding-right:1em;
}*/


.footer ul {
	margin: 30px 0 10px 0;
	padding: 0 14px;
	overflow: hidden;
}

.footer ul li {
    float: left;
    padding-right: 5px;
}

.footer .li-r {
	margin-right: 0;
}

/*
 .access
-------------------*/
div#map{
	width:100%;
	height:400px;
	border:4px solid white;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}


/*
 .modal
-------------------*/
.ui-body-y.modal{
	background-image:url("../images/background.jpg");
}
.ui-body-y.modal a{
	position:absolute;
	left:50%;
	top:50%;
}
.ui-body-y.modal a img{
	margin-top:-50%;
	margin-left:-50%;
	max-width:100%;
	max-height:100%;
}

/*
.ui-content .toiform, .ui-controlgroup-label, label.ui-input-text, span.ui-slider-label-b, .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner, .ui-btn-hidden {
	font-size: 16px;
}
*/

	.ui-body-b{
		background:#CCC;
		background-image: -moz-linear-gradient(top,#FFF, #CCC);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF),color-stop(1, #CCC));
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFF', EndColorStr='#CCC')";
	}
	.ui-content .h1{
		color:#5E87B0;
		font-size:17px;
		text-shadow:1px 0 0 #FFF;
	}
	.wordbreak{
		overflow: visible;
		white-space: normal;
	}
	div#map{
		width:100%;
		height:400px;
		border:4px solid white;
		-webkit-box-sizing: border-box;
		box-sizing:border-box;
	}
	textarea.ui-body-b,input.ui-body-b{
		background:white;
	}
	.ui-field-contain:first-child{
		padding-top:0;
	}

.ui-body-y .ui-collapsible-contain a.linkbg {
	background-color: #0000ff;
	margin-left: 0.3em;
	margin-right: 0.3em;
	padding: 0;
}