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


#contents .announce{ padding: 10px; position: relative; text-align: left; margin-top: -7px; }
#contents .announce .head{ background-color: #67af45; margin: -10px -10px 10px; padding: 5px 10px; color: #ffffff; }
#contents .announce .head,
#contents .announce .item{ font-size: 14px; line-height: 20px; }
#contents .announce a{ transition: opacity 0.25s linear; color: inherit; }
#contents .announce a:hover{ opacity: 0.7; }
#contents .announce .color-red{ color: #dd0000; }
#contents .announce .color-blue{ color: #0080c6; }
#contents .announce .list-btn{ position: absolute; right: 10px; top: 5px; font-size: 12px; color: #ffffff; }


#about_box{ width:280px; margin-top:25px;}
#about_box h2{ color:#a6cb5b; border-bottom:solid 1px #a6cb5b; font-size:18px; line-height:18px; margin-bottom:18px;}
#about_box img{box-shadow:0px 1px 5px #cccccc;
-webkit-box-shadow:0px 1px 5px #cccccc;}
.address{font-size:14px; line-height:18px; margin-top:20px; color:#666666;}
.about_line{margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #cccccc;}
.tell{font-size:18px; line-height:24px; color:#666666;}
.tell a{color:#04bbdf;}
.hours{font-size:18px; line-height:24px; color:#666666;}
#main_image{margin:10px 0px 10px 0px;}
#banner_area{margin:10px 0px 10px 0px;}
.banner_box01{ float:left; width:148px; margin-right:6px;}
.banner_box02{ float:left; width:148px;}
#mobile_banner{width:280px;}


/*スライド部分のcss*/
/*---------------------------------------------------------*/
/*#main_disp{ height: 360px; }*/
#main_wrap{ width: 640px; overflow: hidden;}
#slide_area{ width: 640px; float: left;}
#slide_disp{ width: 640px; height: 325px; overflow: hidden; position: relative;}
#slide_disp ul{ height: 325px; position: absolute; overflow: hidden;}
#slide_disp li{ float: left;}

#slide_disp a{ overflow: hidden; float: left;}
#slide_disp a:hover{ border: 5px solid #000000;}
#slide_disp a:hover img{ margin:-5px;}
#slide_disp div.irregular_img{ overflow: hidden; float: left;}
#slide_disp div.irregular_img:hover{ border: 5px solid #000000;}
#slide_disp div.irregular_img:hover img{ margin:-5px;}
#slide_disp .horizon_frame{ width: 640px; height: 1px; display: block; position: absolute; background: #000000; overflow: hidden;}
#slide_disp .vertical_frame{ width: 1px; height: 325px; display: block; position: absolute; background: #000000; overflow: hidden;}
#slide_disp ul img{ width: 640px; height: 325px;}
#slide_next_btn{ width: 31px; height: 31px; position: absolute; right: 8px; top: -31px; cursor: pointer; }
#slide_prev_btn{ width: 31px; height: 31px; position: absolute; left: 8px; top: -31px; cursor: pointer; }

/*YouTube部分のcss*/
/*---------------------------------------------------------*/
#youtube-area0 { height: 250px; margin-bottom: 0px; background-color: #9bc83a; }
#youtube-area0 .ttl { width: 100%; padding-top:10px; }
#youtube-area0 .ttl img { width: 300px; height: 30px; }
#youtube-area0 .youtube-box { width: 320px; padding-top: 10px; position: relative;}
#youtube-area0 .youtube-box .video{ text-align: center; position: relative; overflow: hidden; }
#youtube-area0 .youtube-box .btn { width: 100%; text-align: center; position: absolute; bottom:10px;}
#youtube-area0 .youtube-box .fade { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#youtube-area0 .fade:hover { opacity: 0.4; filter: alpha(opacity=60); }

#youtube-area { height: 270px; margin-bottom: 5px; background-color: #9bc83a; }
#youtube-area .ttl { width: 100%; padding-top:10px; }
#youtube-area .ttl img { width: 300px; height: 30px; }
#youtube-area .youtube-box { width: 320px; padding:10px 0; position: relative;}
#youtube-area .youtube-box .video{ text-align: center; position: relative; overflow: hidden; }
#youtube-area .youtube-box .btn { width: 100%; padding: 0; position: absolute; bottom:-30px;}
#youtube-area .youtube-box .fade { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#youtube-area .fade:hover { opacity: 0.4; filter: alpha(opacity=60); }


#news_slide_box{width:100%; overflow:hidden;}
.news_list a.news{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #dad8cf;
	position: relative;
	text-decoration:none;
	width:100%;
	display:block;
	overflow: hidden;
	float:none;
	background-image: url(../image/list_yaji.png);
	background-repeat: no-repeat;
	background-position: right center;
	background: linear-gradient(to bottom, #e9e9e6 0%, #ffffff 100%);
}
.news_list a.news::before{
	content: '';
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background-image: url(../image/list_yaji.png);
	background-repeat: no-repeat;
	background-position: right center;
}
/*jsで幅指定*/
/*#news_box{width:200%;} jsで幅指定*/
.news_list{
border-top:1px solid #ffffff; border-bottom:1px solid #dad8cf;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #e9e9e6));
background: -webkit-linear-gradient(top, #e9e9e6 0%, #ffffff 100%);
background: -moz-linear-gradient(top, #e9e9e6 0%, #ffffff 100%);
background: -o-linear-gradient(top, #e9e9e6 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #e9e9e6 0%, #ffffff 100%);
background: linear-gradient(top, #e9e9e6 0%, #ffffff 100%); display:block; width:100%; float:left;
}

.news_list:last-child{
	border-bottom:none;
}
.news_image{ float:left;}
.news_list .list_date{ margin-left:110px; font-size:12px; line-height:18px; color:#666666; padding-top:9px; padding-left:2px;}
.news_list .list_new{ background-color:#ffa41f; color:#FFFFFF; padding:1px 3px 1px; font-size:10px; line-height:12px;}
.news_list .list_shop_name{font-size:12px; line-height:18px; color:#666666; padding-left:15px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding-right:20px;}
.news_list h4{ padding-left:15px; color:#67af45; font-size:14px; line-height:16px; padding-top:5px; font-weight:bold;
							white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding-right:20px;}


.blog_list{
border-top:1px solid #ffffff; border-bottom:1px solid #dad8cf;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #e9e9e6));
background: -webkit-linear-gradient(top, #e9e9e6 0%, #ffffff 100%);
background: -moz-linear-gradient(top, #e9e9e6 0%, #ffffff 100%);
background: -o-linear-gradient(top, #e9e9e6 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #e9e9e6 0%, #ffffff 100%);
background: linear-gradient(top, #e9e9e6 0%, #ffffff 100%); display:block; width:100%;
}
.blog_list a.blog{
	text-decoration:none;
	width:100%;
	display:block;
	background-image: url(../image/list_yaji.png);
	background-repeat: no-repeat;
	background-position: right center; height:71px;
}
.blog_list .list_date{ margin-left:110px; font-size:12px; line-height:18px; color:#666666; padding-top:16px; padding-left:2px;}
.blog_list .list_new{ background-color:#ffa41f; color:#FFFFFF; padding:1px 3px 1px; font-size:10px; line-height:12px;}
.blog_list h4{font-size:14px; line-height:20px; color:#67af45; padding-left:15px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding-right:20px;}