@charset "UTF-8";

/* contents */
#contents{
	width:1180px!important;
	margin:0 auto;
}

/* topcopy */
.topcopy {
	display:block;
	padding:0px 40px 0px 40px;
	margin:0px 0px 40px 0px;
}
.topcopy h2 {
	font-size:30px;
	font-weight:normal;
	display:block;
	margin:30px 0px 20px 0px;
}
.topcopy span {
	font-size:18px;
}
/* トップ実例紹介 */
.round-box {
	display:block;
	padding:25px 40px 25px 40px;
	margin:0px 0px 40px 0px;
	background: url("../../images/bg_base.gif") repeat #ededed top left;
	border-radius: 30px;
}
.round-box h2 {
	font-size:30px;
	font-weight:normal;
	text-align:center;
	margin:0px 0px 10px 0px;
}
.round-box span {
	font-size:18px;
}
.round-box div a:hover {
	opacity:0.7;
}
/* トップ実例紹介 */
.topplan {
	display:block;
	padding:0px 40px 0px 40px;
	margin:0px 0px 40px 0px;
}
.topplan h2 {
	font-size:21px;
	font-weight:normal;
	color:#1F2C5C;
	text-align:left;
	margin:0px 0px 10px 0px;
}
.topplan div {
	width:520px;
	background-color:#EDEDED;
	border: solid 1px #1F2C5C;
}
.topplan div a {
	display:block;
	height:148px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.topplan div a:hover {
	color:#333;
	opacity:0.7;
}
.topplan div a img {
	float:left;
	width:180px;
	margin:1px;
}
.topplan div a h3 {
	float:right;
	width:318px;
	background-color:#1F2C5C;
	color:#fff;
	font-size:21px;
	font-weight:normal;
	padding:5px 5px 5px 15px;
}
.topplan div a p {
	float:right;
	width:318px;
	padding:10px 5px 5px 15px;
}
.topplan span {
	font-size:18px;
}
/* トップ実例紹介 */
.shubetsu {
	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
}
.shubetsu li {
	float:left;
	display:block;
	width:346px;
	background-color:#1F2C5C;
	border: solid 1px #ccc;
	margin:0px 18px 0px 0px;
	color:#D8C8A7;
	border-radius: 10px;
	text-align:center;
}
.shubetsu li:nth-child(2n) {
	margin:0px 0px 0px 0px;
}
.shubetsu li:nth-child(3n) {
	float:right;
}
.shubetsu li a {
	display:block;
	padding:4px 0px 4px 20px;
	color:#D8C8A7;
	font-size:21px;
	text-align:center;
}
.shubetsu li a:hover {
	opacity:0.7;
}
.shubetsu li a img {
	width:64px;
	height:auto;
	padding:6px 0px 2px 0px;
	vertical-align:middle;
}
.category {
	display:block;
	border-top: solid 1px #ccc;
	margin:20px 0px 20px 0px;
	padding:20px 0px 20px 0px;
}
.category li {
	float:left;
	display:block;
	width:346px;
	height:258px;
	background-color:#EDEDED;
	border: solid 1px #ccc;
	margin:0px 18px 20px 0px;
	color:#D8C8A7;
	position:static;
	overflow: hidden;
}
.category li a {
	display:block;
	width:346px;
	height:258px;
	padding:0px 0px 0px 0px;
	color:#D8C8A7;
	position:relative;
	overflow: hidden;
}
.category li:nth-child(3n+2) {
	margin:0px 0px 20px 0px;
}
.category li:nth-child(3n) {
	float:right;
}
.category li:nth-child(3n+1) {
	clear:both;
}
.category li a span {
	position:absolute;
	bottom:0;
	display:block;
	width:330px;
	background-color:#1F2C5C;
	padding:8px 8px 8px 8px;
	font-size:21px;
	text-align:center;
	color:#D8C8A7;
	opacity:0.9;
}
.category li a img{
	height:258px;
	width:auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding:0px 0px 0px 0px;
}
.category li a:hover {
	opacity:0.7;
}
/* 今週のチラシ */
.topflyer {
	float:left;
	display:block;
	width:296px;
	margin:0px 18px 20px 0px;
	padding:25px 40px 25px 40px;
	background: url("../../images/bg_base.gif") repeat #ededed top left;
	border-radius: 30px;
}
.topflyer h2 {
	display:block;
	font-size:21px;
	font-weight:normal;
	padding:5px 5px 5px 15px;
	text-align:center;
}
.topflyer .slide-wrapper {
	display:block;
	background-color:#fff;
	padding:25px 40px 25px 40px;
}
/* お知らせ */
.topnews {
	float:right;
	display:block;
	width:700px;
	text-align:center;
	background-color:#fff;
	margin:0px 0px 20px 0px;
	padding:25px 40px 25px 40px;
	background: url("../../images/bg_base.gif") repeat #ededed top left;
	border-radius: 30px;
}
.topnews h2 {
	display:block;
	font-size:21px;
	font-weight:normal;
	padding:5px 5px 5px 15px;
	text-align:center;
}
/* 問い合わせ */
.topinfo {
	display:block;
	text-align:left;
	background-color:#fff;
	padding:25px 40px 15px 40px;
}
.topinfo_left {
	float:left;
	display:block;
	width:280px;
	text-align:left;
	margin:0px 55px 0px 0px;
	padding::0px 0px 0px 0px;
}
.topinfo_center {
	float:left;
	display:block;
	width:320px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding::0px 0px 0px 0px;
}
.topinfo_center img {
	width:320px;
	height:auto;
}
.topinfo_right {
	float:right;
	display:block;
	width:320px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding::0px 0px 0px 0px;
}
.topinfo_left h4 {
	font-size:18px;
}
.topinfo_left .addr{
	display:block;
	font-size:14px;
	padding:10px 0px;
}
.topinfo_left .free{
	padding:10px 0px;
	color:#e83416;
	font-size:36px;
	font-weight:bold;
}
.topinfo_left .soudan{
	vertical-align: middle;
	text-indent: 100%;
	word-wrap: break-word;
	overflow: hidden;
	padding:10px 0px 0px 0px;
}
.topinfo_left .soudan img {
	width:280px;
	height:auto;
}
/* ---------- マップ ---------- */
#contents div#mapWrap {
	background-color:#E9E9E9;
	margin:0 auto;
	padding:0;
}
#contents div#mapWrap div#map {
	background-color:#fff;
	height:240px;
}


/* ---------- スライド　実例 ---------- */
#contents div.topExample {
}
#contents div.topExample .slide-wrapper {
	background-color:#fff;
	padding:20px 45px 20px 45px;
}
#contents .topExample .bx-loading{
	visibility: visible !important;
}
#contents div.topExample .bx-wrapper {
	min-height: 100px;
	min-width: 100% !important;
}
#contents div.topExample .bx-wrapper .bx-viewport {
	background: none;
	border: none;
	box-shadow: none;
	left: 0;
	height: auto !important;
}
#contents div.topExample .slide01Box{
	border:1px solid #CCC;
	background-color:#fff;
	width:236px!important;
	height:230px!important;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
}
#contents div.topExample .bx-viewport .slide01Box{
	display: block;
	position: relative;
}
#contents div.topExample .slide01Box .inr{
	display:block;
	margin: 0 auto;
	width:100%;
}
#contents div.topExample .slide01Box .inr .title{
	display: block;
 	height:38px;
	font-size:14px!important;
	font-weight:bold;
	line-height:1.4;
	margin:0px 0px 0px 0px;
	word-break: break-all;
	background-color:#1F2C5C;
	color:#fff;
	padding:8px 6px 2px 8px;
	overflow: hidden;
}
#contents div.topExample .slide01Box .inr .img {
	display: block;
	position: relative;
	font-size:0;
	line-height:0;
	height:176px;
	text-align:center;
	background-color:#EDEDED;
	overflow: hidden;
	margin: 2px;
}
#contents div.topExample .slide01Box .inr .img .photoW {
	max-height:176px!important;
	height:auto!important;
	width:auto!important;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#contents div.topExample .slide01Box .inr .img .photoH {
	max-width:236px!important;
	width:auto!important;
	max-height:auto!important;
	height:auto!important;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


#contents div.topExample .bx-wrapper .bx-controls-direction a {
	height: 94px;
	margin-top: -47px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 23px;
	z-index: 9999;
}
#contents div.topExample .bx-wrapper .bx-prev {
	background:url(../img/btn_slider_prev.gif) left top no-repeat;
	left: -44px;
}
#contents div.topExample .bx-wrapper .bx-next {
	background:url(../img/btn_slider_next.gif) left top no-repeat!important;
	right: -44px!important;
}
#contents div.topExample .bx-wrapper {
	margin:0px 0px 15px 0px!important;
	padding:0px!important;
}
#contents div.topExample .bx-wrapper .bx-pager {
	margin:0px!important;
	padding:0px!important;
}
/* ---------- スライドNews ---------- */
#contents div.slideNews {
}
#contents .slideNews .bx-loading{
	visibility: visible !important;
}
#contents div.slideNews .bx-wrapper {
	min-height: 100px;
	min-width: 100% !important;
}
#contents div.slideNews .bx-wrapper .bx-viewport {
	background: none;
	border: none;
	box-shadow: none;
	left: 0;
	height: auto !important;
}
#contents div.slideNews .slide02Box{
	border:1px dotted #CCC;
	width:216px!important;
	height:223px!important;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
}
#contents div.slideNews .bx-viewport .slide02Box{
	display: block;
	position: relative;
}
#contents div.slideNews .slide02Box .inr{
	display:block;
	margin: 0 auto;
	width:190px;
}
#contents div.slideNews .slide02Box .inr .img{
	display: inline-block;
	position: relative;
	font-size:0;
	line-height:0;
	width:100%;
	height:120px;
	text-align:center;
}
#contents div.slideNews .slide02Box .inr .img img {
	position: absolute;
	width:auto!important;
	height:auto!important;
	max-width:100%;
	max-height:100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#contents div.slideNews .slide02Box .inr .txt{
	display:block;
	line-height:1.4;
	margin:10px 0;
	word-break: break-all;
}
#contents div.slideNews .slide02Box .inr .newicon{
	margin-bottom: 4px;
	line-height:1.8;
}
#contents div.slideNews .slide02Box .inr .date{
	display: inline-block;
	text-decoration: none;
	color: #333;
	margin:4px 0 10px;
	font-size: 12px;
}
#contents div.slideNews .slide02Box .inr .tag{
	margin-bottom: 10px;
	display: block;
	letter-spacing: -.5em;
	float: none;
	margin-right: 0;
	width: inherit;
	padding: inherit;
}
#contents div.slideNews .bx-wrapper .bx-controls-direction a {
	height: 94px;
	margin-top: -47px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 23px;
	z-index: 9999;
}
#contents div.slideNews .bx-wrapper .bx-prev {
	background:url(../img/btn_slider_prev.gif) left top no-repeat;
	left: -37px;
}
#contents div.slideNews .bx-wrapper .bx-next {
	background:url(../img/btn_slider_next.gif) left top no-repeat!important;
	right: -39px!important;
}
#contents div.slideNews .custom-pager {
	margin-top:5px!important;
	font-size:12px;
	text-align:center;
}
#contents div.slideNews .bx-wrapper {
	margin:0px!important;
	padding:0px!important;
}
#contents div.slideNews .bx-wrapper .bx-pager {
	margin:0px!important;
	padding:0px!important;
}