*{
   margin : 0;
   padding : 0;
}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}
a{
	 color:#fff;
}
a img {
    border-style:none;
}

h3 a:hover{
	background-color:#C0A2C7;
}

#contents a{
	color:#000;
}
#contents{
	padding-top:20px;
}
.yellow{
	background-color:#FFFF66;
}
.paper{
	background-image:url(img/Paper.png);
}

/* :::::文字::::: */


h2{
font-size:1.3em;
line-height:1.3333;
margin-bottom:0.6667em;
color:#000;
padding-top:25px;
}

h3,h4{
padding-top:25px;
margin-bottom:0.6667em;
}

p{
font-size:1em;
margin-bottom:1em;
}

.orange {
	color: rgb(255,102,0);
}
.kihon{
	color: rgb(0,153,255);
}

/* :::::レイアウト::::: */
#wrapper, #header, #contents, #footer {
    width: 100%;
}


#footer {
	clear: both;
 background:rgb(164,139,120);
	padding-top:30px;
	color:#fff;
	text-align:center;
	margin-top:0px;

}
hr {
	height: 0;
	padding: 0;
	border: 0;
	border-top: 1px dashed #fff;
	margin-bottom:10px;
}

/* :::::その他::::: */
body {
    background: #eee;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:1.5;
}

#header {
	text-align : center;
	padding-top : 24px;
 background:rgb(164,139,120);
    
	padding-bottom:15px;
	
}


/* @group Fluid-img */

img { max-width : 100%}

/* @end */


#menu li {
  position: relative;
  float: left;
    margin: 0;

  padding: 13px 0;
  padding-top:15px;
  padding-bottom:12px;
  width: 20%;
  font-weight: bold;
  text-align : center;

}

#menu li.gray{
	background-color:#999;
}

#menu li:hover {
  color: #fff;
  background:#d4c8be;

 
}


#menu li ul {
  display: none;
  position: absolute;
  top: 50px;
  padding: 0;
  width: 100%;
  background:rgb(181,161,144);
   z-index:100;
}
#menu li ul li {
  margin: 0;
  padding:10px 0;
  width: 100%;
  height: 30px;
  border: none;
  line-height:30px;
    border-top:1px dotted #fff;
	font-size:0.99em;
	  
}
#menu li a {
  display: inline-block;
  width: 100%;

  color:#eee;

}
#menu li ul li a {
  display: inline-block;
  width: 100%;
  height: 35px;
  color:#eee;
}
#menu li ul li a:hover {
  background:#d4c8be;
}


#navi{
	height:50px;
	background-color:rgb(181,161,144);
	color:#777777;
	font-size:0.98em;
}
.footer_nav {
	overflow: hidden;
	float: left;
	width:20%;
}
.small{
	font-size:0.9em;
}
.ssmall{
	font-size:0.7em;
}
.ask{
	font-size:1.4em;
	text-decoration:underline;
}

.footer_nav li{
	color:#fff;
}
.footer_nav li a:hover {
	
	font-weight:bold;

}
.clear{
	clear:both;
}
.pale{
	background-color:rgb(153,204,102);
}

.first{
	padding-top:20px;
	padding-bottom:10px;
	background-color:#D2D2D2;
	
}
h1{
	font-size:20px;
	color: rgb(255,102,0);
}
.first h1{
	font-size:20px;
	text-align:center;
	margin-top:30px;
}
.first h2{
	font-size:18px;
	text-align:center;
	padding-top:25px;
}
.second{
background-color:eee;
}
div.box11 {
	
	width:28%;
	border: 5px solid #eee;
	margin-right:2.0%;
	margin-left:2.0%;
	margin-bottom:30px;
	background-color:#eee;
	color:#000;
	float:left;
	display:block;
}
div.box11:hover {
 
  background:#FFF;
	border: 5px solid #fff;
 
}
div.box11 h2{
	padding-top:0px;
	color:#000;
	text-align:center;
}
div.box17:hover {
 
  background:#eee;

 
}
.inside{
	padding-top:5px;
	padding-left:2.530612%;
	padding-right:2.530612%;
}
div.box20 {
margin-right:2.5%;
	margin-left:2.5%;
	margin-bottom:20px;
	background-color:#FFCCCC;
	color:#000;
	padding:2.5%;
}
div.box20 h2{
	text-align:center;
	padding-top:15px;
}
div.box12 {
	padding-left:1.530612%;
	padding-right:1.530612%;
	padding-top:0px;
	width:45%;
	margin-right:0.6%;
	margin-left:0.9%;
	margin-bottom:20px;
	background-color:#eee;
	float:left;
	}
div.box12 h2{
	padding-top:0px;
	color:#000;
	text-align:center;
}
div.box13 {
	padding-left:1.530612%;
	padding-right:1.530612%;
	padding-top:25px;
	width:28%;
	border: 2px solid #fff;
	margin-right:0.6%;
	margin-left:0.9%;
	margin-bottom:15px;
	background-color:#eee;
	float:left;
}
div.box14 {
	
	width:28%;

	margin-right:2.5%;
	margin-left:2.5%;
	margin-bottom:30px;
	background-color:#eee;
	color:#000;
}

div.box15 {
margin-right:2.5%;
	margin-left:2.5%;
	margin-bottom:20px;
	background-color:#F4F4F4;
	color:#000;
	padding:2.5%;
}
div.box15 a{
	text-decoration:none;
}
div.box15 h2{
	text-align:center;
	padding-top:15px;
}
div.box16 {
	padding-left:1.530612%;
	padding-right:1.530612%;
	padding-top:10px;
	width:45%;

	margin-right:0.6%;
	margin-left:0.9%;
	margin-bottom:20px;
	background-color:#fff;
	float:left;
	}
div.box16 h2{
	padding-top:7px;
	color:#000;
	text-align:center;
}
div.box17 {
	
	width:27%;
	border: 5px solid #fff;
	margin-right:2.5%;
	margin-left:2.5%;
	margin-bottom:30px;
	background-color:#fff;
	color:#000;
	float:left;
	display:block;
}
div.box17 h2{
	padding-top:0px;
	color:#000;
	text-align:center;
}
div.box18 {
background-color:#eee;
margin-right:2%;
	margin-left:2%;
	margin-bottom:10px;
	padding:2.5%;
	}
.third  {
	text-align:center;
	margin-top:5px;
	margin-bottom:20px;
}

.top{
}
.pankuzu{
}



#contents #main1,
#contents #sub { 
float : left;
margin : 0 1.0416667% } 

#contents #main1 { width : 64.5833333%}
#contents #sub { width : 31.25%}

.fukuri,
.cafe,
.cafesub, 
.cafesub1,
.enkaku{ 
float : left;
margin : 0 1.0416667% } 

.cafe {
	 width :54.5833333%;
	 padding-bottom:10px;
	  }
.cafesub { 
margin-left:5%;
width :36.25%;
background-color:#fff;
padding-top:8px;
margin-bottom:30px;
}
.cafesub1 { 
margin-left:5%;
width :36.25%;
background-color:#eee;
padding-top:8px;
margin-bottom:30px;
}
.enkaku{
width : 47%;
}
.fukuri{
width : 31%;
}
.fukuri h2{
	margin-bottom:0px;
}
.cafe img{ 
margin-bottom:10px;
}
.cafesub p{ 
 margin-bottom:0px;
	text-align:center;
}
td{
	border:0;

}

table{
	border:0;
	 width:100%;
}

.cost{
	text-align:left;
	background-color:#eee;
	padding-left:8px;

	width:70%;
}
.company{
	text-align:center;
	background-color:#eee;
	width:30%;

}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;

}


div#boxrotation {
	-webkit-transform: translateX(10px) translateY(-15px) rotate(-5deg);
	-moz-transform: translateX(10px) translateY(-15px) rotate(-5deg);
	-o-transform: translateX(10px) translateY(-15px) rotate(-5deg);
	-ms-transform: translateX(10px) translateY(-15px) rotate(-5deg);
}
.accordion{
	display:none;
}

.block{
	display:block;
	background-color:#C0A2C7;
	margin-bottom:0;
	height:35px;
	padding-left:15px;
	padding-top:5px;
	margin-left:1.5px;
	margin-right:2px;
}
.purple{
	background-color:#C0A2C7;
}
#contents{
	background-color:#eee;
}

ul.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #eee;
	text-align: center;
}

ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pageNav01 li span,
ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}
ul.pageNav01 li span{
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #eee;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}

ul.pageNav01 li a:hover {
	background: #eee;
	border-color: #960;
}
.cafe a{
	text-decoration:underline;
}
.center{
	text-align:center;
}

.fb-like-box,.fb-like-box span, .fb-like-box iframe {
 width: 100% !important;
background: #eee;
}



.cost1{
	text-align:left;
	background-color:#F7F7F7;
	padding-top:10px;
	padding-bottom:10px;
padding-left:8px;	
	width:80%;
}
.company1{
	text-align:center;
	background-color:#F7F7F7;
	padding-top:10px;
	padding-bottom:10px;
	width:20%;

}
.cost2{
	text-align:left;
	background-color:#eee;
	padding-top:10px;
	padding-bottom:10px;
padding-left:8px;	
	width:60%;
}
.company2{
	text-align:center;
	background-color:#eee;
	padding-top:10px;
	padding-bottom:10px;
	width:40%;

}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media screen and (min-width : 1024px) {
	
#header .inner, #contents .inner, #footer .inner, #navi .inner,.first .inner  {
    width: 980px;
    margin: 0 auto;
}
#wrapper {
    min-width: 980px;
}
#main {
    width: 980px;
	background: #eee;
}


}

 @media screen and (max-width: 768px) {
/* タブレット、スマートフォン用 非Retina対応スタイル記述 */
#contents{
	width:95%;
	margin:0 auto;
	}
body{
background: #eee;
}
.first{
background: #eee;
}
.tel{
	display:none;
}


#menu li ul li {
	font-size:0.8em;
}
.footer_nav {
	font-size:0.85em;
}






	#contents{
	width:90%;
	margin:0 auto;
	}
#navi {
display:none;
}


#footer {
	padding:0;
	text-align:center;
	color:rgb(164,139,120);
}
#footer p{
	clear:both;
}
.footer_nav {
	overflow: hidden;
	width: 100%;
	float: none;
}
.footer_nav{
		display:none;
}

.footer_nav li {
	width: 100%;
	height:35px;
	margin-left: 0;
	margin-right: 0;
	 background:#DEDEDE;
	border-bottom: 1px solid #fff;

}

.footer_nav li.half{
	width: 50%;
	float:left;
	height:35px;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px solid #fff;

}
.footer_nav li.onethird{
	width: 33.333333%;
	float:left;
	height:35px;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px solid #fff;
	
}
.footer_nav li.pale {
	width: 100%;
	height:35px;
	margin-left: 0;
	margin-right: 0;
	background-color: #CCCC66;
	border-bottom: 1px solid #fff;
}

.footer_nav li a {
	display: block;
	padding: 9px 0 8px 2px;
	background: url(../images/footer_arrow_rt.png) no-repeat 98% center;
}
hr {
	diplay:none;
	margin: 0;	
	}

div.box11 {
		float: none;
		width: auto;
		margin-left: 0;
		margin-bottom:15px;
	}
div.box12 {
		float: none;
		width: auto;
		margin-left: 0;
	}
div.box14 {
		float: none;
		width: auto;
		margin-left: 0;
	}
div.box16 {
		float: none;
		width: auto;
		margin-left: 0;
	}
div.box17 {
		float: none;
		width: auto;
		margin-left: 0;
	}
#contents #main1 {
		float: none;
		width: auto;
		margin-left: 0;
	}
#contents #sub  {
		float: none;
		width: auto;
		margin-left: 0;
	}
.fukuri,
.cafe,
.cafesub{
		float: none;
		width: auto;
		margin-left: 0;
	}
.cafesub1{
		float: none;
		width: auto;
		margin-left: 0;
	}	
h2,h3,h4{
	text-align:center;
}
h1{
	text-align:center;
}
.pankuzu{
	display:none;
}
.tel{
	display:none;
}
.enkaku{
	width:100%;
}
.accordion{
	display:block;
}
.third  {
	margin-top:5px;
	margin-bottom:20px;
}
.first h1{
	margin-top:0px;
}






@media screen and (max-width: 639px) {

	/* ------ Column ------ */

	
	#contents{
	width:90%;
	margin:0 auto;
	}
#navi {
display:none;
}


#footer {
	padding:0;
	text-align:center;
	color:rgb(164,139,120);
}
#footer p{
	clear:both;
}
.footer_nav {
	overflow: hidden;
	width: 100%;
	float: none;
}
.footer_nav{
		display:none;
}

.footer_nav li {
	width: 100%;
	height:35px;
	margin-left: 0;
	margin-right: 0;
	 background:#DEDEDE;
	border-bottom: 1px solid #fff;

}

.footer_nav li.half{
	width: 50%;
	float:left;
	height:35px;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px solid #fff;

}
.footer_nav li.onethird{
	width: 33.333333%;
	float:left;
	height:35px;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px solid #fff;
	
}
.footer_nav li.pale {
	width: 100%;
	height:35px;
	margin-left: 0;
	margin-right: 0;
	background-color: #CCCC66;
	border-bottom: 1px solid #fff;
}

.footer_nav li a {
	display: block;
	padding: 9px 0 8px 2px;
	background: url(../images/footer_arrow_rt.png) no-repeat 98% center;
}
hr {
	diplay:none;
	margin: 0;	
	}

div.box11 {
		float: none;
		width: auto;
		margin-left: 0;
		margin-bottom:15px;
	}
div.box12 {
		float: none;
		width: auto;
		margin-left: 0;
	}
div.box14 {
		float: none;
		width: auto;
		margin-left: 0;
	}
div.box16 {
		float: none;
		width: auto;
		margin-left: 0;
	}
div.box17 {
		float: none;
		width: auto;
		margin-left: 0;
	}
#contents #main1 {
		float: none;
		width: auto;
		margin-left: 0;
	}
#contents #sub  {
		float: none;
		width: auto;
		margin-left: 0;
	}
.fukuri,
.cafe,
.cafesub{
		float: none;
		width: auto;
		margin-left: 0;
	}
.cafesub1{
		float: none;
		width: auto;
		margin-left: 0;
	}	
h2,h3,h4{
	text-align:center;
}
h1{
	text-align:center;
}
.pankuzu{
	display:none;
}
.tel{
	display:none;
}
.enkaku{
	width:100%;
}
.accordion{
	display:block;
}
.third  {
	margin-top:5px;
	margin-bottom:20px;
}
.first h1{
	margin-top:0px;
}

}