@charset "utf-8";

/* ////////////////////////////////////////////
 *                 base & layout
 * //////////////////////////////////////////// */

/* frame
------------------------------------------*/
body{
	font-size: 13px;
	line-height: 1.6;
	/*font-family: "Avenir", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "Roboto", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "メイリオ" ,"Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{
	color: #bacb0e;
	text-decoration: none;
	/*-webkit-transition: 0.5s ease-in-out; 
	   -moz-transition: 0.5s ease-in-out; 
		 -o-transition: 0.5s ease-in-out; 
			transition: 0.5s ease-in-out;*/
}
a:hover{
	color: #bacb0e;
	text-decoration: underline;
	/*-webkit-transition: 0.5s ease-in-out; 
	   -moz-transition: 0.5s ease-in-out; 
		 -o-transition: 0.5s ease-in-out; 
			transition: 0.5s ease-in-out;*/
}

body{
	min-width: 980px;
	text-align: center;
	color: #584138;
	background: #fff url(/images/default/sub-bg.png) no-repeat center 0;
}
body.home{
	background: url(/images/default/home-bg.png) no-repeat center 0;
}
#container{
}
#header{
	margin: 0 0 20px 0;
}
#header-inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 166px;
	z-index: 1000;
}
.home #header-inner{
	height: 630px;
}
#content-inner{
	margin: 0 auto;
	padding: 0 0 60px 0;
	width: 980px;
}
#sidebar{
	float: right;
	width: 240px;
	text-align: left;
}
.home #sidebar{
	display: none;
}
.home #content-inner{
	width: 100%;
}
#main{
	float: left;
	width: 700px;
	text-align: left;
}
.home #main{
	float: none;
	width: 100%;
	text-align: center;
}

#main article{
	margin: 0 0 20px 0;
}
#main .entry-content{
	padding: 0 0px 10px;
}
#footer{
	background: #584138 url(/images/default/footer-bg.png) repeat-x center 0;
}
#footer-inner{
	position: relative;
	margin: 0 auto;
	padding: 78px 0 0 0;
	width: 980px;
}


/* float-btn
------------------------------------------*/
#float-btn{
	position: fixed;
	top: 330px;
	right: 30px;
	z-index: 99999;
}


/* header
------------------------------------------*/
.site-description{
	display: none;
	position: absolute;
	top: 13px;
	left: 0;
	color: #aaa;
	font-size: 11px;
}
.home .header-logo{
	position: absolute;
	top: 67px;
	left: 0;
}
.home .header-mail{
	position: absolute;
	top: 388px;
	right: 1px;
}
.home .gnav{
	position: absolute;
	top: 83px;
	right: 5px;
}

.header-logo{
	position: absolute;
	top: 30px;
	left: 0;
}
.header-mail{
	position: absolute;
	top: 35px;
	right: 0px;
}
.header-tel{
	position: absolute;
	top: 32px;
	right: 242px;
}
.gnav{
	position: absolute;
	top: 91px;
	right: -14px;
}

/* droppy */
.gnav-ul { position: relative; text-align: left; zoom: 1; }
.gnav-ul li { float: left; display: block; position: relative; z-index: 1000; }
.gnav-ul ul { display: none; position: absolute; top: 41px; left: 0; width: 100%; background: #444; }
.gnav-ul ul li { float: none; }
.gnav-ul ul li a { display: block; padding: 5px 10px; color: #fff; font-size: 11px; zoom: 1; }
.gnav-ul ul li a:hover { text-decoration: none; background: #222; }
.gnav-ul ul ul { top: 0; left: 100%; width: 100%; }
.gnav-ul a, .gnav-ul img{ display: block; }



/* mainimage
------------------------------------------*/
#mainimage{
	margin: 0 auto 20px auto;
	overflow: hidden;
}
#mainimage-inner{
	margin: 0 auto;
	width: 980px;
}
.slideshow{
	position: relative;
}
.slideshow .slideshow-main{	
	height: 300px;
}
/* 前後画像ありのhorizontal用 */
/*.slideshow .slideshow-main .bx-viewport{
	overflow: visible !important;
}*/
.slideshow .slideshow-pager{
}
.slideshow .slideshow-pager li{
	float: left;
	width: 196px;
}
.slideshow .slideshow-pager li a{
	cursor: pointer;
}
.slideshow .slideshow-prev{
	position: absolute;
	top: 50%;
	left: -39px;
	margin-top: -15px;
	width: 19px;
	height: 29px;
}
.slideshow .slideshow-next{
	position: absolute;
	top: 50%;
	right: -39px;
	margin-top: -15px;
	width: 19px;
	height: 29px;
}



/* main
------------------------------------------*/
.main-news{
	margin: 0 0 66px;
	padding: 0 0 62px;
	background: #584138 url(/images/default/news-bgb.png) no-repeat center bottom;
}
.main-news-inner{
	width: 980px;
	margin: 0 auto;
}
.main-news h2{
	margin: 0 0 24px;
	text-align: center;
}
.main-news-inner{
	height: 239px;
	padding: 27px 26px 0 27px;
	background: url(/images/default/news-bg.png) no-repeat 0 0;
}
.main-news li{
	padding: 11px 5px;
	font-size: 15px;
	text-align: left;
	border-bottom: 1px dotted #584138;
	color: #000;
}
.main-news li span{
	margin: 0 30px 0 0;
}
.main-news li a{
	color: #000;
}
.main-news .scroll-area,
.main-news .scroll-area .cs-bar,
.main-news .scroll-area .cs-bar-inner{
	height: 187px;
}
.main-news .scroll-area{
	position: relative; 
	overflow: hidden;
}
.main-news .scroll-area .cs-content{
	padding: 0 23px 0 0;
}
.main-news .scroll-area .cs-bar{
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	background: #eaeaea;
	border-radius: 4px;
}
.main-news .scroll-area .cs-bar-inner{
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
}
.main-news .scroll-area .cs-drag{
	background: #BACB0E;
	border-radius: 4px;
}

.main-message{
	width: 980px;
	margin: 0 auto 16px;
}
.main-message h2{
	margin: 0 0 60px;
}
.main-message-body{
	position: relative;
	min-height: 355px;
	padding: 0 0 0 336px;
	text-align: left;
	line-height: 2.8em;
	font-size: 16px;
	color: #000;
	background: url(/images/default/main-message-img.png) no-repeat 12px 5px;
}
.main-message-body:after{
	content: "";
	position: absolute;
	bottom: 14px;
	right: -24px;
	width: 312px;
	height: 260px;
	background: url(/images/default/message-bg.png) no-repeat 0px 0;
}

.mainbn{
	margin: 0 0 33px;
	padding: 112px 0 0 0;
	background: #FFF5D3 url(/images/default/mainbn-bgt.png) no-repeat center 0;
}
.mainbn-inner{
	padding: 0 0 68px;
	background: url(/images/default/mainbn-bgb.png) no-repeat center bottom;
}
.mainbn h2{
	margin: 0 0 47px;
	text-align: center;
}
.mainbn-body{
	width: 980px;
	margin: 0 auto 20px;
}
.mainbn ul{
	margin: 0 -20px 0 0;
}
.mainbn li{
	float: left;
	width: 230px;
	margin: 0 20px 30px 0;
}

.main-banner{
	margin: 0 auto 100px;
	width: 980px;
}
.main-banner-list-item{
	width: 480px;
}
.main-banner-list-item:nth-child(odd){
	float: left;
}
.main-banner-list-item:nth-child(even){
	float: right;
}
.main-banner-list-img{
	margin-bottom: 15px;
}
.main-banner-list-text{
	color: #584138;
	font-size: 15px;
	text-align: left;
}

.main-rec{
	margin: 0 auto 51px;
	width: 980px;
}

.main-rec h2{
	margin: 0 0 31px;
}
.main-rec ul{
	margin: 0 -20px 0 0;
}
.main-rec ul li{
	float: left;
	width: 230px;
	margin: 0 20px 30px 0;
}
.main-rec ul li .image{
	margin: 0 0 15px;
	width: 230px;
	height: 230px;
	background: #f1f1f1;
	border: #e3e3e3 1px solid;
	border-radius: 5px;
}
.main-rec li .image img{
	border-radius: 5px;
}
.main-rec ul li h3{
	margin: 0 0 5px;
	font-weight: bold;
	color: #a32417;
	text-align: left;
}
.main-rec ul li h3 a{
	color: #a32417;
}
.main-rec ul li h4{
	text-align: left;
}
.main-rec ul li h4 a{
	font-size: 11px;
	color: #584138;
}
.rec-more{
	text-align: center;
}
.main-column-wrapper{
	padding-top: 20px;
	background: #FFF5D2 url(/images/default/main-column-bg.png) no-repeat center 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.main-column{
	padding-bottom: 100px;
	background: url(/images/default/main-column-bg-bottom.png) no-repeat center bottom;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.main-column-inner {
	margin: 0 auto;
	width: 980px;
}
.main-column-list {
	margin-bottom: 45px;
}
.main-column-list-item {
	padding: 40px 0;
	width: 480px;
	border-bottom: #999 2px dotted;
}
.main-column-list-item:nth-child(odd){
	float: left;
}
.main-column-list-item:nth-child(even){
	float: right;
}
.main-column-list-img {
	float: left;
	margin-right: 20px;
	width: 150px;
	height: 130px;
}
.main-column-list-img img{
	border: #E3E3E3 1px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.main-column-list-title {
	margin-bottom: 10px;
	font-size: 15px;
	text-align: left;
}
.main-column-list-title a {
	color: #a32417;
	font-weight: bold;
}
.main-column-list-text {
	font-size: 13px;
	text-align: left;
}

.main-blog{
	margin: 0 auto 60px;
	width: 980px;
}
.main-blog-list {
	margin-bottom: 45px;
}
.main-blog-list-item {
	padding: 30px 0;
	border-bottom: #999 2px dotted;
}
.main-blog-list-img {
	float: left;
	margin-right: 20px;
	width: 150px;
	height: 130px;
}
.main-blog-list-img img{
	border: #E3E3E3 1px solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.main-blog-list-date{
	margin-right: 15px;
	color: #a32417;
}
.main-blog-list-title {
	margin-bottom: 10px;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}
.main-blog-list-title a {
	color: #584138;
}
.main-blog-list-text {
	font-size: 13px;
	text-align: left;
}

/* sidebar
------------------------------------------*/
.side-blog h2{
	margin: 0 0 31px;
}
.side-blog li{
	margin: 0 0 30px;
	font-size: 12px;
}
.side-blog li .image{
	float: left;
	width: 90px;
	height: 90px;
	margin: 0 10px 0 0;
	background: #f1f1f1;
	border-radius: 5px;
}
.side-blog li .image img{
	border-radius: 5px;
}
.side-blog li span{
	display: block;
	padding: 5px 0;
	font-weight: bold;
	color: #a32417;
}
.side-blog h3 a{
	color: #584138;
}
.blog-more{
	margin: 24px 0 0 0;
	text-align: center;
}
.side-nav{
	margin: 0 0 20px 0;
}
.side-nav-inner{
	padding: 17px 10px;
}
.side-nav li a{
	color: #584138;
}
.side-nav-inner > ul > li > a{
	display: block;
	padding: 8px 0px 5px 23px;
	font-size: 12px;
	background: url(/images/default/snav-li.png) no-repeat 0px 50%;
}
.side-nav-inner > ul > li > ul{
	padding: 5px 0 5px 20px;
}
.side-nav-inner > ul > li > ul > li > a{
	display: block;
	padding: 2px;
	font-size: 11px;
}
.blog-nav a{
	color: #584138;
}

/* footer
------------------------------------------*/
.pagetop-btn{
	position: absolute;
	top: -7px;
	right: 0;
	width: 980px;
	text-align: center;
}

.info-wrap{
	position: relative;
	text-align: left;
	padding: 0 0 45px;
	border-bottom: #46332B 1px solid;
}
.footer-logo{
	margin: 0 0 35px;
}
.footer-tel{
	position: absolute;
	top: 14px;
	left: 273px;
}
.footer-mail{
	position: absolute;
	top: 14px;
	left: 560px;
}
.footer-img{
	position: absolute;
	top: 122px;
	left: 274px;
	border: #fff 3px solid;
}

.footer-sns{
	position: absolute;
	top: 13px;
	right: 0;
}
.footer-sns li{
	float: left;
	margin: 0 0 0 10px;
}
.footer-addr{
	position: absolute;
	top: 85px;
	right: 0;
	font-size: 12px;
	color: #fff;
	text-align: right;
}
.footer-gmap{
	position: absolute;
	top: 122px;
	right: 0;
	width: 440px;
	height: 220px;
	border: #fff 3px solid;
}
.footer-gmap iframe{
	width: 434px;
	height: 214px;
}

.footer-info{
	font-size: 12px;
	color: #fff;
}
.footer-info h3{
	color: #bacb0e;
}
.footer-info p{
	margin: 0 0 20px;
}

.footer-copyright{
	width: 100%;
	padding: 33px 0 50px;
	text-align: center;
	color: #936f61;
	font-size: 11px;
	border-top: #6A4F45 1px solid;
}

/* footer-float-banner
------------------------------------------*/
.footer-float-banner-wrapper{
	display: none;
	position: fixed;
	bottom: -220px;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.home .footer-float-banner-wrapper{
	display: block;
}
.footer-float-banner{
	position: relative;
	margin: 0 auto;
	width: 750px;
	height: 210px;
}
.footer-float-banner span{
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 10;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
.footer-float-banner-on{
	bottom: 300px;
}

/* lower
------------------------------------------*/
/* heading */
.page-title-wrap{
	width: 980px;
	margin: 0 auto 103px;
	text-align: left;
}
.page-title{
	color: #fff;
	font-size: 30px;
}
.entry-title{
	position: relative;
	margin: 0 0 20px 0;
	padding: 8px 17px;
	font-size: 25px;
	color: #584138;
	background: #bacb0e;
}
.entry-title:after{
	content:"";
	position: absolute;
	top: 50%;
	left: 0;
	height: 30px;
	width: 5px;
	margin: -15px 0 0 0;
	background: #584138;
}
.entry-title a{
	color: #584138;
}
.entry-content h3{
	padding: 0 0 15px 40px;
	font-size: 20px;
	color: #584138;
	background: url(/images/default/h3.png) no-repeat 0 bottom;
}
.entry-content h4{
	height: 43px;
	line-height: 43px;
	padding: 0 0 0 14px;
	font-size: 16px;
	color: #584138;
	background: url(/images/default/h4.jpg) no-repeat 0 0;
}
.entry-content h5{
	color: #584138;
	border-bottom: 1px dashed rgba(185,185,185,0.5);
}



/* colors
------------------------------------------*/