@charset "utf-8";

a#skip{
	display:none;
}

/*----------------------------------------------------------
	skip link
----------------------------------------------------------*/
.hiddenItem{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------------------------------------------------
	HeaderArea
----------------------------------------------------------*/

#sp_navMenu{
	display: none;
}

#HeaderArea{
	width:100%;
	/*border-top:4px solid #A9D935;*//*headerArea off*/
	border-top:4px solid #FFFFFF;/*headerArea on*/
}

#HeaderArea-inner{
	width:960px;
	margin:0 auto 0;
	position:relative;
}

#logo{
	float:left;
}

/*body#index*/ #logo img {
	height: auto;
	width: 320px;
}

#Headnavi01{
	float:right;
	padding:0 75px 0 0;
	margin:5px 0 0;
	position:relative;
}
#Headnavi01 a{
	display:block;
	height:27px;
}
#Headnavi01 .sub{
	position: absolute;
	top: 28px; left: 0;
	background: #fff;
	z-index:10000;
	border:1px solid #e2e2e2;
	padding:10px;
	width:170px;
	list-style:none;
}
	#Headnavi01 .sub ul li a{
	background:none;
	font-size:93%;
	}

#Headnavi02{
	position:absolute;
	right:0;
	display:inline-block;
	padding:0 0 0 15px;
	text-align:right;
}

/*20160128*/
#headnaviNew {
	position:absolute;
	right:0;
	bottom: 0;
	display:inline-block;
	padding:0 0 0 15px;
	text-align:right;
}
/*20160128*/

#tel{
	position:absolute;
	right:0;
	top:0;
}

#GnaviArea{
	height:45px;
	position:absolute;
	bottom:0;
	right:0;
}
#GnaviArea li {
	list-style:none;
	float:left;
	height:45px;
}
#GnaviArea li a, #GnaviArea li a:link, #GnaviArea li a:visited{
	display:block;
	height:45px;
	background-repeat:no-repeat;
	background-image:url("../images/gnavi.gif");
	font-size:0.1px;
	text-indent:-9999px;
}
#GnaviArea li.gn01 a, #GnaviArea li.gn01 a:link, #GnaviArea li.gn01 a:visited{ width:64px; background-position:0 0;}
#GnaviArea li.gn02 a, #GnaviArea li.gn02 a:link, #GnaviArea li.gn02 a:visited{ width:125px; background-position:-62px 0;}
#GnaviArea li.gn03 a, #GnaviArea li.gn03 a:link, #GnaviArea li.gn03 a:visited{ width:125px; background-position:-187px 0;}
#GnaviArea li.gn04 a, #GnaviArea li.gn04 a:link, #GnaviArea li.gn04 a:visited{ width:125px; background-position:-310px 0;}
#GnaviArea li.gn05 a, #GnaviArea li.gn05 a:link, #GnaviArea li.gn05 a:visited{width: 125px;background-position: -435px 0;}

#GnaviArea li a:hover, #GnaviArea li a:active{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.underHead{
	display:none;
}

.SPPrevBtn{
	display:none;
}

#HeaderArea-inner02 {
	width:750px;
	/*height: 89px;
	padding: 14px 0 0; -- 2017.04.24 comment */
	padding: 0;/* 2017.04.24 add */
	margin:0 auto 0;
	position:relative;
}

#Container02{
	width:710px;
	margin:0 auto;
	padding:40px 0 0;
}
	#Container02 h2{
		font-size: 153.9%;/*20px*/
		font-weight:bold;
		border-bottom:4px solid #A9D935;
		padding:0 15px 10px;
		color:#333;
		clear:both;
	}

/*----------------------------------------------------------
	Header Info | 2012.02.29 ADD
----------------------------------------------------------*/
a#skip{
	display:none;
}

#HeadInformation {
	width:100%;
	background-image:url("../images/hi_bg_reserved.jpg");
	background-repeat:repeat-x;
	background-position:top;
	height:70px;
	top:0;
	left:0;
	z-index:10000 !important;
}
#HeadInformation-in{
	width:960px;
	height:70px;
	margin:0 auto;
}
	#HeadInformation-in p{
		float: left;
		height: 60px;
/*		padding: 14px 0 0; 2013.01.07 COMM */
		padding: 5px 0 0;
		width: 525px;
	}
	#HeadInformation-in ul{
		width:404px;
		height:70px;
		list-style:none;
		float:right;
	}
	#HeadInformation-in ul li{
		width:195px;
		height:35px;
		margin: 17px 7px 0 0;
		_margin:17px 1px 0 0 ;
		float:right;
		display: inline;
	}
		#HeadInformation-in ul li a, #HeadInformation-in ul li a:link, #HeadInformation-in ul li a:visited{
			display:block;
			width:195px;
			height:35px;
			zoom:1;
		}

/* Headingormation for IE6 */
#HeadInformation-IE6{
	height:54px;
	background:url("../images/hi_bg_ie6.jpg") repeat-x top;
	text-align:center;
	width:100%;
}

/*----------------------------------------------------------
	TitleArea
----------------------------------------------------------*/
#TtlArea{
	width:100%;
	background:url("../images/ttl_bg.gif") repeat-x top;
	height:69px;
	/*border-top:1px solid #B2C1B2;*/
}
	#TtlArea-in{
		padding:18px 37px 0;
		height:51px;
		width:960px;
		margin:0 auto;
		background:url("../images/ttl_bg02.gif") no-repeat right top;
		position:relative;
		box-sizing: border-box;
	}

	#TtlArea-step{
		position:absolute;
		right:36px;
		top:16px;
		text-indent:-9999px;
	}

/*----------------------------------------------------------
	TitleArea02
----------------------------------------------------------*/
#TtlArea02{
	width:100%;
	background:url("../images/ttl_bg.gif") repeat-x top;
	height:69px;
	border-top:1px solid #B2C1B2;
}
	#TtlArea-in02{
		padding:18px 0 0;
		height:51px;
		width:750px;
		margin:0 auto;
		background:url("../images/ttl_bg02.gif") no-repeat right top;
		position:relative;
	}

	#TtlArea-step02{
		position:absolute;
		right:0;
		top:16px;
		text-indent:-9999px;
	}

/*----------------------------------------------------------
	Container
----------------------------------------------------------*/
#Container{
	width:960px;
	margin:0 auto;
	padding:40px 0 0;
}
	#Container h2{
		font-size: 153.9%;/*20px*/
		font-weight:bold;
		border-bottom:4px solid #A9D935;
		padding:0 15px 10px;
		color:#333;
		clear:both;
	}

.contPageTop{
	margin:30px 0 30px 0;
	text-align:right;
	}


/*Left*/
#LeftContents{
	width:710px;
	float:left;
}




/*Right*/
#RightContents{
	float:right;
	width:215px;
}

#SideMenu{
	width:205px;
	padding:5px 5px 1px;
	background:url("../images/sm_bg.gif") repeat;
}
	#SideMenu li{
		list-style:none;
		padding:10px 10px 10px 25px;
		background:#fff url("../images/sm_list.gif") no-repeat 10px 50%;
		margin-bottom:5px;
		border-bottom:1px solid #BFBFBF;
	}
	#SideMenu li:hover, #SideMenu li.current{
		background-color:#ECF7D2;
	}

	#SideMenu li a, #SideMenu li a:link, #SideMenu li a:visited{
		color:#666;
		text-decoration:none;
		display:block;
	}
	#SideMenu li a:hover, #SideMenu li a:active{
		color:#666;
		text-decoration:none;
	}






/*----------------------------------------------------------
	footer
----------------------------------------------------------*/

#InfoArea{
	width:920px;
	margin:40px auto 0;
	border:1px solid #D1D1D1;
	padding:20px;
	color:#333;
	font-size:93%;/*12px*/
}

#InfoArea h4{
	border-left: 4px solid #A9D935;
	padding-left:10px;
	font-weight:bold;
	margin-bottom:10px;
}

#InfoArea ul li{
	float:left;
	list-style:none;
	margin-bottom:5px;
	margin-right:1.5em;
}
	#InfoArea ul li a, #InfoArea ul li alink, #InfoArea ul li a:visited{
		text-decoration:none;
		color:#333;

	}
	#InfoArea ul li a:hover, #InfoArea ul li a:active{
		text-decoration:underline;
	}


#pagetop{
	width:100%;
	background:url("../images/pagetop_bg.gif") repeat-x center bottom;
	border-bottom:1px solid #ccc;
	min-width: 960px;
}
#pagetop p{
	text-align:right;
	width:960px;
	margin:30px auto 0;
}


#FootInfoArea{
	/*border-bottom:1px solid #e3e3e3;*/
	width:100%;
}
#FootInfoArea-in{
		width:960px;
		margin:0 auto ;
		font-size:93%;/*12px*/
		position:relative;
}


	#FootInfoL{
		float:left;
		margin-right:10px;
		padding:20px 0;
	}
	#FootInfoR{
		float:left;
		border-left:1px solid #ccc;
		padding:20px 0;
	}
	#FootInfoR p{
		margin-left:20px;
	}
	a#Palm6{
		display:block;
		position:absolute;
		right:0;
		top:-5px;
	}

#copy{
	padding:10px 0 0;
}



#FootInfoArea-in02{
		width:750px;
		margin:0 auto ;
		font-size:93%;/*12px*/
		position:relative;
}
	#FootInfoArea-in02 #FootInfoR p{
		margin-left:10px;
	}


#Footer_m{
	display:none;
}


/* ----- 20160127 ----- */

.reserveSubMenu {
	position: absolute;
	right: -50px;
	top: 40px;
	width: 190px;
	list-style: none;
	z-index: 100;
	box-sizing: border-box;
	padding-top: 5px;
	display: none;
}

.reserveSubMenu li a {
	background: #fff!important;
	text-indent: 0!important;
	font-size: 92.3%!important;
	line-height: 3.5!important;
	color: #333;
	padding: 0 25px;
}

.reserveSubMenu li a:hover, .reserveSubMenu li a:active{
opacity:1!important;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
