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


/*------------------------------------------------------------
	基本のレイアウト
------------------------------------------------------------*/
html,body{
    width: 100%;
}

body{
-webkit-text-size-adjust: 100%;
	background-color : #FFFEFE;
	color:#4E4F4F;
	-webkit-font-smoothing: aliased;
}


body,p,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
footer,nav,section{
    margin:0;
    padding:0;
	border:none;
	outline:none;
font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

footer,nav,section{display:block;}


/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
.head {
  margin-bottom: 0px;
  padding: 0px;
  height: 16px;
  line-height: 16px;
  background-color: #8A5406;
  color: #fff;
 text-align :center;
}

div.topL{ 
width:100%;	z-index:100;
background:url(../../../img/menu_back.png); background-repeat:repeat;
	position:relative;
}

.topLogo {
  margin: 0;
  padding: 0;
font-size: 0;
 position: relative;
}

.topLogo img {
  width:30%;
  height:auto;
  margin:5px 20px 0 0;
  float: left;
}

div.topMenu {
margin: 0;
}

.topMenu img {
  margin:8px 3px 0 0;
  padding:0 0 8px 0;
 width:12%;
   height:auto;
 float: right;
}

.topMenu img.plan {
  width:25%;
  height:auto;
  margin:17px 5px 0 0;
 float: right;
}

div.topimg{ line-height:0;
	position:relative;
	background-color: ##fffedf;
}

div.topimg img.ki{
	max-width:100%;
	height:auto;
	display: block;
	margin: 0 auto 10px auto;
}


/* ぱんくずリスト */
div#pan_s{
	width: 100%; 
margin-top:0px;
margin-bottom:3px;
padding: 5px 0 0 0;
align: center;
}

/* リスト */
ol.topic-path{
	margin: 0;
list-style-type: none; /* リストマーク非表示 */
padding: 5px 5px 0px 5px;
font-size: 12px;
background: url(../../img/pan-home.png) no-repeat top left;
}

@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
   ol.topic-path{
	margin: 170px 0 0 0;
list-style-type: none; /* リストマーク非表示 */
padding: 5px 5px 0px 5px;
font-size: 12px;
background: url(../../img/pan-home.png) no-repeat top left;}
}

/* リスト項目 */
ol.topic-path li{
	padding-left: 5px;
	font-size:11px;
display: inline; /* 項目を横並び */
	padding-right: 12px;
background: url(../../img/path.gif) no-repeat right; /* 矢印記号（※） */
}

ol.topic-path li.tp{
	padding-left: 20px;
	font-size:11px;
display: inline; /* 項目を横並び */
	padding-right: 0px;
background: none; 
}


/* リスト項目（最初の項目） */
ol.topic-path li.first{
	padding-left: 20px;

}

ol.topic-path li.last{
background : none;
}

ol.topic-path li a{
	color: #0000ff;
}

ol.topic-path li a:hover{
	color: #62FA69;
}



.phase{padding: 2px 0 15px 0;}


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




/*------------------------------------------------------------
	スライダー
------------------------------------------------------------*/
#doc{
  padding: 0px 0 10px 0;
	top:0; left:0;
	position:relative;
	z-index:1;
}

#content{
	margin: 0 auto;
		}


.blueberry{
}

.slide img{
margin:0 auto;
	width: auto;
	height:550px;}

.slider_back{
  background-color:#fff;
}

/*------------------------------------------------------------
	メイン
------------------------------------------------------------*/

/* リンク色 */
a{color:#333;
	text-decoration:none;
}


a.sen{text-decoration: underline; color:#0000cc;}
a.sen2{text-decoration: underline;}


/* 文章装飾 */
h1 {line-height : 150%; font-size: 22px; padding: 0px 2px 0px 5px; font-weight: bold; color: #0EA5C0; font-family: 'Noticia Text', serif;}

h2 {margin:15px 0 12px 0; padding:3px 5px; font-size:22px; font-weight:bold; color: #0EA5C0; font-family: 'Noticia Text', serif;
}

h3 {margin:15px 0 20px 0; padding:3px 5px; font-size:14px; font-weight:normal; color:#075ABF;
background-color:#F6E7D0;}

.fir{width:80%; margin:20px auto 0 auto; text-align:center;}


p{font-size: 14px; line-height : 170%; margin: 10px 12px 2px 16px; }

p.honbun{font-size: 14px; line-height : 170%; padding: 0px 5px;}


p.cen{font-size: 14px; line-height : 170%; text-align:center;}

p.rig{font-size: 14px; line-height : 170%; text-align:right;}

a.red2{line-height : 150%; font-size: 16px; margin: 10px 2px 2px 15px; font-weight: bold; color :#C60606;
text-decoration: underline;}

p.box{
  font-size : 11px;
 font-weight : normal; line-height : 190%; 
 padding: 15px 20px 5px 10px;
 margin: 0px;
}

p.midasi1{line-height : 150%; font-size: 14px; margin: 10px 2px 2px 15px; font-weight: bold; color :#130ED3;}

p.alink{text-align: center; margin:0; padding:0;}

p.midasi2{ margin: 10px 5px 2px 2px;
	font-size:14px;
    font-weight: bold;
    color: #B007BF;
	text-shadow:2px 2px 0px #dddddd;
}


p.midasi3{ margin: 10px 5px 2px 2px;
	font-size:14px;
    font-weight: bold;
    color: #FD3543;
	text-shadow:2px 2px 0px #dddddd;
}

span.blu{color:#0000ff; font-weight:bold; } 

span.rd{color:#ff0000; font-weight:bold;} 

span.green{color:#009966; font-weight:bold;} 

span.gl-c{color: #027e02;}


/* 右寄せt */
img.img-right {
 display: block;
	float: right;
	padding: 5px 0 10px 10px;
}
img.img-lleft {
	float: left;
	padding: 5px 0 10px 10px;
}

.midasi{margin: 5px 0px 30px 0px; }

/* img中央揃え */
img.mid-im{
 display: block;
     width:80%;
     height:auto;
 margin-top:15px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
}

/* img中央揃え */
img.mid-im9{
 display: block;
     width:95%;
     height:auto;
 margin-top:15px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
}

img.mid-im10{
 display: block;
     width:100%;
     height:auto;
 margin-top:15px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
}

img.mid-im7{
 display: block;
     width:70%;
     height:auto;
 margin-top:15px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
}

/* 本文画像の回り込み*/

img.maw1 {float:left;   padding: 0px 10px; }
p.maw2 {clear:left;}


/* 水平線*/

hr.style-one {
	border: 0;
	margin:15px 0;
	height: 1px;
	background: #BCEEFB;
}


hr.style-two {
	border: 0;
	height: 1px;
	background: #fff;
	background-image: -webkit-linear-gradient(left, #fff, #fff, #fff);
	background-image:    -moz-linear-gradient(left, #fff, #fff, #fff);
	background-image:     -ms-linear-gradient(left, #fff, #fff, #fff);
	background-image:      -o-linear-gradient(left, #fff, #fff, #fff);
}

hr.style-3 {
	border: 0;
	height: 35px;
	background: #fff;
	background-image: -webkit-linear-gradient(left, #fff, #fff, #fff);
	background-image:    -moz-linear-gradient(left, #fff, #fff, #fff);
	background-image:     -ms-linear-gradient(left, #fff, #fff, #fff);
	background-image:      -o-linear-gradient(left, #fff, #fff, #fff);
}

#map{
	border: solid 2px #999999;
	width: 95%;
	height: 350px;
	display: block;
	margin: 0 auto;
}


#map2{
	border: solid 2px #999999;
	width: 95%;
	height: 350px;
	display: block;
	margin: 0 auto;
}

img.img-bg{
	max-width:98%;
	height:auto;
	display:block;
	margin: 0 auto;
}

img.img-bg2{
	max-width:98%;
	height:auto;
	display:block;
	margin: 10px auto 0 auto;
}

img.img-bg10{
	max-width:100%;
	height:auto;
	display:block;
	margin: 0 auto;
}

img.img-bg70{
	max-width:70%;
	height:auto;
	display:block;
	margin: 10px auto 10px auto;
}

img.img-bg90{
	max-width:90%;
	height:auto;
	display:block;
	margin: 10px auto 10px auto;
}

div.contents{margin:15px 0;}

/* img中央揃え */
img.line{
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0 15px 0px;
}
p.image{ text-align :center; line-height : 160%;}

/*------------------------------------------------------------
	TOPページ　メニュー
------------------------------------------------------------*/
.entry-list {
  margin-bottom: 10px;
	border:solid 1px #DBDBDB;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.heading {
  margin-bottom: 0px;
  height: 25px;
  line-height: 25px;
  font-size: 80%;
  color: #222222;
  background-color: #FCBF5F;
  padding:0px 8px;
}

.section-header {
  position: relative;
}



div.ms{ margin : 20px 0 20px 0;
	line-height:0;
	position:relative;
}

div.ms img.ki{
	max-width:98%;
	height:auto;
}

div.Maincontents{margin:0px 0px 20px 0px;}


div.wariphoto{margin:0px 0px 20px 0px;}

div.wariphoto2{margin:0px;}

div#columna img{
width:100%;
height: auto;
}

div#columnc{
float:left;
width:36%;
padding:2%;
}
div#columnd{
margin-left:32%
width:60%;
padding:0 0 5px 4px;
}


div#columnc img{
width:100%;
height: auto;
}


/*------------------------------------------------------------
	TOP　予約と電話
------------------------------------------------------------*/

#gNavi2 {
	padding-top: 10px;
	padding-bottom: 16px;
	overflow: hidden;
	position: relative;
	background: url();

}

#gNavi2:after {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
}


#gNavi2 .etc {
	margin: 0 15px;
}

#gNavi2 .etc li {
	margin-bottom: 0px;
}

#gNavi2 .etc li:last-child {
	margin-bottom: 0;
}

#gNavi2 .etc a {
	padding: 12px 10px 10px 16px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfeff+0,bfe8f9+100 */
background: #fbfeff; /* Old browsers */
background: -moz-linear-gradient(top, #fbfeff 0%, #bfe8f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbfeff 0%,#bfe8f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbfeff 0%,#bfe8f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfeff', endColorstr='#bfe8f9',GradientType=0 ); /* IE6-9 */
	border: 2px solid #217AF3;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: block;
	position: relative;
	color: #0955BC;
	font-size: 16px;
        font-weight:bold;
        text-shadow:2px 2px 0px #fff;
	text-decoration: none;
        margin-bottom:10px;
}

#gNavi2 .etc a:before {
	margin-top: -17px;
	width: 34px;
	height: 30px;
	-webkit-background-size: 102px 98px;
	background-size: 102px 98px;
	position: absolute;
	top: 50%;
	left: 15px;
	content: "";
}

#gNavi2 .etc .reserv a:before {
	background-position: -34px 0;
}

#gNavi2 .etc a:after {
	margin-top: -12px;
	width: 30px;
	height: 30px;
	background: url(../../img/telicon3.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 15px;
	content: "";

}

@media screen and (min-width: 640px) {
	#gNavi2 .etc {
		margin: 0 auto;
	}
}


#gNavi3 {
	padding-top: 10px;
	padding-bottom: 16px;
	overflow: hidden;
	position: relative;
	background: url();

}

#gNavi3:after {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
}


#gNavi3 .etc {
	margin: 0 15px;
}

#gNavi3 .etc li {
	margin-bottom: 0px;
}

#gNavi3 .etc li:last-child {
	margin-bottom: 0;
}

#gNavi3 .etc a {
	padding: 12px 10px 14px 16px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfeff+0,bfe8f9+100 */
background: #fbfeff; /* Old browsers */
background: -moz-linear-gradient(top, #fbfeff 0%, #bfe8f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbfeff 0%,#bfe8f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbfeff 0%,#bfe8f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfeff', endColorstr='#bfe8f9',GradientType=0 ); /* IE6-9 */
	border: 2px solid #217AF3;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: block;
	position: relative;
	color: #0955BC;
	font-size: 16px;
        font-weight:bold;
        text-shadow:2px 2px 0px #fff;
	text-decoration: none;
        margin-bottom:10px;
}

#gNavi3 .etc a:before {
	margin-top: -17px;
	width: 34px;
	height: 30px;
	-webkit-background-size: 102px 98px;
	background-size: 102px 98px;
	position: absolute;
	top: 50%;
	left: 15px;
	content: "";
}

#gNavi3 .etc .reserv a:before {
	background-position: -34px 0;
}

#gNavi3 .etc a:after {
	margin-top: -12px;
	width: 30px;
	height: 30px;
	background: url(../../img/telicon3.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 15px;
	content: "";

}

@media screen and (min-width: 640px) {
	#gNavi3 .etc {
		margin: 0 auto;
	}
}
/*------------------------------------------------------------
	フッターメニュー
------------------------------------------------------------*/
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/*------------------------------------------------------------
	フッターメニュー
------------------------------------------------------------*/
#footNavi {
        margin: 0;
	padding: 15px 0 12px;
	background: url(img/kumo.png);
	-webkit-background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	position: relative;
}

#footNavi:before {
	width: 100%;
	height: 1px;
	background: #F5CF5B;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}

#footNavi ul {
	margin: 0 auto;
	width: 320px;
}

@media screen and (min-width: 468px) {
	#footNavi ul {
		width: 438px;
	}
}

@media screen and (min-width: 614px) {
	#footNavi ul {
		width: 584px;
	}
}


#footNavi li {
	margin: 0 5px 0px 0;
	width: 150px;
	float: left;
}

#footNavi li a {
	height: 15px;
	padding: 5px 7px 13px;
	background: #bef9fd;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	position: relative;
	color: #333;
	font-size: 13px;
	text-decoration: none;
	border: 1px solid #27C5FF;;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#footNavi li a:before {
	margin-top: -5px;
	width: 5px;
	height: 10px;
	background: url(img/sprite_icon.png) no-repeat -10px -88px;
	-webkit-background-size: 102px 98px;
	background-size: 102px 98px;
	position: absolute;
	top: 50%;
	right: 5px;
	content: "";
}


#footNavi li.las {
	margin: 2px 7px 6px 0;
	width: 150px;
	float: left;
}

#footNavi li.las a {
	height: 15px;
	padding: 9px 7px 13px;
background: #fef9ed; /* Old browsers */
background: -moz-linear-gradient(top,  #fef9ed 2%, #fcdf98 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fef9ed), color-stop(100%,#fcdf98)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fef9ed 2%,#fcdf98 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fef9ed 2%,#fcdf98 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fef9ed 2%,#fcdf98 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fef9ed 2%,#fcdf98 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9ed', endColorstr='#fcdf98',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	position: relative;
	color: #333;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	border: 1px solid #C98F20;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}

#footNavi li.las a:before {
	margin-top: -5px;
	width: 5px;
	height: 10px;
	background: url(img/sprite_icon.png) no-repeat -10px -88px;
	-webkit-background-size: 102px 98px;
	background-size: 102px 98px;
	position: absolute;
	top: 50%;
	right: 5px;
	content: "";
}




#footNavi li.long {
	margin: 2px 4px 6px 1px;
	width: 305px;
	float: left;
}

#footNavi li.long a {
	height: 15px;
	padding: 9px 10px 13px 10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffdde2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffdde2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffdde2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffdde2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffdde2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffdde2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffdde2',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	position: relative;
	color: #333;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	border: 1px solid #C98F20;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#footNavi li.long a:before {
	margin-top: -5px;
	width: 5px;
	height: 10px;
	background: url(img/sprite_icon.png) no-repeat -10px -88px;
	-webkit-background-size: 102px 98px;
	background-size: 102px 98px;
	position: absolute;
	top: 50%;
	right: 5px;
	content: "";
}



#footNavi li.pclink {
	margin: 2px 7px 6px 0;
	width: 150px;
	float: left;
}

#footNavi li.pclink a {
	height: 15px;
	padding: 9px 7px 13px;
background: #fef9ed; /* Old browsers */
background: -moz-linear-gradient(top,  #fef9ed 2%, #fcdf98 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fef9ed), color-stop(100%,#fcdf98)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fef9ed 2%,#fcdf98 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fef9ed 2%,#fcdf98 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fef9ed 2%,#fcdf98 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fef9ed 2%,#fcdf98 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9ed', endColorstr='#fcdf98',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	position: relative;
	color: #333;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	border: 1px solid #C98F20;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#footNavi li.pclink a:before {
	margin-top: -5px;
	width: 20px;
	height: 27px;
	background: url(img/sp_pc.png) no-repeat 0 0;
	-webkit-background-size: 100px 100px;
	background-size: 100px 100px;
	position: absolute;
	top: 30%;
	right: 6px;
	content: "";
}



#footNavi li.news {
	margin: 2px 7px 6px 0;
	width: 150px;
	float: left;
}

#footNavi li.news a {
	height: 15px;
	padding: 9px 7px 13px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffdde2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffdde2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffdde2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffdde2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffdde2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffdde2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffdde2',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	position: relative;
	color: #333;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	border: 1px solid #C98F20;
	-webkit-border-radius: 8px;
	border-radius: 8px;

}

#footNavi li.news a:before {
	margin-top: -5px;
	width: 5px;
	height: 10px;
	background: url(img/sprite_icon.png) no-repeat -10px -88px;
	-webkit-background-size: 102px 98px;
	background-size: 102px 98px;
	position: absolute;
	top: 50%;
	right: 5px;
	content: "";
}



b.add-phone{font-size: 14px;}


/*------------------------------------------------------------
	フッター　
------------------------------------------------------------*/
#gNavi {
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	position: relative;
	background: url(img/kumo.png);
}

#gNavi ul {
margin: 0 auto;

}	

#gNavi .etc {
	margin: 0 15px;
}

#gNavi .etc li {
	margin-bottom: 5px;
}

#gNavi .etc li:last-child {
	margin-bottom: 0;
}

#gNavi .etc a {
	padding: 12px 10px 10px 16px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+99 */
background: #f8ffe8; /* Old browsers */
background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#e3f5ab',GradientType=0 ); /* IE6-9 */

	border: 2px solid #08C38C;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: block;
	position: relative;
	color: #0BA97B;
	text-shadow:1px 1px 0px #fff;
	font-size: 16px;
        font-weight:bold;
	text-decoration: none;
        margin-bottom:0px;
}



#gNavi .etc a:before {
	margin-top: -17px;
	width: 34px;
	height: 34px;
	-webkit-background-size: 102px 98px;
	background-size: 102px 98px;
	position: absolute;
	top: 50%;
	left: 15px;
	content: "";
}

#gNavi .etc .reserv a:before {
	background-position: -34px 0;
}

#gNavi .etc a:after {
	margin-top: -12px;
	width: 24px;
	height: 24px;
	background: url(../../img/sprite_icon.png) no-repeat 0 -64px;
	-webkit-background-size: 102px 98px;
	background-size: 102px 98px;
	position: absolute;
	top: 50%;
	right: 15px;
	content: "";

}

@media screen and (min-width: 640px) {
	#gNavi .etc {
		margin: 0 auto;
	}
}


p.cap{font-size: 12px; margin: 2px 0px; line-height : 160%;}


/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 0;
	background: url(img/p_haikei.jpg);
	position: relative;
	color: #333;
	font-size:12px;
}



a.mod{color: #333;
      text-decoration: underline;}
      
a.mod2{color: #0000cc;
      text-decoration: underline;}
      

a.tel{text-decoration: underline; color:#333;}

#gFooter .mode {
	padding: 2px 0 10px 35px;
	height: 20px;
	float: left;

}


#gFooter .address {

	padding: 10px 15px 20px 15px;
	background-color:#ECF7FE ;
        color: #333;
	display: block;
	clear: both;
	text-align: left;
	font-size: 13px;
	line-height:160%;
}
#gFooter img {
 display: block;
	width:80%;
	height:auto;
	margin: 18px auto 0 auto;
}

.bottom_mp{
	width: 98%;

padding:10px 0 100px 0;

}

.bottom_mp iframe{margin: 0 auto 0 10px; display:block;}

/* bottom
---------------------------------------------------- */

#bottom {
	font-size: 10px;
	text-align: center;
}

#bottom  ul.display_mode {
	margin-top: 15px;
	margin-bottom: 15px;
}

#bottom .display_mode li {
    background-color: #289CE5;
    border: 1px solid #168FDC;
    border-radius: 4px 4px 4px 4px;
    font-size:13px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 4px;
}

#bottom .display_mode li a {
    display: block;
}

#bottom .display_mode li:first-child {
    background-color:#D0EBFC;
    border-style: none;
    border-width: 0;
    color: #333333;
    font-weight: normal;
}

#bottom .display_mode li:last-child {
    background-color: #FFFFFF;
}


/*------------------------------------------------------------
	共通部分　facebook
------------------------------------------------------------*/

#topNavi {
	padding: 15px 0 5px 0;
	position: relative;
}


#topNavi ul {
	margin: 0 auto;
	width: 98%;
}




#topNavi li {
	margin: 0 1px 2px;
	width: 49%;
	float: left;
}


#topNavi li img {
	width: 100%;
height:auto;
}

#topNavi li a {
	padding: 0px 4px 5px;
	display: block;
	position: relative;
	color: #333;
	font-size: 13px;
	text-decoration: none;

}



/* fixed
---------------------------------------------------- */
nav#fixed_menu {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
}
nav#fixed_menu li {
    display: inline-block;
    line-height: 100%;
    width: 20%;
}
nav#fixed_menu li img {
    vertical-align: bottom;
        width: 100%;
        	height:auto;
}

.clear { clear:both; }  
.clear hr { display:none; }  

.vWrap{
position: relative;
margin-top: 1.0em;
margin-bottom: 1.0em;
padding-bottom: 50%;
padding-top: 69px;
overflow: hidden;
}
 
.vWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*------------------------------------------------------------
	使用中
------------------------------------------------------------*/
.heading_on {
  margin-bottom: 0px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  background-color: #2FDC2B;
  padding:0px 8px;
}

.entry-list-on {
  margin-bottom: 10px;
	border:solid 2px #2FDC2B;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

}

.entry_ka {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5ebee 100%, #d7dee3 100%, #f5f7f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5ebee), color-stop(100%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5ebee 100%,#d7dee3 100%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5ebee 100%,#d7dee3 100%,#f5f7f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5ebee 100%,#d7dee3 100%,#f5f7f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5ebee 100%,#d7dee3 100%,#f5f7f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
  margin: 0;
    padding:5px 5px 5px 0;
}

/* ★小メニューt*/
.entry_space{margin:15px 0px 15px 0px;}

.entry_ka a {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 5px 8px 0px;
  color: #444444;
  font-weight: bold;
  font-size: 13px;


}

.entry_ka a::after {
  position: absolute;
  top: 60%;
  right: 10px;
  display: block;
  content: "";
  margin-top: -7px;
  width: 9px;
  height: 14px;
  background-image: url(../../img/sprite.png);
  background-position: -2px -2px;
  font-size: 0;
}



li{
list-style: none;
cursor: pointer;
}
 


span.comm{font-size: 14px; font-weight:normal;} 

span.comm2{font-size: 12px; font-weight:normal;} 


/* サイドバー */
div.sidebar{
display:block;
	width: 260px; 
	margin-top: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 5px; padding: 0;
}

div.sidebar iframe#side{
	width: 260px; height:1280px;
}

div.sidebar iframe#side2{
	width: 260px; height:1460px;
}




span.red-d{color: #bb2806;}


/* お問い合わせ al*/
table.toi{
	width:95%;
	margin:20px auto;
	border-collapse:collapse;
}
table.toi td{
	border:1px solid #b1b1b1;
	font-size:90%;
	color:#000000;
height:40px;
	text-align:left;
	padding: 8px 5px 8px 10px;
	vertical-align:middle;
}


table.toi td.s_Cel{
background-color:#FDEACF;
padding: 5px 0 5px 10px;
}
table.toi th{
text-align:left;
	font-size:90%;
	color:#000000;
height:40px;
font-weight: normal;
	border:1px solid #b1b1b1;
	padding: 8px 5px 8px 10px;
		vertical-align:middle;
	}

table.toi th.l_Cel{
	width:35%;

}
table.toi th.n_Cel{
	width:35%;
background-color:#FDEACF;
}


table.toi td.but{
	border:1px solid #ffffff;
	height:40px;
	text-align:center;
	font-size:100%;
	padding: 15px 5px 5px 10px;
}

p.sub_buttun{
text-align: center;
padding: 20px 0 10px 0;}




/* newmenu*/
header{
	height:24px;
margin-bottom:10px;
}

header nav{
	text-align: center;
	background: #efefef;
}
header nav ul{
float:left;
	margin: 0;
	padding: 1em;
	list-style-type: none;
}
header nav ul li{
float:left;
	display: inline;
	margin-left: 1em;
}
header nav ul li:first-child{
	margin-left: 0;
}
header nav ul li ul{
	display: none;
}

/* topお知らせ */
div.sidebar{
	width: 330px; margin:10px auto 35px auto;
	 padding: 0;
	border:1px solid #0099ff;
}

div.sidebar iframe#side{
	width: 325px; height:150px;
}

/* cafeボタン */
.btn-border-cafe {
  color: #fff;
  display: inline-block;
  width: 38%;
  height:25px;
  text-align: center;
  font-size: 15px;
  vertical-align:middle;
  background-color: #f8881a;
  text-decoration: none;
  font-size: 15px;
margin: 20px 5px 10px 20px;
  padding: 25px 5px;
  border-radius: 4px;
    border: 2px solid #ba6109;
font-family: 'Open Sans', sans-serif;
}


.btn-border-cafe:link{
	color:#fff; 
}

.btn-border-cafe:hover {
  color: #9f540a;
    background-color: #fff;
  border: 2px solid #ba6109;
}