@charset "UTF-8";

/* main */

#wrapper {
	background:#FFF;
	margin: 0;
	padding: 0;
}

#container {
	width: 100%;
	padding: 0;
	margin:  0 auto;
}

#header {
	width: 100%;
	padding: 0 0 2% 0;
	margin: 0;
}

#header .logo {
	width: 60%;
	padding: 2.5% 0;
	margin: 0 auto;
}

#header .tel {
	width: 85%;
	padding: 0;
	margin: 0 0 0 1%;
	float: left;
}

#header .mail {
	width: 12%;
	padding: 0;
	margin: 0 1% 0 0;
	float: right;
}

#header h1 {
	background:#00ab75;
	width: 100%;
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
	line-height: 1em;
	padding: 0.5% 0;
	margin: 0 0 0.5% 0;
}

#mainImg {
	width: 100%;
	padding: 0;
	margin: 0 0 1% 0;
}

#mainImg2 {
	background: url(../common/h2_bg.jpg) right center no-repeat;
	width: 100%;
	margin: 0 0 1% 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	position: relative;
}

.mainBox {
	width: 98%;
	padding: 2% 1% 1% 1%;
	margin: 0;
	font-size:12px;
}

#footer {
	padding: 1.5% 0 0 0;
	margin: 0;
}

#footer small {
	color: #00ab75;
	padding: 0 0 0 0;
	margin: 0 0 1.5% 0;
	text-align:center;
	display: block;
}

.footerD {
	padding: 0;
	margin: 0;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #00ab75;
}

.footerD dt {
	width: 60%;
	padding: 4% 0 2% 0;
	margin: 0 auto;
}

.footerD dd {
	font-size: 90%;
	padding: 2% 0%;
	margin: 0;
	line-height:1.4em;
	text-align:center;
}

/* main */

.maB2 {
	margin-bottom:2%;
}

.mainCopy {
	line-height: 1.4em;
	margin: 0 0 1.5% 0;
	padding: 1%;
}

.title01 {
	margin: 0 0 2.5% 0;
	padding: 2% 0 1.8% 2%;
	line-height: 1em;
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	background: #00ab75;
}

.title02 {
	font-weight: normal;
	padding: 2.5%;
	margin: 0 0.3% 3% 0.3%;
	line-height: 1em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #00ab75;
	background: #e8e8e8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: 0 1px 2px #aaa;
	-moz-box-shadow: 0 1px 2px #aaa;
	box-shadow: 0 1px 2px #aaa;
}

.title03 {
	margin: 0 1% 1.5% 1%;
	padding: 2% 0 1.8% 2%;
	line-height: 1em;
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	background: #00ab75;
}

.subT01 {
	background: #333;
	color: #FFF;
	padding: 1% 1% 1% 2%;
	margin: 2% 1% 3% 1%;
}

.subT02 {
	background: #333;
	color: #FFF;
	padding: 1% 1% 1% 12%;
	margin: 2% 1% 3% 1%;
}

.mainD {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	margin: 0 0 1% 0;
	line-height:1.4em;
}

.mainD dt {
	font-weight:bold;
	padding: 0;
	margin: 0 0 0.5% 0;
}

.mainD dd {
	padding: 0;
	margin: 0;
}

.newsBox {
	padding: 1% 0 0 0;
	margin: 0;
}

.newsBox table {
	padding: 0;
	margin: 0 1.5% 1.5% 1.5%;
}

.newsBox table th {
	width:25%;
	font-weight: normal;
	text-align:left;
	padding: 0 2% 0 0;
}

.newsBox table td {
	padding: 0;
}

/* index */

.indexD {
	width: 100%;
	padding: 0;
	margin: 0 0 4% 0;
	line-height: 1.4em;
}

.indexD dt {
	font-size: 110%;
	padding: 4px 10px 3px 23px;
	margin: 0 0 2% 0;
	border: 2px solid #00ab75;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	position: relative;
}

.indexD dt img {
	width: 14px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.indexD dd {
	padding: 0 1%;
	margin: 0;
}

/* service */

.serviceBox {
    padding: 2% 0 1% 0;
    margin: 0;
	position: relative;
}

.serviceBox span {
	width:12%;
	position:absolute;
	top: 1%;
	left: -2px;
}

.serviceD {
	padding: 1% 0 0 0;
	margin: 0 0 3% 0;
	line-height: 1.4em;
}

.serviceD dt {
	width: 60%;
	padding: 0;
	margin: 0 auto 3% auto;
}

.serviceD dd {
	padding: 0 1% 0 1%;
	margin: 0 0 2% 0;
}

.serviceD dd .img01 {
	width: 80%;
	margin: 2% 0 0 0;
}

.serviceD dd .img02 {
	width: 25%;
	margin: 2% 1.5% 0 0;
	float:left;
}

.serviceD dd .img03 {
	width: 32.5%;
	margin: 2% 1.5% 0 0;
	float:left;
}

.serviceCopy {
	font-weight: bold;
	line-height: 1.4em;
	background:#fffad2;
	width: 92%;
	padding: 2%;
	margin: 2% 2% 0 2%;
	border: 1px solid #ffcc00;
}

/* items */

.itemD01 {
	width: 100%;
	padding: 2% 0 0 0;
	margin: 0 0 2% 0;
	line-height:1em;
}

.itemD01 dt img {
	width: 23%;
	margin: 0 1% 1.5% 1%;
	float:left;
}

.itemD01 dd {
	padding: 0 1.5% 0 1.5%;
	margin: 0 0 1% 0;
	line-height:1.4em;
}

.itemD01 dd p {
	margin: 0 0 3% 0;
}

.itemD02 {
	width: 100%;
	padding: 2% 0 0 0;
	margin: 0 0 2% 0;
	line-height:1em;
}

.itemD02 dt img {
	width: 31.3%;
	margin: 0 1% 1.5% 1%;
	float:left;
}

.itemD02 dd {
	padding: 0 1.5% 0 1.5%;
	margin: 0 0 1% 0;
	line-height:1.4em;
}

.itemD02 dd p {
	margin: 0 0 3% 0;
}

.itemD03 {
	width: 99.6%;
	padding: 0;
	margin: 0 0 4% 0;
	line-height: 1.4em;
	border: 1px solid #00ab75;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
}

.itemD03 dt {
	color: #FFF;
	background: #00ab75;
	padding: 0.5% 0 1% 2%;
	margin: 0;
}

.itemD03 dd {
	padding: 1%;
	margin: 0;
}

/* kaitori */

.kaitoriD01 {
	padding: 3% 0 0 0;
	margin: 0 0 5% 0;
	line-height: 1.4em;
}

.kaitoriD01 dt {
	width: 60%;
	padding: 0;
	margin: 0 auto 3% auto;
}

.kaitoriD01 dd {
	padding: 0 1% 0 1%;
	margin: 0 0 2% 0;
}

.kaitoriD02 {
	width: 95.6%;
	padding: 3% 2%;
	margin: 0 0 3% 0;
	line-height: 1em;
	border: 1px solid #CCC;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}

.kaitoriD02 dt {
	font-size: 130%;
	color: #00ab75;
	padding: 0 0 2% 0;
	margin: 0 0 3% 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00ab75;
	text-align: center;
}

.kaitoriD02 dd p {
	width: 66%;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	float: right;
}

.kaitoriD02 dd strong {
	font-size: 110%;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1% 0;
	display: block;
}

.kaitoriD02 dd img {
	width: 30%;
	padding: 1.5% 0 0 0 ;
	margin: 0;
	line-height: 1.4em;
	float: left;
}

/* shop */

.shopD01 {
	width: 100%;
	padding: 2% 0 0 0;
	margin: 0 0 1.2% 0;
	line-height:1em;
}

.shopD01 dt img {
	width: 48%;
	margin: 0 1% 1.5% 1%;
	float:left;
}

.shopD01 dd img {
	width: 31.3%;
	margin: 0 1% 1.5% 1%;
	float:left;
}

.shopD02 {
	padding: 3% 0 0 0;
	margin: 0 0 5% 0;
	line-height: 1.4em;
}

.shopD02 dt {
	width: 60%;
	padding: 0;
	margin: 0 auto 3% auto;
}

.shopD02 dd {
	padding: 0 1% 0 1%;
	margin: 0 0 2% 0;
}

.shopTa {
	width:100%;
	border-collapse:separate;
	border-spacing:1px;
	margin: 0 0 1.5% 0;
	background-color: #CCC;
	line-height:1.4em;
}

.shopTa th {
	width:22%;
	background-color: #E8E8E8;
	font-weight: normal;
	text-align:left;
	padding: 2%;
}

.shopTa td {
	width:78%;
	background:#FFF;
	padding: 2%;
}

.map {
	width: 98%;
	padding: 1% 1% 0 1%;
	margin: 0 0 4% 0;
	line-height:1em;
}

/* blog */

.blogBox01 {
	padding: 1% 0 0 0;
	margin: 0;
}

.blogBox01 h3 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

.blogBox01 p {
	padding: 1%;
	margin: 0;
	line-height: 1.4em;
}

.blogBox01 p img {
	width: 60%;
	padding: 1% 0 0 0;
	margin: 0 0 2% 20%;
}

.blogBox02 {
	padding: 1% 0 0 0;
	margin: 0;
}

.blogBox02 h3 .title03 {
	padding: 2.5%;
	margin: 0;
}

.blogBox02 table {
	padding: 0;
	margin: 0;
}

.blogBox02 table th {
	font-weight: normal;
	text-align:left;
	padding: 1% 1% 0 1%;
	margin: 0;
}

.blogBox02 table td {
	padding: 1%;
	margin: 0;
}

/* gallery */

.galleryD {
	width: 31.3%;
	margin: 0 1% 1.5% 1%;
	float:left;
}

.galleryD dt {
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.galleryD dt img {
	padding: 0;
	margin: 0;
}

.galleryD dd {
	font-size: 80%;
	height: 60px;
	padding: 3% 0 1.5% 0;
	line-height: 1.2em;
	overflow: hidden;
}

/* menu */

.menuD {
	width: 100%;
	padding: 2% 0 0 0;
	margin: 0 0 1.2% 0;
	line-height:1em;
}

.menuD dd {
	width: 31.3%;
	margin: 0 1% 1.5% 1%;
	float:left;
}

.menuD dd p {
	font-size: 12px;
	padding: 3% 0 1.5% 0;
	text-align: center;
	height:25px;
	overflow:hidden;
}

/* navi */

.naviD {
	width: 100%;
	padding: 3% 0;
	margin: 0 0 1.5% 0;
	line-height:1em;
}

.naviD dt a {
	background: #00ab75;
	border: 1px solid #00ab75;
	color: #FFF;
	width: 57.2%;
	padding: 2.8% 0 2.2% 1%;
	margin: 0 0 0 2%;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #00ab750%, #00ab75 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006302), color-stop(100%,#00ab75)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00ab750%,#00ab75 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00ab750%,#00ab75 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00ab750%,#00ab75 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00ab750%,#00ab75 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006302', endColorstr='#00ab75',GradientType=0 ); /* IE6-8 */
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	text-align: center;
	float:left;
	text-decoration: none;
}

.naviD dd a {
	background: #443c29;
	border: 1px solid #443c29;
	color: #FFF;
	width: 31.2%;
	padding: 2.8% 0 2.2% 1%;
	margin: 0 3% 0 0;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #675e4c 0%, #443c29 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#675e4c), color-stop(100%,#443c29)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #675e4c 0%,#443c29 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #675e4c 0%,#443c29 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #675e4c 0%,#443c29 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #675e4c 0%,#443c29 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#675e4c', endColorstr='#443c29',GradientType=0 ); /* IE6-8 */
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	text-align: center;
	float: right;
	text-decoration: none;
}

.naviD i {
	font-size: 145%;
	font-weight: bold;
	letter-spacing:-0.2px;
}

.naviD i span {
	font-size: 105%;
	padding: 0 0 0 6px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.naviBt {
	width: 10%;
	position:absolute;
	right:2%;
	top:40%;
}

.simpleSlideShow img {
	display : none;
}

.simpleSlideShowWrapper {
	margin : 0 auto;
	position : relative;
}

.simpleSlideShowWrapper img {
	position : absolute;
	left : 0;
	top : 0;
}

#gift table{
	width:100%;
	margin-bottom:20px;
}
#gift table caption{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
#gift table th{
	width:30%;
	vertical-align:top;
	padding:10px;
	border:1px solid #ccc;
	background-color:#eee;
}
#gift table td{
	vertical-align:top;
	padding:10px;
	border:1px solid #ccc;
}

/**20160816　追加　gift*/
.datas{
	text-align:left;
	color:#E02327;
	font-weight:bold;
	padding:5px 0;

}
.datas_line{
	padding:5px 0;
	text-align:right;
	font-size:19px;
}



ul.shop_info{margin-bottom:15px;}
ul.shop_info li a {
	display:block;
	background: #5bd3ad;
	padding:4px;
	margin-bottom:5px;
	text-decoration:none;
	text-align: center;
	border: 5px solid #00ab75;
}
ul.shop_info span{
	line-height:50px;
	font-size:120%;
	color: #fff;
	font-weight:bold;
}
ul.shop_info li a img{
	margin-right:10px;
}