@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color: #3D3D3D;
font-size:small;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;line-height:1.5;
-webkit-text-size-adjust: none;
  overflow-x: hidden;
}
a {
color: #3D3D3D;
}
a:hover {
filter: alpha(opacity=0);
-ms-filter: alpha(opacity=0);
opacity: 0.8;
}
section.content article{
overflow:hidden;
}
.grid {
float: left;
}
#gallery img {
  width: 185px;
  max-height: 122px;
  margin: 5px 3px;
}
.wrapper {
background: #ECEBEA;
}

#wrapper {
margin:0 auto;
position:relative;
}

h1, h2, h3 ,h4, h5 {
  margin-bottom: 10px;
}

h1, h2 {
  font-size: 1.2em;
  font-weight: bold;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  display: inline-block;
  }
.stripe {
	background: url(img/stripe.png) repeat;
	  padding: 10px 25px;
}

p {
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 20px;
}
a{
	text-decoration: none;
}

img {
margin-bottom: 10px;
}

.logo{
float:left;
}
.container {
padding: 20px 0;
}

.info{
float:right;
text-align:right;
}

.infoleft {
float: left;
padding: 20px;
}
.infoleft a {
margin-left: 20px;
}
#side {
float:left;
width: 330px;
}

.borderline {
  border-top: solid 4px #648155!important;
}
.box {
background: #FFF;
padding: 20px 30px;
border: solid 1px #CCC;
margin-bottom: 30px;
}
#main {
float:right;
width: 650px;
}
.center {
text-align: center;
}

.homeicon {
	background-image: url(img/homeicon.png);
	background-repeat: no-repeat;
	background-position: left center;
  padding-left: 20px;
    }
    .sitemapicon {
	background-image: url(img/sitemapicon.png);
	background-repeat: no-repeat;
	background-position: left center;
  padding-left: 20px;
    }





/* =======================================
	Full slider
======================================= */
    #slidewrap {
	width: 100%;
	text-align: center;
}
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider ul li img {
	width: 100%;
	display: none;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}
.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}
.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


.mincho {
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; 
}
.greeting {
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; 
  font-size: 1.4em;
  color: #648155;
}

.sidetitle  {
    line-height: 2;
}
.sidetitle dt, dd  {
  border-bottom: 1px solid #E7E7E7;
}
.sidetitle dt a {
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; 
color: #3D3D3D;
font-size: 1.4em;
}
.sidetitle dd a {
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
  padding-left: 20px;
color: #3D3D3D;
  margin-left: 15px;
    line-height: 3;
}
.sideimgbox {
  background: #FFF;
  padding: 7px;
  border: 1px solid #DFDFDF;
}
.circle {
background: url(img/circle.png) no-repeat left center;
padding-left: 20px;
}
.large {
font-size: 2.4em;
  line-height: 1.3;
  letter-spacing: 1px;
}
.point {
  border-left: 7px solid #FBC700;
  padding-left: 10px;
  font-size: 1.1em;
  font-weight: bold;
    margin-bottom: 10px;
}
.sidenarrow {
  padding: 0 10px;
}
.box-title {
  background: #648155;
  color: #FFF;
    padding: 5px 10px;
    margin-bottom: 0;
}
ul{
	padding: 0px;
	text-align: left;
	margin-top: 10px;
}
li{
	padding: 0px;
	font-size: 12px;
	color: #666666;
	list-style-type: none;
	line-height: 160%;
	margin-top: 0px;
}
#policy ul {
margin-bottom: 20px;
}

.mg0 {
margin: 0;
}
.mb0 {
margin-bottom: 0!important;
}
.mb5 {
margin-bottom: 5px;
}
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.pd0 {
padding: 0;
}

.headimg {
  max-width: 1200px;
  height: 300px;
  background: #F7F7F7;
  margin: 0 auto;
}

.no1{
	background-image: url(img/top-3reason-titleicon01.png);
	background-repeat: no-repeat;
	background-position: left center;
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 45px;
}
.no2{
	background-image: url(img/top-3reason-titleicon02.png);
	background-repeat: no-repeat;
	background-position: left center;
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 45px;
}
.no3{
	background-image: url(img/top-3reason-titleicon03.png);
	background-repeat: no-repeat;
	background-position: left center;
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 45px;
}
.arrow {
	background: url(img/arrow.png) no-repeat left 7px;
	  padding-left: 15px;
}
.linkbox {
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
  background: #FFE100;
  padding: 5px 10px;
  color: #000;
}


#back-top {
position: fixed;
bottom: 3%;
right: 3%;
}

#back-top span {
width: 100px;
height: 100px;
display: block;
}


/* --------ヘッダ要素---------------------------- */
.summary {
	font-size: 10px;
	color: #999999;
	padding-top: 10px;
	  margin-bottom: 0;
}



/* -------フッター要素------------------------------------ */
.footer {
  width: 1000px;
  padding: 0;
  margin: 0 auto;
}
.footer p{
	font-size: 10px;
	line-height: 160%;
	}
	.footername {
	font-size: 1em!important;
	font-weight: bold;
	}
.footer address{
	font-style: normal;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}
.footer ul {
overflow: hidden;
}
.footer ul li a {
  float: left;
  padding-right: 20px;
}
/* ---------------コンテンツ要素---------------------- */
.path {
font-size: 0.9em;
}
	
	.main {
	text-align: left;
	margin-left: 21px;
	margin-right: 20px;
	width: 532px;
}
.link {
	text-align: right;
	color: #333333;
}
.link  a{
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #333333;
	text-decoration: none;
}
.link  a:link{
}
.link  a:visited{
   text-decoration:none;

}
.link  a:hover{
	color: #8DC104;
	text-decoration: underline;
}
.small {
  font-size: 11px;
}
.right{
	float:right;
	margin:0px 10px 10px 15px;
}
.imgright{
	float:right;
  padding: 10px 0 10px 10px;
}
.imgleft{
	float:left;
  padding: 10px 10px 10px 0;
}
.button,.button-mini {
  text-align: right;
  margin-bottom: 50px;
}
.button a {
  padding: 15px 20px;
  background: #FBC700;
  font-weight: bold;
      border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.button-mini a {
  font-size: 0.9em;
  padding: 10px;
  background: #EAEAEA;
  font-weight: bold;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}


.pagetop{
	margin-bottom:30px;
	display:block;
	padding: 0px;
	margin-top: 20px;
	margin-right: 20px;
	padding-left: 20px;
}
.pagetop a{
    display:block;
	width:532px;
	height:19px;
	background-image:url(img/pagetop.gif);
	background-repeat:no-repeat;
}
.pagetop a:hover{
	background-repeat:no-repeat;
	background-image:url(img/pagetop_on.gif);
	width:532px;
	height:19px;
}
.pagetop2{
	margin-bottom:20px;
	text-align: right;
	margin-right: 20px;
}
.pagetop2 a{
	height:19px;
}
.pagetop2 a:hover{
	height:19px;
	color: #669900;
}
.hide{
	display:none;
}
.left{
	float:left;
	margin-right: 17px;
	margin-bottom: 10px;
}

caption{
	text-align: left;
	padding-left: 3px;
	color: #006600;
	font-weight: bold;
	padding-bottom: 3px;
	font-size:12px;
}
/* -------お問い合わせフォーム要素----------- */
.cont {
	font-size: 12px;
	margin-top: 10px;
}
.cont td{
	padding: 4px 10px 4px 10px;
	color: #666666;
	line-height: 160%;
}
.cont td a{
	color: #7e7e7e;
	text-decoration: underline;
}
.cont td a:link{
	text-decoration: underline;
}
.cont td a:hover{
	color: #8DC104;
	text-decoration: none;
}
.cont th{
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	padding-left: 10px;
}
.cont th.th2{
    text-align:center;
}
.list{
	margin-top: 15px;
}
.list th{
}
.list td{
	background-image: url(img/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px 10px 20px 0px;
	color: #7E7E7E;
	font-size: 12px;
	line-height: 160%;
	vertical-align: top;
}
.list td.td2{
   background:none;
}
.list td h2{
	background-image: url(img/h2_2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 10px;
	margin: 0px 0px 0px 87px;
}
.list td img{
	float:left;
	margin:0px 9px 45px 0px;
}
.sample {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.shop_list{
	text-align: center;
	margin-top: 15px;
}
.shop_list th{
	background-image: url(img/th_bk.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-weight: normal;
	font-size: 12px;
	padding-top: 6px;
	line-height: 130%;
	padding-bottom: 4px;
}
.shop_list td{
	padding-bottom: 12px;
	text-align: center;
}
.naiso {
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 150px;
	padding-left: 15px;
	font-weight: bold;
	line-height: 150%;
	margin-top: 5px;
	color: #7E7E7E;
	margin-bottom: 5px;
}

.point p.link{
	background-color: #D6F5E0;
	padding-right: 4px;
}
.point2 p.link{
	background-color:#EBF4D6;
	padding-right: 4px;
}
.point p.link3{
	background-color:#F2F4D6;
	text-align: right;
	color: #333333;
}
.point p.link3 a{
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #333333;
	padding-right: 4px;
}
.point p.link3 a:link{
}
.point p.link3 a:visited{
	color: #333333;
	text-decoration: none;
}
.point p.link3 a:hover{
	color: #8DC104;
	text-decoration: underline;
}
ul.info{
	margin-left: 0px;
}
ul.info li{
	background: url(img/square.gif) no-repeat left center;
	padding-left: 6px;
	list-style-type: none;
	margin-left: 0px;
	padding-top: 2px;
}
.none {
	display: none;
}
/* -----質問ページ要素-------------------------- */
.q {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  background: #F0F0F0;
  padding: 5px 15px;
  border-radius: 3px;
}
.a {
	font-size: 12px;
	color: #333333;
	margin-left: 18px;
	margin-bottom: 15px;
	padding-left: 18px;
}
/* ----------------------------------------------- */
.red {
	color: #FF3300;
}


.mail-form {
	background: #000000;
}
.mail-form dt {
}
.mail-form dd {
}
.mail-form th {
}
.mail-form td {
	background: #FFFFFF;
}
.mail-input {
	text-align: center;
}
/*　-------------サイトトップ要素---------------------------　*/

.sitemap {
	margin: 0px 0px 14px 10px;
	padding: 8px 0px 0px;
}
.sitemap h2 a{
   text-decoration:none;
}
.sitemap h2 a:link{
	text-decoration:none;
	color: #333333;
 }
.sitemap h2 a:visited{
	text-decoration:none;
	color: #333333;
 }
.sitemap h2 a:hover{
	text-decoration:none;
	color: #333333;
 }
.sitemap a{
    color:#669900;
   text-transform: none;
}
.sitemap a:link{
	color: #333333;
	text-decoration: none;
}
.sitemap a:visited{
	color: #666666;
	text-decoration: none;
}
.sitemap a:hover{
	color: #8DC104;
	text-decoration: underline;
}

.sitemap ul {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #3399CC;
	padding-left: 0px;
	margin-left: 10px;
	background-image: url(img/s-dot3.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.sitemap ul ul {
	margin: 0px 0px 14px 25px;
	padding-top: 8px;
}

.sitemap ul li {
	background-image: url(img/s-dot.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px 0px 0px 25px;
	line-height: 20px;
	color: #333333;
}

.sitemap ul li.s-close {
	background-image: url(img/s-dot2.gif);
	background-repeat:no-repeat;
	height: 20px;
}


.category {
margin: 20px;
}
.category ul li a {
float: left;
margin-left:10px;
  font-size: 0.9em;
  padding: 10px;
  background: #EAEAEA;
  font-weight: bold;
  margin-bottom: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}



/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
	#wrapper,#header,.inner{
	width:1000px;
	padding:0;
	margin:0 auto;
	}
    
        .container {
    width: 1000px;
}
		
  nav#mainNav{
	clear:both;
	overflow:hidden;
	position:relative;
	  margin-bottom: 10px;
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	border-left: 1px solid #ECECEC;
	}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	float:left;
	font-size:13px;
	width:197px;
	padding:10px 0;
  color: #3D3D3D;
  font-weight: bold;
	}
	
	nav#mainNav ul li.last a{
	border-right: 1px solid #ECECEC;
}

	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	}

	nav#mainNav ul li a span{
	color:#648155;
	font-size:10px;
	  font-weight: normal;
  letter-spacing: 1px;
	}

	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}
	
}



@media only screen and (max-width:959px){
	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}

	
	#header{padding:0 10px;}
	
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	}

	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	  background: #679E5E;
  color: #FFF;
	}

	nav#mainNav a#menu span{padding-left:10px;}
	nav#mainNav a.menu span:before{content: "→ ";}
	nav#mainNav a.menuOpen span:before{content: "↓ ";}

	nav#mainNav a#menu:hover{cursor:pointer;}

	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	}
	
	nav#mainNav ul li a span{padding-left:10px;}
	
	nav#mainNav ul li:first-child a{
	border-top:1px solid #e4e4e4;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	
	nav#mainNav ul li.active a{color:#ad8a71;}

	nav div.panel{float:none;}

}


@media only screen and (max-width:640px){
	#header{
	height:auto;
	padding-bottom:0;
	}
	.infoleft{
  float: none;
  padding: 0;
  margin: -13px 0 10px 0;
  font-size: 12px;
	}
	.right {
	float: none;
	}
	.wrapper img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
	}
	.large {
  font-size: 2em;
}
.imgright{
  width: 60%;
  padding: 0;
}
.imgleft{
  width: 60%;
  padding: 0;
}
.xsnone {
display: none;
}
.xsmb30 {
margin-bottom: 30px;
}
.xsnobr br {
display: none;
}
.top-feature-img {
  float: right;
  width: 40%;
}
.top-title-wrap {
  padding: 0 30px;
}

td,th {
width: 100;
display: block;
}
.cont td {
  background-color: #FFFFFF;
  color: #333;
}

	
	#header h1,.logo,.info{text-align:center;}
	
		.logo,.info{
	clear:both;
	width:100%;
	float:none;
	}

	.logo p{float:none;display:block;}
	.logo img{float:none;padding:0;}
	.box {
  padding: 15px; 
}
.imgres {
width: 100%;
}
  .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	#side {
  clear: both;
  width: 95%;
  float: none;
  margin: 0 auto;
}
		.footer {
  width: 95%;
    margin: 0 auto;
	height:auto;
	padding-bottom:5px;
	}
#main {
	clear:both;
	width:100%;
	float:none;
}
#gallery img {
  float: left;
  width: 47%;
  max-height: 88px;
}
    form#mailformpro dl dt {
    width: auto! important;
}
    form#mailformpro dl dd {
    padding: 10px! important;
    padding-left: 93px! important;
}
	
}
.mt60 {
    margin-top: 60px;
}