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

header{
	border-bottom:none;
	padding-bottom:0px;
}

.accentBox{
	width:1400px;
	margin:auto;
	position:relative;
	margin-bottom:50px;
}

.accentBox p.img{
	text-align:center;
}

.eventBox{
	position:absolute;
	bottom:0px;
	left:0px;
	background:url(../../images/index/backgroung.png) 0 0 repeat;
	width:100%;
	padding:28px 0;
}

.eventBox ul li{
	display:inline;
	margin:15px;
}

.eventBox ul li.rentalBreak,
.eventBox ul li.access{
	display:none;
}

/*-----------------
	common
-----------------*/

#index .leftBox{
	width:340px;
	float:left;
	margin-bottom:20px;
	margin-right:30px;
}

#index .rightBox{
	width:340px;
	float:left;
	margin-bottom:20px;
	margin-right:30px;
}

#index h2{
	font-size:183%;
	font-weight:bold;
	float:left;
	width:auto;
	margin-bottom:10px;
}

#index h2 span{
	font-size:50%;
	color:#3c80b8;
	display: block;
}

#index p.listbtn{
	background-color:#333333;
	float:right;
	width:100px;
	border-radius:4px;
	text-align:center;
	font-size:92%;
}

#index p.listbtn a{
	background:url(../../images/common/icon/arrow/white.gif) 12px 50% no-repeat;
	color:#fff;
	display:block;
	padding:6px 0 5px;
}

#index .leftBox .division{
	clear:both;
}

#index .section{
	margin-bottom:20px;
}

/*----------------------------
	newsBox
----------------------------*/

#newsBox .division{
	border:solid 1px #dbdbdb;
	border-radius:4px;
	padding:10px 0 15px;
}

#newsBox .division dl{
	overflow:hidden;
	border-bottom:dotted 1px #757575;
	padding:0 26px 10px;
	margin-bottom:10px;
}

#newsBox .division dl.lastChild{
	border-bottom:none;
	padding:0 26px 0px;
	margin-bottom:0px;
}

#newsBox .division dt{
	float:left;
	width:69px;
	padding-right:11px;
}

#newsBox .division dd{
	float:left;
	width:auto;
}

#newsBox .division dd.category{
	color:#fff;
	font-size:83%;
	width:59px;
	height:16px;
	text-align:center;
	border-radius:4px;
	margin-top:1px;
	margin-right:10px;
}

#newsBox .division dd.title{
	width:100%;
	float:none;
	clear:both;
	padding-top:10px;
}

#newsBox .division dd a{
	display:inline;
	padding-right:20px;
}

#newsBox .division dd a.blank{
	background:url(../../images/common/icon/window.png) 100% 0.3em no-repeat;
}

#newsBox .division dd a.pdf{
	background: url(../../images/common/icon/pdf.png) 100% 0.1em no-repeat;
}

#newsBox .division dd.info{
	background-color:#86b061;
}

#newsBox .division dd.important{
	background-color:#df5248;
}

#newsBox .division dd.restaurant{
	background-color:#e18d42;
}

/*----------------------------
	latestBox
----------------------------*/

#latestBox .division{
	border:solid 1px #dbdbdb;
	border-radius:4px;
	padding:10px 0 15px;
}


#latestBox .division .explain{
	border-bottom:dotted 1px #757575;
	padding:0 26px 10px;
	margin-bottom:10px;
}

#latestBox .explain.lastChild{
	border-bottom:none;
	padding:0 26px 0px;
	margin-bottom:0px;
}

#latestBox .division .explain p.days{
	float:left;
	width:auto;
	margin-right:14px;
}

#latestBox .division .explain p.category{
	float:left;
	width:92px;
	border-radius:3px;
	border:solid 1px #dbdbdb;
	font-size:92%;
	text-align:center;
	font-weight:bold;
	margin-top:-3px;
	padding:3px 0 2px;
}

#latestBox .division .explain dl{
	clear:both;
}
#latestBox .division .explain dl dt{
	font-size:108%;
	font-weight:bold;
	margin-bottom:10px;

}

#latestBox .division .explain dl dt a{
	color:#1c7abf;
	text-decoration:underline;
}

#latestBox .division .explain dl dd{
	font-size:93%;
}

/*----------------------------
	informationBox
----------------------------*/

#informationBox .division{
	clear:both;
	border:solid 1px #dbdbdb;
	border-radius:4px;
	padding:20px 0 15px;
}

#informationBox .division{
	padding:26px 23px 8px;
}

#informationBox .division p.img-outside{
	margin-bottom:15px;
	width:100%;
}

#informationBox .division p.text{
	line-height:1.8;
}

#informationBox .division .explain{
	padding-bottom:15px;
	border-bottom:dotted 1px #6b6b6b;
}

#informationBox .division .explain.lastChild{
	border-bottom:none;
}

#informationBox .division .explain .inner{
	float:left;
	padding:10px 5px 0 0;
	
}

#informationBox .division .explain .wide{
	float:none;
	width:auto;
	padding-bottom:10px;
	overflow:hidden;
}


#informationBox .division .explain .inner.lastChild{
	border-right:none;
	margin-right:0px;
	padding-right:0px;
}

#informationBox .division .explain .inner p.img{
	float:left;
	width:auto;
	margin-right:18px;
}

#informationBox .division .explain .inner dl{
	width:290px;
	
}

#informationBox .division .explain .inner dl dt{
	font-size:133%;
	font-weight:bold;
}

#informationBox .division .explain .wide dl{
	margin-top:15px;
	width:auto;
}


#informationBox .division  p.text-link{
	background:url(../../images/common/icon/arrow/triangle.gif) 120px 50% no-repeat;
	text-align:right;
}

#informationBox .division  p.text-link a{
	text-decoration:underline;
	color:#3c80b8;
}

/*----------------------------
	linkBox
----------------------------*/

#linkBox .division{
	clear:both;
	border:solid 1px #dbdbdb;
	border-radius:4px;

}

#linkBox .division .explain{
	border-bottom:dotted 1px #6b6b6b;
	
}

#linkBox .division .explain.lastChild{
	border-bottom:none;
}

#linkBox .division .explain dl{
	float:left;
	width:auto;
	border-right:dotted 1px #6b6b6b;
	padding:15px 2% 0;
}

#linkBox .division .explain dl.heightLine-group2{
	width:100%;
	text-align:center;
}

#linkBox .division .explain dl.lastChild{
	border-right:none;
	padding:15px 0% 0 2%;
}

#linkBox .division .explain dl dt{
	margin-bottom:5px;
}

#linkBox .division .explain dl dd{
	margin-bottom:10px;
	text-align:center;
}

#linkBox .division .explain dl dd a{
	color:#333;
}

/*----------------------------
	bnrArea
----------------------------*/

#bnrArea{
  width: 220px;
  float: right;
  margin-bottom: 20px;
}


#bnrArea ul{
	text-align:center;
}

#bnrArea ul li{
	padding-bottom:16px;
}

/*----------------------------
	bnrBox
----------------------------*/

#bnrBox{
	clear:both;
	border:solid 1px #dbdbdb;
	border-radius:4px;
	margin-bottom:60px;
}

#bnrBox ul{
	overflow:hidden;
	width:100%;
}

#bnrBox ul li{
	width:24.9%;
	float:left;
	border-right:solid 1px #dbdbdb;
	text-align:center;
}

#bnrBox ul li.lastChild{
	border-right:none;
}

#bnrBox ul li a{
	display:block;
	padding:20px 0;
}

.eventBox ul li.sp{
	display:none;
}

@media only screen and
(max-width : 1400px) {
	.accentBox{
		width:100%;
	}
}

@media only screen and
(max-width : 1003px) {
	
.eventBox ul li img{
	width:40%;
}

}


@media only screen and
(max-width : 640px) {


.eventBox{
	position:relative;
	background:#fff;
	width:auto;
	padding:0 3%;
	text-align:center;
}

.eventBox ul li{
	display:block;
	margin:2% 0 ;
}

.eventBox ul li.pc{
	display:none !important;
}

.eventBox ul li.sp{
	display:block !important;
}
.eventBox ul li img{
	width:100%;
}

.eventBox ul li.rentalBreak,
.eventBox ul li.access{
	display:block;
}


.eventBox ul li.access dl{
	overflow:hidden;
	background:#e48934;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

	.eventBox ul li.access dl dd ul{
		margin-right:2%;
	}

	.eventBox ul li.access dl dd ul li{
		display:inline;
		float:left;
		width:30%;
		margin-left:3%;
	}
	
	.eventBox ul li.access dl dd ul li a{
		position:relative;
		display:block;
		padding:10% 4% 10% 2%;
		color:#333;
		border-radius:4px;
		background:#fff;
		white-space:nowrap;
		overflow:hidden;
		font-size:52%;
	}
	
	.eventBox ul li.access dl dd ul li a em{
		font-size:130%;
	}

	.eventBox ul li.access dl dd ul li a:before{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 5%;
	  width: 8px;
	  height: 8px;
	  margin-top: -4px;
	  background: #e48934;
	}
	.eventBox ul li.access dl dd ul li a:after{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 6%;
	  width: 8px;
	  height: 8px;
	  margin-top: -4px;
	  background: #fff;
	}

/*-----------------
	common
-----------------*/

#index .leftBox,
#index .rightBox,
#index #bnrArea{
	width:auto;
	float:none;
	margin-right:0 !important;	
}

#index p.listbtn a{
	background-position: 5% 50%;
}


#index h2{
	border-left:#cccccc solid 4px;
	padding-left:3%;
	margin-bottom:6%;
}

	#index h2 span{
		display:block;
		padding:2% 0 0 0;
	}
	
	#index p.listbtn{
		background-color:#333333;
		float:right;
		width:114px;
		border-radius:4px;
		text-align:center;
		font-size:92%;
	}

/*----------------------------
	newsBox
----------------------------*/
#newsBox .division{
	margin:0 -3%;
	padding:0 3% 5% 3%;
	overflow:visible;
	border:0;
	border-bottom:solid 1px #dbdbdb;
	border-radius:0;
}

#newsBox .division dl,
#newsBox .division dl.lastChild{
	overflow:hidden;
	border:solid 1px #dbdbdb;
	padding:3%;
	margin-bottom:3%;
	border-radius:4px;
}

#newsBox .division dl.lastChild{
	border:solid 1px #dbdbdb;
}

#newsBox .division dt{
	float:left;
	width:auto;
	padding-right:2%;
}

#newsBox .division dd.title{
	padding-top:1%;
	clear:both;
	float:none;
	font-size:120%;
	text-decoration:underline;
}

#newsBox .division dd.title a{
	font-weight:700;
	display: inline;
}

#newsBox .division dd.title a.blank{
	background:url(../../images/common/icon/window.png) 100% 0.3em no-repeat;
}


#newsBox .division dd.title a.pdf{
	background: url(../../images/common/icon/pdf.png) 100% 0.1em no-repeat;
}

#newsBox .division dt{
	display:table-cell;
	float:none;
	vertical-align:middle;
	padding-top:2px;
}

#newsBox .division dd.category{
	width:auto;
	min-width:6em;
	display:table-cell;
	font-size:75%;
	float:none;
	vertical-align:middle;
}




/*----------------------------
	latestBox
----------------------------*/

#latestBox .division{
	margin:0 -3%;
	padding:0 3% 5% 3%;
	overflow:visible;
	border:0;
	border-bottom:solid 1px #dbdbdb;
	border-radius:0;
}


#latestBox .division .explain,
#latestBox .explain.lastChild{
	overflow:hidden;
	border:solid 1px #dbdbdb;
	padding:3%;
	margin-bottom:3%;
	border-radius:4px;
}

#latestBox .division .explain p.days{
	width:auto;
	padding-right:2%;
}

#latestBox .division .explain p.category{
	float:left;
	width:auto;
	padding:0.5% 4%;
	margin:0;
}

#latestBox .division .explain dl{
	padding-top:1%;
	clear:both;
	float:none;
	font-size:120%;
}
#latestBox .division .explain dl dt{
	margin-bottom:2%;
}
#latestBox .division .explain dl dt a{
	display:block;
	color:#1c7abf;
}
#latestBox .division .explain dl dt a:hover{
	color:#166aa8;
}

/*----------------------------
	informationBox
----------------------------*/

#informationBox .division{
	clear:both;
	border:0;
	padding:0;
}

#informationBox .img-outside,
#informationBox .explain{
	display:none;
}


#informationBox .division p.text{
	line-height:1.8;
	font-size:120%;
	margin-bottom:5%;
}

#informationBox .division  p.text-link{
	background:none;
}

#informationBox .division  p.text-link a{
	position:relative;
	display:block;
	background:#f4f4f4;
	padding:4%;
	border:1px solid #cacaca;
	border-radius:4px;
	text-align:center;
	font-size:130%;
	color:#333;
	text-decoration:none;
}


#informationBox .division  p.text-link a:before{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 13px;
	width: 15px;
	height: 15px;
	margin-top: -5px;
	background: #333;
}

#informationBox .division  p.text-link a:after{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 15px;
	height: 15px;
	margin-top: -5px;
	background: #f4f4f4;
}

/*----------------------------
	linkBox
----------------------------*/

#linkBox .division{
	clear:both;
	border:solid 1px #dbdbdb;
	border-radius:4px;

}

#linkBox .division .explain{
	border-bottom:dotted 1px #6b6b6b;
	
}

#linkBox .division .explain.lastChild{
	border-bottom:none;
}

#linkBox .division .explain dl{
	float:left;
	width:33.3%;
	padding:0;
	box-sizing:border-box;
}

#linkBox .division .explain dl.lastChild{
	border-right:none;
	padding:0;
}

#linkBox .division .explain dl dt{
	text-align:center;
	padding:3% 0;
}

#linkBox .division .explain dl dt img{
	width:90%;
}

#linkBox .division .explain dl dd{
	margin-bottom:10px;
	text-align:center;
}

#bnrBox{
	display:none;
}


#index #bnrArea .division{
	padding-top:3%;
	clear:both;
}



@media only screen and
(max-width : 320px) {
	#index .leftBox,
	#index .rightBox{
	margin-right:6% !important;
	}
	

}
