@charset "shift_jis";

#pagecontents {
	border-top:none;
}

h2.toppagetitle {
	font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r –¾’©", serif;
	margin:30px 0 0 20px;
	text-align:left;
	font-size:100%;
	letter-spacing:2px;
}
h2.toppagetitle img {
	margin:0 auto 0 20px;
}

#topslider {
	position:relative;
}
.topslierimg img {
	width:100%;
	height:auto
}

.topslierimg div {
	position:relative
}
.topslierimg div span.sicon {
	position:absolute;
	bottom:0px;
	right:0px;
}




#top_newslist {
	padding:10px 20px;
	font-size:85%;
}
#top_newslist p {
	font-size:90%;
}
#top_newslist ul {
/*	border-top:1px #aaaaaa dotted;	*/
	margin-bottom:20px;
	padding-left:20px;
/*	border-left:1px #aaaaaa dotted;*/
	background:url('../images/toppage/top_newslist_bg.png') left top no-repeat;
}

.map {
	padding:10px 20px 20px 20px;
	font-size:90%;
}
#googleMap {
	width:100%;
	height:320px;
	margin-bottom:6px;
}
#fr_googlemap {
	width:100%;
	height:320px;
	margin-bottom:6px;
}




/* ----- Topic -----  */
.TopTopic {
	width:100%;
	float:left;
}
.TopTopic .Topic {
	width:33%;
	padding:10px;
	float:left;
	position:relative;
}
.TopTopic .Topic a {
	text-decoration:none;
}
.TopTopic .Topic a:hover {
	text-decoration:none;
}
.TopTopic .Topic:hover {
	background-color:#f0f0f0;
		transition-duration:0.5s;*/
}
.TopicImg {
	display:block;
	height:198px;
	margin-bottom:6px;
/*	background-image:url('../images2/topcell/0.jpg');*/
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.TopicTit {
	font-size:100%;
	line-height:1.2;
	display:block;
	margin-bottom:0.5em;
	color:#221815;
}
.TopicTxt {
	display:block;
	font-size:80%;
	line-height:1.4;
	color:#333333;
}
.TopicNew {
	padding:2px 4px;
	background-color:#BA0505;
	color:#ffffff;
	font-weight:bold;
	position:absolute;
	font-size:60% !important;
	top:4px;
	left:4px;
}	




/* ----- accessible-tabs -----  */
.tabs {
	width:100%;
	line-height:normal;
	background-color:#221815;
	padding-bottom:10px;
}
.tabs ul.tabs-list {
	margin:0;
/*	padding:20px 10px 0 10px;	*/
	padding:10px 10px 10px 10px;
	list-style:none;
}
.tabs ul.tabs-list li {
	box-sizing:border-box;
	float:left;
	margin:0;
	padding:1px;
}
.tabs ul.tabs-list a {
	box-sizing:border-box;
	float:left;
	display:block;
	padding:10px 5px;
	width:100%;
	text-align:center;
	background-color:#EEEEEE;
	text-decoration:none;
	font-weight:bold;
	color:#221815;
	font-size:85%;
	line-height:none;
		transition-duration:0.5s;
}
.tabs ul.tabs-list a:hover {
	background-color:#4B342E;
	color:#ffffff;
}
.tabs ul.tabs-list .current {
	border-width:0;
}
.tabs ul.tabs-list .current a {
	background-color:#221815;
	color:#ffffff;
}

.tabamount2 li { width:50%; }
.tabamount3 li { width:33.3%; }
.tabamount4 li { width:25%; }
.tabamount5 li { width:20%; }
.tabamount6 li { width:16.5%; }
.tabamount7 li { width:14.2%; }
.tabamount8 li { width:12.5%; }

.js .tabs .current-info,
.js .tabs .accessibletabsanchor,
.js .tabs .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
	position:absolute;
	left:-999em;
}
.js .tabs .content{
	clear:both;
	padding:10px 20px;
}





/* # Tablet 768-959px
========================================================================================= */
@media only screen and (max-width: 959px) {
	.TopicImg {
		height:200px;
		background-size:contain;
	}
	.tabs ul.tabs-list a {
		padding:10px 0px;
	}
}

/* # Tablet & Mobile Landscape 480-767px
========================================================================================= */   
@media only screen and (max-width: 767px) {

	#toppage_reserve {
		display:none;
	}

	.TopTopic .Topic_row {
		width:100%;
		padding:10px;
	}

	.TopicImg {
		height:120px;
		background-size:cover;
	}

	#fr_googlemap {
		width:100%;
		height:200px;
	}


	.tabs ul.tabs-list a { font-size:90%; }
	.tabamount2 li { width:50%; }
	.tabamount3 li { width:33.3%; }
	.tabamount4 li { width:50%; }
	.tabamount5 li { width:50%; }
	.tabamount6 li { width:33.3%; }
	.tabamount7 li { width:33.3%; }
	.tabamount8 li { width:25%; }

	ul.linkbanner li {
		width:25%;
		height:60px;
	}
	ul.linkbanner li img {
		max-height:50px;
	}


}

/* # Mobile 320-479px
========================================================================================= */   
@media only screen and (max-width: 479px) {

	.TopTopic .Topic {
		width:100%;
	}

	.TopicImg {
		height:180px;
		background-size:contain;
	}

	ul.linkbanner li {
		width:33%;
	}
}