@charset "utf-8";


@import url(reserve.css);

/* TopCSS
-------------------------------------------------------------------------------*/

#mainimg{
	margin:70px 0 0;
	height:505px;
	position:relative;
	text-align: left;
	background:url(../img/bg_main.jpg) no-repeat center top;
}#mainimg .block{
	width:1000px;
	height:505px;
	margin:0 auto;
	background:url(../img/bg_main.jpg) no-repeat center top;
}
#mainimg h1{
	width:1000px;
	margin:0 auto;
	padding:10px 0 0 0;
}#mainimg h1 img{
	margin:0 0 0 9px;

}#mainimg p{
	width:1000px;
	margin:0 auto;
}#mainimg p img{
	margin:210px 0 0 254px;
}



#access_block h2{
	background:url(../img/line.gif)  no-repeat center bottom;
	padding:0 0 21px;
	margin:0 0 18px 0
}
#access_block .first{
	padding:0 0 40px 0;
	text-align:center;
}

#access_block .block01{
	background:url(../img/bg_acc01.jpg) no-repeat left top;
	width:624px;
	height:456px;
	/*margin:0 20px 0 0;*/
	margin:0 9px 0 0;
	float:left;
}
#access_block .block01 h4{
	padding:30px 0 0 32px;
}
#access_block .block01 p{
	color:#fff;
	font-size:138%;
	letter-spacing:0.05em;
	padding:17px 0 0 35px;
}#access_block .block01 p.last{
	padding-top:10px;
}

#access_block .block02{
	background:url(../img/bg_acc02.jpg) no-repeat left top;
	/*width:336px;*/
	width:316px;
	height:456px;
	float:left;
}
#access_block .block02 h4{
	padding:280px 0 0 10px;
}
#access_block .block02 p{
	color:#fff;
	padding:10px 40px 0 25px;
	line-height:1.8em;
}
#access_block .block03{
	background:url(../img/bg_acc03.jpg) no-repeat left top;
	width:378px;
	height:320px;
	float:left;
	/*margin:20px 20px 0 0;*/
	margin:9px 9px 0 0;
}
#access_block .block03 h4{
	padding:223px 0 0 20px;
}
#access_block .block03 p{
	color:#fff;
	padding:10px 25px 0 21px;
	line-height:1.8em;
}
#access_block .block04{
	background:url(../img/bg_acc04.jpg) no-repeat left top;
	width:562px;
	height:320px;
	float:left;
	margin:9px 0 0;
}
#access_block .block04 h4{
	padding:212px 0 0 29px;
}
#access_block #parking{
	padding:10px 0 0;
}



#gr_block h3{
	text-align:center;
	margin:110px 0 0;
}
#gr_block .block{
	margin:20px 0 0 ;
	background:url(../img/bg_acc.gif) repeat top center;
}
#gr_block .block .block01{
	background:url(../img/bg_acct.gif) repeat-x bottom center #503c01;
	padding:0 0 4px 0;
}
#gr_block .block .block01 .left{
	float:left;
	margin: 0 35px 0 0;
}#gr_block .block .block01 h4{
	padding:38px 0 0;
}
#gr_block .block .block01 p{
	font-size:120%;
	color:#fff;
	padding:20px 50px 0 0;
	line-height:1.8em;
}
#gr_block .block .block02 ul{
	/*padding:40px 0 0 50px;*/
	padding:35px 0 0 35px;
	display:block;
}

#gr_block .block .block02 ul li{
	float:left;
	margin:0 28px 0 0;
	text-align:center;
}


#gr_block .block .block02 ul li dl dt{
	margin:8px 0 0;

}
#gr_block .block .block02 .inblock{
	width:880px;
	/*margin:25px 50px 0 50px;*/
	margin:25px 30px 0 35px;
	padding: 0 0 20px 0;
	/*background:url(../img/gr_radibottom.gif) no-repeat bottom left #fff;*/
	background:#fff;
	clear:both;
	-ms-border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
}
#gr_block .block .block02 .inblock h4{
	padding:28px 0 0;
	/*background:url(../img/gr_raditop.gif) no-repeat top left #fff;*/
	text-align:center;
}
#gr_block .block .block02 .inblock ul{
	padding:27px 0 0 30px;
	margin:0;
}
#gr_block .block .block02 .inblock ul li{
	float:left;
	margin:0 27px 0 0;
	padding:0 0 20px 0;
	text-align:center;
	position:relative;
}
#gr_block .block .block02 .inblock ul li a:before{
	position:absolute;
	content:"";
	left:0;
	right:0;
	top:0;
	bottom:48px;
	background:url(../img/hover.png) center center no-repeat rgba(0,0,0,0.5);
	z-index:100;
	display:none;
}
#gr_block .block .block02 .inblock ul li a:hover:before {
	display:block;
}


#gr_block .block .block02 .inblock ul li.method04{
	margin:0 30px 0 0;
}
#gr_block .block .block02 .inblock ul li dl dt{
	margin:8px 0 0;
}
#gr_block .block .block02 .last{
	text-align:center;
	padding:40px 0;
}



#rs_block h3{
	text-align:center;
	margin:110px 0 0;
}
#rs_block .block{
	margin:20px 0 0 ;
	background:url(../img/bg_rs.gif) repeat top center;
}
#rs_block .block .block01{
	background:url(../img/bg_rst.gif) repeat-x bottom center #003263;
	padding:0 0 4px 0;
}
#rs_block .block .block01 .left{
	float:left;
	margin: 0 35px 0 0;
}#rs_block .block .block01 h4{
	padding:38px 0 0;
}
#rs_block .block .block01 p{
	font-size:120%;
	color:#fff;
	padding:20px 50px 0 0;
	line-height:1.8em;
}
#rs_block .block .block02{
	background:url(../img/rs_radicent.gif) repeat center left;
	margin:25px 48px 0 48px;
	padding: 0 0 0 0;
	clear:both;
}
#rs_block .block .block02 h5{
	padding:25px 0 0;
	background:url(../img/rs_raditop.gif) no-repeat top left;
	text-align:center;
}
#rs_block .block .block02 ul{
	padding:15px 0 10px 25px;/*change*/
	margin:0;
	background:url(../img/rs_radibottom.gif) no-repeat bottom left;
}
#rs_block .block .block02 ul li{
	float:left;
	margin:0 20px 0 0;/*change*/
	padding:0 0 20px 0;
	text-align:left;
	width:255px;
}
#rs_block .block .block02 ul li dl dt{
	margin:10px 0 0;
}
#rs_block .block .block02 ul li dl dd{
	margin:5px 0 0;
}
#rs_block .block .block03{
	padding:55px 0 50px 45px;/*change*/
}
#rs_block .block .block03 ul li{
	float:left;
	margin:0 15px 0 0;/*change*/
}
#rs_block .block .block03 ul li em{
	padding:0 0 10px;
	display:block;
}
#rs_block .block .block03 ul li dl{
	background:url(../img/rs_bottom.gif) repeat-x bottom left #fff;
	height:180px;
	padding:0 15px 0;
}
#rs_block .block .block03 ul li dl dt{
	padding:15px 0 0 0;
}
#rs_block .block .block03 ul li dl dd{
	padding:8px 7px 0;
}
#rs_block .block .block03 ul li.method01{
	width:335px;
}
#rs_block .block .block03 ul li.method02,
#rs_block .block .block03 ul li.method03{
	width:245px;
}




#pl_block h3{
	text-align:center;
	margin:110px 0 0;
}
#pl_block ul{
	margin:30px 0 0;
}
#pl_block ul li{
	margin:0 2px 8px 3px;
	background:#ebebc9;
	height:200px;
	position:relative;
	padding:20px 0 0 330px;
}
#pl_block ul li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#pl_block ul li img{
/*	float:left;*/
	margin:20px 30px 0 23px;
}
#pl_block ul li em.add{
	margin:0;
	display:block;
	background:#ff522e;
	padding:5px 10px;
	float:left;
	color:#fff;
	clear:right;
}
#pl_block ul li h4{
	float: left;
	display:block;
	width:600px;
	margin:10px 0  0;
	font-size:140%;
	line-height:1.5em;
}
#pl_block ul li p{
	position:absolute;
	left:330px;
	bottom:20px;
	font-size:120%;

}
#pl_block ul li:hover{
	background:url(../img/dot.gif) repeat;
	cursor:pointer;
}

#ft_block {

	padding:70px 0;}
#ft_block ul{
	text-align:center;
}

#ft_block ul li{
	/*float:left;*/
}

#ft_block ul li.method01{
	margin:0 15px 0 0;
}
.fade {
    -webkit-transition: 0.15s ease-in-out;
       -moz-transition: 0.15s ease-in-out;
         -o-transition: 0.15s ease-in-out;
            transition: 0.15s ease-in-out;
}
.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}

/*仮スタイル*/
section#guestroom{
	padding-bottom:40px;
}